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