Програмирование [Дмитрий Лаврик] Современная вёрстка (2023)

[ZetHUB]

[Дмитрий Лаврик] Современная вёрстка (2023)​

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

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

На данном курсе Вы обязательно узнаете:

Первый урок

• Хитрости и нюансы 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 и адаптивная вёрстка
• Как выбирать подход для проекта
• Подведение итогов
• Разбор финальных ДЗ
• Темы для дальнейшего развития

Скачать