Классическая вёрстка- Новый курс 2021 (Дмитрий Лаврик)

На курсе изучаются ключевые и нестареющие темы вёрстки, которые помогают новичкам создавать адекватную разметку.

Курс предназначен для тех, кто

• Уже познакомился с простейшими основами HTML и CSS
• Не понимает, как расставлять элементы на нужные места
• Хочет освоить главные темы и приёмы языков HTML и CSS

Спойлер: Программа:
22.01 – урок 1

• Теги оформления текста
• Заголовки и их грамотное использование
• Списки, формы, ссылки
• Абсолютные и относительные пути
• Правила вложенности тегов

26.01 – урок 2

• Разнообразные CSS-селекторы
• Псевдоэлементы и псевдоклассы
• Приоритеты применения стилей
• Популярные CSS-свойства
• Основные единицы измерения

29.01 – урок 3

• Классическая блочная модель
• display: block, inline, inline-block
• Внутренние и внешние отступы
• Нюансы вертикальных отступов
• Определение размеров элементов
• Размеры и свойство box-sizing

02.02 – урок 4

• Создание базовой разметки
• Стартовый сброс стилей
• Макет: фиксированный, резиновый, адаптивный
• Структура внешних контейнеров
• Обтекаемые элементы
• Простейшие media-запросы

05.02 – урок 5

• Основы применения Flexbox
• Размеры и выравнивания элементов
• Эффективная стратегия вёрстки
• Контейнер, строка и столбец
• Положительные и отрицательные отступы
• Расположение элементов по сетке

09.02 – урок 6

• Адаптивная вёрстка
• Классический подход vs MobileFirst
• Работа с макетом
• Взаимодействие дизайнера и верстальщика
• Нарезка в avocode
• Подключение шрифтов

12.02 – урок 7

• Примеры решения популярных проблем
• Фиксированные и резиновые элементы
• Позиционирование и адаптивное меню
• Фоновые картинки у секций

16.02 – урок 8

• Разбор финальных ДЗ
• Готовая сборка проекта с Gulp
• Список тем для изучения CSS
• Направления дальнейшего развития