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

Freesliver

Автор темы
VIP складчик
1 Апр 2021
2.542
365
Автор: Дмитрий Лаврик
Название: Классическая вёрстка (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
    • Направления дальнейшего развития
Подробнее:
Скрытое содержимое. Вам нужно войти или зарегистрироваться.

Скачать:
Скрытое содержимое. Вам нужно войти или зарегистрироваться.