Введение. Основы HTML
- Кто такой фронтенд-разработчик
- Инструменты и этапы разработки
- Знакомство с html. Теги и атрибуты.
- Знакомство с редактором и создание первой страницы
- Знакомство с базовыми тегами
Основы CSS
- Вступление
- Синтаксис CSS. Подключение стилей
- Панель разработчика
- Приоритеты стилей
- Верстка простой страницы
- Псевдоклассы и псевдоэлементы
- Позиционирование элементов
- Введение во Flexbox
- Исходный код и материалы к разделу CSS
Верстка страницы
- Вступление
- Подключение шрифтов
- Верстка шапки
- Верстка карточек курсов
- Верстка раздела About Us
- Делаем шапку на position fixed
Верстка проекта MailGenius
- Обзор проекта
- Подготовка файлов, структуры, шрифтов и т.д.
- Проект MailGenius. Часть №1
- Проект MailGenius. Часть №2
- Проект MailGenius. Часть №3
CSS Grid
- Введение в Grid. Базовые свойства
- Dev tools. Grid auto rows
- Grid auto flow, grid auto columns
- Sizing grid. Единицы измерения fr
- Span columns and rows
- Размещение grid items
- Grid auto-fill, auto-fit
- Minmax function
- Grid template areas
- Именованные линии
- Grid auto flow dense
- Выравнивание и центрование
- Порядок grid items и вложенный grid
