Содержание курса
9
разделов
78
уроков
127
тестов
3
задачи
28 ч.
обн. 22 апреля 2026
1. Введение
1 урок
1 541
1 541
5м
55
Открытый
1.1
Введение
↗
1 541
1 541
5м 15с
55
2. Основы HTML и CSS
15 уроков
10 947
3 693
469м
507
Открытый
2.1
Основы HTML
↗
2 550
255
42м 38с
81
Открытый
2.2
Основы CSS
↗
1 697
212
49м 54с
56
Закрытый
2.3
Работа с текстом
↗
709
177
61м 38с
41
Закрытый
2.4
Работа с блочными элементами
↗
652
494
27м 8с
34
Закрытый
2.5
Стилизация блочных элементов
↗
589
153
39м 54с
33
Закрытый
2.6
Работа со ссылками и кнопками
↗
559
143
41м 43с
34
Закрытый
2.7
Работа с изображениями и иконками
↗
525
417
30м 7с
38
Закрытый
2.8
Псевдоклассы и псевдоэлементы CSS
↗
509
133
32м 18с
33
Закрытый
2.9
Структура сайта и типы макетов
↗
491
491
7м 1с
19
Закрытый
2.10
Таблицы и табличная верстка
↗
490
124
25м 5с
32
Закрытый
2.11
Блочная модель верстки old-style
↗
469
469
23м 15с
23
Закрытый
2.12
Позиционирование, выпадающее меню
↗
466
118
37м 44с
25
Закрытый
2.13
Введение во FlexBox
↗
460
115
31м 50с
31
Закрытый
2.14
Блочная модель верстки на флексах
↗
433
109
21м 42с
21
Закрытый
2.15
Проверка знаний
↗
348
283
5м 37с
6
3. Работа с макетами
3 урока
1 261
1 077
138м
54
Закрытый
3.1
Нарезка макета в Photoshop
↗
444
352
27м 48с
14
Закрытый
3.2
Zeplin и импорт из Photoshop или Figma
↗
400
400
30м 39с
13
Закрытый
3.3
Мастер-класс по верстке макета
↗
417
325
82м 1с
27
4. Продвинутые техники HTML, CSS
11 уроков
3 978
1 480
318м
209
Закрытый
4.1
Основы БЭМ
↗
421
98
34м 16с
26
Закрытый
4.2
Элементы форм
↗
375
84
54м 17с
21
Закрытый
4.3
Добавление аудио и видео
↗
330
73
16м 49с
19
Открытый
4.4
Фильтры CSS
↗
745
79
7м 8с
17
Закрытый
4.5
Семантические теги HTML5
↗
326
77
30м 30с
14
Закрытый
4.6
Кроссбраузерность
↗
313
313
29м 1с
18
Закрытый
4.7
Трансформации CSS3
↗
304
72
28м 5с
19
Закрытый
4.8
Анимации CSS3
↗
304
65
21м 47с
20
Закрытый
4.9
Работа с адаптивом
↗
304
63
40м 29с
19
Закрытый
4.10
Базовое использование препроцессора SASS|SCSS
↗
288
288
34м 49с
22
Закрытый
4.11
Продвинутое использование SASS|SCSS
↗
268
268
24м 32с
14
5. Bootstrap
5 уроков
829
829
65м
34
Закрытый
5.1
Общие возможности Bootstrap
↗
296
296
14м 44с
14
Закрытый
5.2
Работа с сеткой Bootstrap
↗
255
255
9м 43с
12
Закрытый
5.3
Использование компонентов Bootstrap
↗
233
233
19м 8с
8
Закрытый
5.4
Формы в Bootstrap
↗
23
23
9м 8с
0
Закрытый
5.5
Кастомизация компонентов
↗
22
22
14м 0с
0
6. JavaScript для верстальщика
11 уроков
3 251
3 107
213м
131
Открытый
6.1
Введение в JavaScript
↗
817
817
28м 5с
22
Закрытый
6.2
Ветвления и циклы
↗
296
296
23м 24с
16
Закрытый
6.3
Объекты и массивы JS
↗
270
270
17м 57с
13
Закрытый
6.4
Функции JS
↗
289
166
23м 46с
11
Закрытый
6.5
Понятие DOM и узлов
↗
266
266
26м 2с
12
Закрытый
6.6
Обработка события по клику
↗
246
246
20м 32с
10
Закрытый
6.7
Создание слайдера на JS
↗
243
243
25м 37с
16
Закрытый
6.8
Создание модального окна
↗
232
232
15м 54с
11
Закрытый
6.9
Создание табов
↗
219
219
17м 19с
9
Закрытый
6.10
Создание фильтра карточек
↗
202
202
18м 14с
10
Закрытый
6.11
Проверка знаний
↗
171
150
1м 18с
1
7. Библиотеки JavaScript
5 уроков
918
918
92м
42
Закрытый
7.1
Основы jQuery
↗
236
236
16м 59с
10
Закрытый
7.2
Галерея FancyBox
↗
183
183
16м 30с
7
Закрытый
7.3
Анимации ParollerJS, ParallaxJS
↗
167
167
18м 35с
11
Закрытый
7.4
Анимации ScrollMagic
↗
165
165
19м 32с
6
Закрытый
7.5
Адаптивный слайдер SwiperJS
↗
167
167
24м 12с
8
8. БОНУС: Спецификация CSS Grid (видео с моего YouTube-канала)
9 уроков
1 342
1 333
117м
60
Закрытый
8.1
CSS Grid. Базовая терминология
↗
200
200
15м 16с
10
Закрытый
8.2
Базовые возможности CSS Grid
↗
172
172
19м 39с
6
Закрытый
8.3
Шаблоны и фракции
↗
159
159
16м 43с
7
Закрытый
8.4
Grid области и работа с ними
↗
156
156
15м 49с
8
Закрытый
8.5
Выравнивание
↗
151
151
12м 51с
8
Закрытый
8.6
Методы адаптива
↗
160
160
19м 33с
6
Закрытый
8.7
Нюансы использования
↗
144
144
11м 0с
7
Закрытый
8.8
CSS-переменные
↗
157
157
9м 15с
8
Закрытый
8.9
Проверка знаний
↗
43
34
2м 6с
0
9. Проект Верстки макета от и до
18 уроков
2 550
2 342
238м
115
Закрытый
9.1
Обзор шаблона для вёрстки
↗
284
190
6м 48с
8
Закрытый
9.2
UI Kit - что и зачем
↗
205
205
7м 34с
6
Закрытый
9.3
Настройка окружения
↗
182
141
10м 27с
9
Закрытый
9.4
Переменные и типографика
↗
167
167
33м 46с
8
Закрытый
9.5
Компонент "Особенность"
↗
145
145
7м 0с
5
Закрытый
9.6
Компонент "Скриншот"
↗
120
120
12м 11с
6
Закрытый
9.7
Компонент "Отзыв"
↗
122
122
22м 4с
6
Закрытый
9.8
Компонент "Цена"
↗
119
119
25м 46с
7
Закрытый
9.9
Компоненты формы и соц иконок
↗
106
106
14м 50с
5
Закрытый
9.10
Вводный блок сайта
↗
110
110
21м 38с
5
Закрытый
9.11
Блок "О продукте"
↗
109
109
11м 5с
5
Закрытый
9.12
Блок "Особенности"
↗
107
107
10м 6с
5
Закрытый
9.13
Блок "Скриншоты"
↗
106
106
7м 16с
7
Закрытый
9.14
Блок "Отзывы"
↗
104
104
6м 55с
6
Закрытый
9.15
Блок "Цены"
↗
130
130
9м 53с
5
Закрытый
9.16
Блок "Подвал сайта"
↗
108
108
30м 30с
9
Закрытый
9.17
Валидация верстки
↗
129
129
4м 49с
6
Закрытый
9.18
Production-сборка
↗
197
124
5м 13с
7