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

Пандора · 13 Авг 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

Направления дальнейшего развития

Курс: Классическая вёрстка
Автор: Дмитрий Лаврик.
Базовая программа по HTML и CSS.