[Дмитрий Лаврик] Классическая вёрстка (2021)

[Itnull]

Автор: Дмитрий Лаврик
Название: Классическая вёрстка (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-запросы

5.02 – урок 5

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

09.02 – урок 6

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

12.02 – урок 7

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

16.02 – урок 8

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

Скачать

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.