- Регистрация
- 1 Дек 2015
- Сообщения
- 145.582
- Реакции
- 777.031
Новый курс: Современная вёрстка от Дмитрия Лаврика.
Продвинутая программа по HTML и CSS.
Изучаем безальтернативные темы Flexbox и Grid Layout, осваиваем прикладные инструменты, а затем разбираемся в битве различных подходов к организации кода.
Программа курса
21.02 – урок 1
14.03 – урок 7
17.03 – урок 8
СКАЧАТЬ
Продвинутая программа по HTML и CSS.
Изучаем безальтернативные темы Flexbox и Grid Layout, осваиваем прикладные инструменты, а затем разбираемся в битве различных подходов к организации кода.
Программа курса
21.02 – урок 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 для быстрой сетки
14.03 – урок 7
- Переход на тёмную сторону
- Концепция атомарных классов
- Подключение и настройка Tailwind
- Шаблонизация html – pug
- Вёрстка с Tailwind
17.03 – урок 8
- Tailwind и адаптивная вёрстка
- Как выбирать подход для проекта
- Подведение итогов
- Разбор финальных ДЗ
- Темы для дальнейшего развития
СКАЧАТЬ
Для просмотра скрытого содержимого вы должны зарегистрироваться
Возможно, Вас ещё заинтересует:
- [Вязание] Школа цветного вязания Selezneva Knitting Art [Molly Knits] [Ольга Селезнёва]
- Хоумстейджинг: от хобби до модной профессии [Олеся Ивашкина, Ирина Куликова]
- К2
- [Скидка] Стань топом арбитража в телеграм! Рега, спам, инвайт, первонах, автоответчик и многое другое: Telegram Prime. Бонусы [Повтор-3]
- Открытие дорог [Владислав Череватый]
- [Вышивка] Искусница [Тариф Прекрасная] [Djozefinna embroidery] [Евгения Юртова]