Верстка веб-страниц

Бесплатный
Онлайн курс
Открыта регистрация
Курс начался 17 мая 2022
Занятия проходят
по вторникам и четвергам в 18:00 (Время МСК+1)

О курсе

Для кого?

Для тех, кто хочет научиться верстать адаптивные кроссбраузерные отзывчивые веб-страницы.

Что дает курс?

  • Разберем основы методологий при верстке сайтов и детали работы с элементами и формами;
  • Рассмотрим теги 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-рассылок. Подведение итогов курса