Современная вёрстка

Продвинутая программа по HTML и CSS.

Изучаем безальтернативные темы Flexbox и Grid Layout, осваиваем прикладные инструменты, а затем разбираемся в битве различных подходов к организации кода.

Для понимания тем курса рекомендую посмотреть видео, расположенное рядом.

Курс предназначен для тех, кто
Освоил базу HTML и CSS, умеет верстать простые странички
Недоволен качеством / скоростью своей вёрстки
Хочет изучить современные технологии и подходы

Программа курса

20.02 – урок 1
  • Хитрости и нюансы Flexbox
  • Фокусы flex-grow
  • Идеальные выравнивания
  • Код без media-запросов: за и против
  • Эмуляция сетки на flex
23.02 – урок 2
  • CSS Grid Layout - основы
  • Grid Layout vs Flexbox
  • Контейнер, строки и столбцы
  • Управление размерами элементов
  • Создание именованных зон
27.02 – урок 3
  • CSS Grid Layout - практика
  • Вёрстка внешнего каркаса
  • Примеры сложных элементов
  • Магия minmax, auto-fill и fr
  • Сочетание Grid Layout и Flexbox
01.03 – урок 4
  • Сборка проекта с Vite
  • Основы работы с npm
  • Организация структуры проекта
  • Основные плагины для Vite
  • Настройка Postcss
12.03 – урок 5
  • Концепция чистой вёрстки
  • Семантические классы
  • Архитектурные слои кода
  • Выделение общих классов
  • BEM vs модульный CSS
15.03 – урок 6
  • Борьба с дублирующимся кодом
  • Vite + препроцессоры
  • Простое использование less ( scss etc )
  • Mixins vs Extends
  • Smartgrid для быстрой сетки
19.03 – урок 7
  • Переход на тёмную сторону
  • Концепция атомарных классов
  • Подключение и настройка Tailwind
  • Шаблонизация html – pug
  • Вёрстка с Tailwind
22.03 – урок 8
  • Tailwind и адаптивная вёрстка
  • Как выбирать подход для проекта
  • Подведение итогов
  • Разбор финальных ДЗ
  • Темы для дальнейшего развития
Дмитрий Лаврик

Дмитрий Лаврик

Опыт работы в сфере разработки сайтов более 10 лет. Ориентируется во всех вопросах создания сайтов, от вёрстки до backend-а.

Начиная с 2011 года, под его руководством тысячи учеников прошли путь от новичков до успешных веб-программистов. Если вы ещё не знакомы с Дмитрием, рекомендуем заглянуть на его youtube-канал, где вы найдете много полезных видео и сможете узнать стиль преподавания Дмитрия.

Какие начальные знания необходимы?
Знание основных тем HTML и CSS, умение верстать простые странички. Вы можете пробежаться по программе базового курса для понимания перечня тем.
Как и когда проходят уроки?
Уроки проходят в формате вебинаров по вторникам и пятницам с 20:00 МСК. Продолжительность в районе двух часов. Ученики видят преподавателя и демонстрацию экрана, могут общаться в чате.
Будут ли домашние задания?
Да, конечно. Домашние работы разбираются в начале следующего урока. Если ДЗ много, урок просто длится дольше, но обратная связь даётся по каждой работе.
Будут ли записи занятий?
Да, видео выкладывается через 2-3 часа после завершения урока. В облаке видеозаписи хранятся полгода, при этом их без проблем можно скачать.
Почему в середине курса недельный перерыв?
Это небольшой эксперимент. После середины курса в среднем меньше учеников присылают ДЗ, посмотрим поможет ли перерыв.
Будут ли ещё потоки этого курса?
Будут, но весьма нескоро.

Отзывы о курсе по старой программе

ИП Лаврик Дмитрий Витальевич © 2024. Политика конфиденциальности.