Курс HTML5 и CSS3 Углубленный
Для кого этот курс
Программисты, верстальщики, web-разработчики.Предварительные требования
• Знание JavaScript• Знание новой семантической разметки HTML5 и основных атрибутов.
Продолжительность
18 ч.
Количество уроков
9 занятий
Стоимость обучения
130
Курс входит в
Специальности FrontEnd Разработчик + AI SkillsПрограмма курса
1
Принципы построения разметки Grid. Шаблоны сайтов
• Определение CSS3 Grid Layout.
• Поддержка Grid Layout браузерами.
• Определение сеток, колонок и строчек.
• Свойства Grid для изображения контейнеров.
• Методы отдельных элементов для изображения.
• Вложенные Grid.
• Области Grid.
• Поддержка Grid Layout браузерами.
• Определение сеток, колонок и строчек.
• Свойства Grid для изображения контейнеров.
• Методы отдельных элементов для изображения.
• Вложенные Grid.
• Области Grid.
2
Анимации и градиенты
• Свойство transition.
• Создание переходов.
• Разновидности трансформации.
• Матрица трансформации.
• Совместное использование трансформации с переходом.
• 3D-трансформация.
• Анимация.
• Использование градиентов.
• Создание переходов.
• Разновидности трансформации.
• Матрица трансформации.
• Совместное использование трансформации с переходом.
• 3D-трансформация.
• Анимация.
• Использование градиентов.
3
Работа с графикой на стороне клиента
• Основы SVG
• Path и координаты
• Различные возможности с фигурами
• Path и координаты
• Различные возможности с фигурами
4
Canvas
• Знакомство с тегом canvas.
• Прорисовка линий.
• Рисование прямоугольной области.
• Заливка границ и градиента.
• Очистка прямоугольной области.
• Рисование кривых и дуг.
• Добавление img.
• Градиентная заливка.
• Добавление текста и тени в элементы.
• Установка прозрачности.
• Трансформация элементов холста.
• Рассмотрение примеров.
• Прорисовка линий.
• Рисование прямоугольной области.
• Заливка границ и градиента.
• Очистка прямоугольной области.
• Рисование кривых и дуг.
• Добавление img.
• Градиентная заливка.
• Добавление текста и тени в элементы.
• Установка прозрачности.
• Трансформация элементов холста.
• Рассмотрение примеров.
5
Геолокация и настройка карт для сайта
• Проверка функционала геолокации в современных браузерах.
• Структура геолокации API.
• Функции JavaScript в разметке для поиска местоположения.
• Функция обратного геокодирования.
• Структура геолокации API.
• Функции JavaScript в разметке для поиска местоположения.
• Функция обратного геокодирования.
6
Знакомство с node.js и Webpack
• Знакомство с nodeJS
• Создание проекта и установка пакетов webpack
• Настройка запуска проекта
• Создание проекта и установка пакетов webpack
• Настройка запуска проекта
7
Sass основы
• Определение SASS и преобразование формата SASS в CSS
• Вложенность
• Использование переменных
• Использование @mixin
• Интерполяция переменных
• Директива @if в SASS
• Импорт и расширение файлов
• Директива @if в SASS.
• Вложенность
• Использование переменных
• Использование @mixin
• Интерполяция переменных
• Директива @if в SASS
• Импорт и расширение файлов
• Директива @if в SASS.
8
Практика.
Написание макета страницы с использованием изученных интернет-технологий
9
Практика
Попробуй бесплатно
Полноценное занятие с тренером
Что входит в курс
18 часов живого обучения с тренером
Практические занятия и проверка ДЗ
Общение с группой
Поддержка ментора и ассистента
Тестирование и Сертификат
Видео курс от ITVDN
Как проходит обучение
1
Живые онлайн занятия
с тренером
2
Выполнение
домашних заданий
3
Проверка ДЗ
и фидбек
4
Тестирование
и сертификация
Сертификат после прохождения курса
Сертификат после прохождения курса
Тестирование и сертификация ИТ специалистов проходит на нашей собственной платформе TestProvider.com
Вы получаете заверенный сертификат от CyberBionic Systematics, подтверждающий уровень ваших знаний и увеличивающий шансы на успешное трудоустройство.
Каждый сертификат имеет серийный номер, работодатель может его проверить и убедиться в подлинности сертификата.
Готов
начать обучение?
Отправляй заявку и зафиксируй свою скидку на обучение
Александр Гончаренко
Web Frontend Developer.
Сертифицированный специалист MCSA
Дмитрий Охрименко
Эксперт по построению распределенных и веб-ориентированных приложений.
Сертифицированный специалист Microsoft (MCTS, MCPD, MCT).
Виталий Мазяр
Web Frontend Developer. Тренер – консультант. Сертифицированный тренер Microsoft. Автор видео курсов на ITVDN
Богдан Мартыненко
Frontend Developer. Тренер – консультант
Алексей Татаренков
FrontEnd Developer, тренер-консультант в CyberBionic Systematics
Алексей Кучеренко
тренер-консультант направления FrontEnd at CyberBionic Systematics
Отзывы наших студентов
Отзывы с DOU
Отзывы с Facebook
Отзывы с Google
Евгений Евгеньевич
Angular Developer
Пройшов у CyberBionics все що тільки можна))
Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET
Дякую школі, вона допомогла мені стати тим, хто я є.
показать весь
Olha Aliakina
Python developer
Я пройшла курс Python Developer.
Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин.
Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему.
Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити.
Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.
показать весь
Александра Бондарь
Выбрала учебный центр, так как было удобно добираться на метро. Также понравилась программа по специальности FrontEnd Developer.
Программа курса очень хорошо стректурирована: начиналось все с легкого - HTML и CSS, и постепенно усложнялось до Angular. Если что было не понятно, все можно пересмотреть в видео уроках ITVDN. Главное – не останавливаться, со временем все непонятное становится яснее. Спасибо тренеру Елене Хижняк и ментору Ксении. Елена – очень хороший тренер, объясняла материал максимально доступно, по нескольку раз, отвечала на все вопросы. Ксения всегда проверяла домашние задания и давала полезные советы, указывала на ошибки.
Однозначно рекомендую курсы CyberBionic Systematics, так как они помогут освоить новую специальность, в моем случае FrontEnd, максимально быстро и эффективно, также рекомендую смотреть видео на ITVDN.
показать весь
Компании, в которых работают наши студенты
Остались вопросы?
Подскажем, с чего начать, какую специальность выбрать и как найти первую работу.
О курсе HTML5 и CSS3 Углубленный
В курсе HTML5 и CSS3 Углубленный изучаются технологии, которые позволят вам использовать весь функционал HTML5 в наборе с JavaScript. Вы познакомитесь с такими технологиями, как Flexbox, Grid, также на курсе будут детально рассмотрены основы синтаксиса и семантики, такие элементы, как встроенное аудио и видео, геолокация, элемент Canvas, а также многие другие нововведения HTML5.