Содержание курса
1. Введение в курс
2 урока
75
24
48м
2
Открытый
1.1
Приветствие и базовые понятия
↗
60
13
23м 10с
1
Закрытый
1.2
Знакомство с Visual Studio Code
↗
15
11
25м 20с
1
2. Первое знакомство с HTML и CSS
7 уроков
77
65
200м
0
Закрытый
2.1
Теги и элементы
↗
12
10
71м 47с
0
Закрытый
2.2
Атрибуты
↗
12
10
20м 4с
0
Закрытый
2.3
Из чего состоит HTML-страница
↗
11
10
48м 40с
0
Закрытый
2.4
Валидатор HTML-кода
↗
11
10
13м 26с
0
Закрытый
2.5
Что такое CSS
↗
10
9
30м 17с
0
Закрытый
2.6
Валидатор CSS-кода
↗
11
8
6м 36с
0
Закрытый
2.7
Плагин Emmet
↗
10
8
13м 40с
0
3. HTML-элементы и атрибуты
8 уроков
64
53
132м
4
Закрытый
3.1
Заголовки h1-h6 и параграфы p
↗
9
7
17м 29с
0
Закрытый
3.2
Элементы уровня текста: em strong code и др.
↗
8
8
14м 17с
0
Закрытый
3.3
Гиперссылки: a
↗
9
7
21м 31с
1
Закрытый
3.4
Изображения: img
↗
7
6
14м 36с
1
Закрытый
3.5
Списки: ul, ol, dl
↗
8
6
19м 10с
0
Закрытый
3.6
Табличные элементы: table, tbody, tr, td, th
↗
8
7
16м 59с
1
Закрытый
3.7
Элементы форм: form, input, textarea, select, button
↗
8
6
20м 58с
0
Закрытый
3.8
Элемент iframe
↗
7
6
11м 25с
1
4. CSS-селекторы и свойства
11 уроков
64
57
157м
5
Закрытый
4.1
Cелекторы по типу, классу и идентификатору
↗
7
6
15м 28с
1
Закрытый
4.2
Комбинационные селекторы
↗
7
6
12м 6с
1
Закрытый
4.3
Псевдоклассы
↗
7
6
14м 12с
1
Закрытый
4.4
Оформление фона и рамок/бордюров
↗
6
6
21м 4с
1
Закрытый
4.5
Оформление текста
↗
6
6
17м 58с
1
Закрытый
4.6
Наследование, специфичность и каскад
↗
6
5
13м 33с
0
Закрытый
4.7
Боксовая модель
↗
6
6
16м 14с
0
Закрытый
4.8
Позиционирование
↗
6
5
13м 31с
0
Закрытый
4.9
Flexbox
↗
5
4
15м 37с
0
Закрытый
4.10
Анимация
↗
4
3
15м 36с
0
Закрытый
4.11
Обтекание с float
↗
4
4
6м 17с
0
5. Практика: верстаем простую страницу
8 уроков
28
22
152м
0
Закрытый
5.1
Создание каркаса страницы
↗
4
4
22м 3с
0
Закрытый
5.2
Верстаем "шапку" (header) и верхнее меню
↗
5
4
14м 7с
0
Закрытый
5.3
Верстаем секцию-приветствие
↗
4
4
9м 44с
0
Закрытый
5.4
Верстаем секцию "портфолио"
↗
4
3
21м 31с
0
Закрытый
5.5
Верстаем форму обратной связи
↗
3
2
25м 52с
0
Закрытый
5.6
Верстаем "подвал" (footer)
↗
2
1
23м 56с
0
Закрытый
5.7
Верстаем мобильную версию
↗
3
2
32м 38с
0
Закрытый
5.8
Размещаем страницу в сети
↗
3
2
7м 43с
0
6. Завершение курса
2 урока
9
7
8м
0
Закрытый
6.1
Подведение итогов
↗
5
4
1м 22с
0
Закрытый
6.2
Дорожная карта разработчика
↗
4
3
6м 17с
0