Верстка веб-страниц
Бесплатный
Онлайн курс
Онлайн курс
Оставьте предварительную заявку
Курс в проработке
Курс в проработке
О курсе
Для кого?
Для тех, кто хочет научиться верстать адаптивные кроссбраузерные отзывчивые веб-страницы.
Что дает курс?
- Разберем основы методологий при верстке сайтов и детали работы с элементами и формами;
- Рассмотрим теги HTML, свойства CSS и тонкости адаптивной верстки;
- Познакомим с системой управления версиями Git, основными командами и таск-менеджерами;
- Научим верстать email письма.
Информация
- Занятия проходят онлайн на YouTube-канале Академии;
- После регистрации вы получите ссылку на закрытый телеграм-канал курса, в котором сможете общаться с преподавателями и получать материалы с занятий;
- Перед стартом курса советуем прочитать статью «С чего начать путь в IT» — в ней наши преподаватели собрали советы, как выстроить грамотный процесс обучения.
Программа курса
-
/01 темаВведение в вёрстку. HTML
Что такое HTML и CSS;
Основы и синтаксис HTML;
Работа в текстовом редакторе;
Структура HTML-документа;
Обсуждение задания курса.
-
/02 темаРабота с элементами. HTML5
Строчные и блочные элементы;
Текст, изображения, ссылки, списки, таблицы, формы;
Семантика;
Классы и id.
-
/03 темаОсновы CSS. Работа с DevTools
Что такое CSS;
Основы и синтаксис CSS;
Подключение;
Блочные и строчные элементы.
Селекторы, псевдоклассы, псевдоэлементы.
DevTools.
-
/04 темаБазовая стилизация элементов. CSS3
Работа с текстом и цветом;
Списки и таблицы;
Позиционирование;
Flexbox, Grid, Columns.
-
/05 темаБЭМ. Виды вёрстки. Кроссбраузерность. Работа с макетом
БЭМ-методология;
Особенности типов вёрстки;
Mobile First или Desktop First;
Работа с макетом;
Иконочные шрифты vs. Спрайты.
-
/06 темаJavaScript. DOM. jQuery. Bootstrap
-
/07 темаGit, сборка проекта
Git, основные команды;
Препроцессоры и шаблонизаторы;
Gulp, webpack.
-
/08 темаВёрстка email-рассылок. Подведение итогов курса