Программирование [Дмитрий Лаврик] Классическая вёрстка (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
  • Направления дальнейшего развития
СКАЧАТЬ КУРС:
 

Рекламное сообщение
user.jpg


🎁 Принимайте участие в конкурсе от PirateHUB и 1WIN и заберите новый iPhone 16 PRO MAX! 🎁

➡️
Информация о конкурсе
 

Обратите внимание

Назад
Сверху