Amerikano
Модератор
- Сообщения
- 19,549
- Реакции
- 373,063
Автор: Дмитрий Лаврик
Название: Современная вёрстка (2023)
Продвинутая программа по HTML и CSS
Изучаем безальтернативные темы Flexbox и Grid Layout, осваиваем прикладные инструменты, а затем разбираемся в битве различных подходов к организации кода.
Программа курса:
Урок 1
Подробнее:
Скачать:
Название: Современная вёрстка (2023)
Изучаем безальтернативные темы 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 и адаптивная вёрстка
- Как выбирать подход для проекта
- Подведение итогов
- Разбор финальных ДЗ
- Темы для дальнейшего развития
Подробнее:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Скачать:
Для просмотра ссылок Войдите в аккаунт или Зарегистрируйтесь
Похожие темы из этого раздела:
- [n4e.ru] Open Shortest Path First (2024)
- [Product University] Шаблоны и инструменты для совместной работы (2021)
- [Андрей Коптелов] Моделирование в ArchiMate (2022)
- [Инфоурок] Microsoft Word - основы работы в текстовом редакторе (2024)
- [Инфоурок] Microsoft Excel - расширенные возможности (2024)
- [Инфоурок] Microsoft Excel - основы работы (2024)
- [Product University] Безопасность данных в интернете мини-курс (2022)
- [Venator Browser] Закладки, каталог и статьи из OSINT браузера Venator Red 2.0 (2024)
- [Алексей Ильющенко] Разработка мобильных и PC приложений на Python. Фреймворк Kivy [Stepik] (2024)
- [GetAnalyst] Проектирование микросервисов (2024)