Видеокурс «Вёрстка — быстрый старт» подойдёт для тех, кто хочет быстро освоить основы вёрстки и выполнить в кратчайшие сроки свой первый проект.
Что будет на курсе:
- Сверстаем макет со статичным лейаутом;
- Научимся писать разметку для элементов и стилизовать их;
- Реализуем интерактивные части при помощи JavaScript.
Программа курса:
- Обзор проекта (00:44)
- Необходимые программы (01:32)
- Hello World (03:38)
- HTML. Теги (06:32)
- Emmet (01:15)
- Основная структура (03:09)
- Id и class (05:42)
- BEM (07:44)
- Первая секция. Разметка (08:28)
- Работа с путями (07:49)
- CSS. Теория (10:05)
- Св-ва позиционирования. Flexbox (09:12)
- Св-ва позиционирования. Position (06:31)
- Блочная модель (14:49)
- Начало стилизации. Normalize (05:12)
- Цвет. Составные свойства (04:48)
- Первая секция. Стилизация (05:01)
- Подключение шрифтов (08:42)
- Первая секция. Позиционирование (03:40)
- Первая секция. Текст (09:50)
- Переиспользование блоков (03:04)
- Блок обертка (01:45)
- Вторая секция. Фильтр (08:31)
- CSS Переменные (04:15)
- Вторая секция. Элементы (10:22)
- Вторая секция. Выравнивание списка (03:34)
- Вторая секция. Геометрический элемент (08:01)
- Третья секция. Разметка (02:47)
- Третья секция. Стилизация (16:26)
- Секция меню (09:20)
- Иконки соц. сетей. SVG (12:35)
- Боковое меню. Верстка (06:01)
- Боковое меню. Класс для состояний (06:02)
- Подключение скриптов (02:42)
- Боковое меню. Реализация (10:30)
- Слайдер. Верстка (08:08)
- Слайдер. Реализация (13:17)
- Фильтр. Селектор (06:17)
- Фильтр. Сортировка (09:58)
- Деплой. GitHub Pages (09:25)
- Отображение на мобильных (02:09)
- Домашнее задание. Что нужно сделать (02:14)
Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.
