Курс на Stepik
Обложка курса «Frontend разработчик на HTML, CSS и JavaScript» на Stepik
9 900 ₽

Frontend разработчик на HTML, CSS и JavaScript 4.964

Открыть на
STEPIK.ORG

Начните зарабатывать деньги освоив самое важное для веб-разработчика. Изучим HTML, CSS, JavaScript, Figma, Pixso, Photoshop, VS Code, Emmet, BEM, Bootstrap, Vue, React, Git, GitHub, Gulp. Расскажу как составить портфолио, резюме и взять первый заказ на фрилансе.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Frontend разработчик на HTML, CSS и JavaScript»Учеников на курсе 1 884
Сертификаты, выданные на курсе «Frontend разработчик на HTML, CSS и JavaScript»Сертификатов выдано 227
Отзывы о курсе «Frontend разработчик на HTML, CSS и JavaScript»Отзывов получено 28
Рейтинг курса «Frontend разработчик на HTML, CSS и JavaScript»Рейтинг курса 4.964
Уроки в курсе «Frontend разработчик на HTML, CSS и JavaScript»Количество уроков 254
Тесты в курсе «Frontend разработчик на HTML, CSS и JavaScript»Количество квизов 699
Задачи с кодом в курсе «Frontend разработчик на HTML, CSS и JavaScript»Количество задач с кодом 110
Время прохождения курса «Frontend разработчик на HTML, CSS и JavaScript»Время прохождения курса
Стоимость курса «Frontend разработчик на HTML, CSS и JavaScript»Стоимость курса 9 900 ₽
Обновления курса «Frontend разработчик на HTML, CSS и JavaScript»Обновления курса
Дата публикации курса «Frontend разработчик на HTML, CSS и JavaScript»Дата публикации курса
Последнее обновление курса «Frontend разработчик на HTML, CSS и JavaScript»Последнее обновление
Сложность easy

Содержание курса

Разделы в курсе «Frontend разработчик на HTML, CSS и JavaScript» 15 разделов Уроки в курсе «Frontend разработчик на HTML, CSS и JavaScript» 254 урока Тесты в курсе «Frontend разработчик на HTML, CSS и JavaScript» 699 тестов Задачи в курсе «Frontend разработчик на HTML, CSS и JavaScript» 110 задач Время прохождения курса «Frontend разработчик на HTML, CSS и JavaScript» 86 ч. Последнее обновление курса «Frontend разработчик на HTML, CSS и JavaScript» обн. 26 апреля 2026

1. Основы языка HTML

12 уроков
Открытый
1.1 Введение
7 548
464
16м 36с
183
Открытый
1.2 Браузер и редактор
2 423
378
9м 20с
123
Открытый
1.3 Первые HTML теги
2 266
379
12м 58с
127
Открытый
1.4 Путь к файлу
2 182
359
11м 47с
163
Открытый
1.5 Списки и ссылки
2 037
342
7м 29с
132
Открытый
1.6 Таблицы
2 058
332
6м 52с
124
Открытый
1.7 Работа с текстом
2 037
316
11м 35с
134
Открытый
1.8 Формы
1 906
303
10м 34с
150
Открытый
1.9 Атрибуты тегов
1 837
286
7м 51с
107
Открытый
1.10 Цвет RGB и символы
1 934
275
13м 15с
130
Открытый
1.11 Тест по HTML, Часть 1
1 916
1 567
6м 20с
96
Открытый
1.12 Итоги модуля
1 833
26
3м 21с
145

2. Основы языка CSS

10 уроков
Закрытый
2.1 CSS селекторы
2 755
203
10м 29с
142
Закрытый
2.2 Работа с картинками
1 624
178
9м 49с
105
Закрытый
2.3 Границы элементов
1 597
177
10м 9с
125
Закрытый
2.4 Размеры элементов
1 575
179
7м 43с
106
Закрытый
2.5 Шрифт текста
1 548
97
31м 59с
117
Закрытый
2.6 Блочная модель
1 540
153
14м 22с
134
Закрытый
2.7 Псевдоклассы и псевдоэлементы
1 524
149
17м 10с
129
Закрытый
2.8 Основы CSS Flexbox
1 522
141
13м 14с
127
Закрытый
2.9 Тест по CSS, Часть 1
1 429
1 327
9м 58с
76
Закрытый
2.10 Итоги модуля
687
687
1м 45с
23

3. Практика по HTML и CSS

9 уроков
Закрытый
3.1 Создаем меню + ДЗ
2 705
1 391
13м 52с
104
Закрытый
3.2 Верстаем блок + ДЗ
1 360
1 150
14м 2с
93
Закрытый
3.3 Текст и иконки + ДЗ
1 254
1 108
8м 6с
79
Закрытый
3.4 Урок по Photoshop
1 228
1 037
12м 43с
66
Закрытый
3.5 Верстка по макету + ДЗ
1 206
1 013
24м 41с
73
Закрытый
3.6 Финальное задание
1 095
533
3м 55с
70
Закрытый
3.7 Тест по HTML, Часть 2
1 095
936
6м 17с
53
Закрытый
3.8 Тест по CSS, Часть 2
1 009
885
7м 7с
52
Закрытый
3.9 Итоги модуля
526
526
1м 53с
23

4. Работа с Git и GitHub

19 уроков
Закрытый
4.1 Что такое Git
1 265
832
2м 9с
66
Закрытый
4.2 Установка Git
809
430
16м 4с
75
Закрытый
4.3 Регистрация на GitHub
764
429
6м 45с
54
Закрытый
4.4 Первые команды Git
742
671
14м 44с
75
Закрытый
4.5 Работа с Git в VS Code
720
390
12м 55с
61
Закрытый
4.6 Удаление репозитория
633
595
2м 19с
46
Закрытый
4.7 Клонирование
599
561
10м 19с
47
Закрытый
4.8 Расширение Git Graph
623
575
15м 31с
56
Закрытый
4.9 Алиасы для Git
638
593
11м 25с
58
Закрытый
4.10 Отмена изменений
620
345
16м 51с
61
Закрытый
4.11 Работа с ветками
607
314
33м 54с
59
Закрытый
4.12 Слияние веток Git
531
476
15м 38с
61
Закрытый
4.13 Синтаксис Markdown
547
302
19м 58с
54
Закрытый
4.14 Фрагменты кода Gist
529
290
11м 25с
52
Закрытый
4.15 Хостинг GitHub Pages
540
499
6м 27с
50
Закрытый
4.16 Портфолио на GitHub
533
472
9м 55с
46
Закрытый
4.17 Fork и Pull Request
508
452
13м 1с
42
Закрытый
4.18 Файл .gitignore
311
284
5м 3с
28
Закрытый
4.19 Итоги модуля
317
310
3м 13с
37

5. Продвинутый HTML и CSS

10 уроков
Закрытый
5.1 Редактор кода, Иконки и Emmet
1 049
520
109м 21с
76
Закрытый
5.2 Основы CSS Grid
647
408
63м 40с
78
Закрытый
5.3 Позиционирование, Размеры и Блочная модель
544
440
60м 30с
67
Закрытый
5.4 Методология БЭМ, Как называть классы в HTML
542
381
27м 14с
66
Закрытый
5.5 margin или padding, Что лучше использовать
500
436
20м 8с
55
Закрытый
5.6 Выравнивание по центру и анимация
494
375
28м 51с
75
Закрытый
5.7 Переменные root и Функция calc
463
403
16м 3с
56
Закрытый
5.8 Тест по HTML, Часть 3
406
368
6м 46с
31
Закрытый
5.9 Тест по CSS, Часть 3
386
360
5м 4с
29
Закрытый
5.10 Итоги модуля
322
322
1м 48с
20

6. Bootstrap

25 уроков
Закрытый
6.1 Bootstrap 5.0 | 2021
111
111
1м 11с
7
Закрытый
6.2 Обзор и подключение
107
64
21м 12с
9
Закрытый
6.3 Учим основы
78
55
31м 45с
4
Закрытый
6.4 Сетка 3 на 3 и иконки
68
41
19м 38с
6
Закрытый
6.5 Сетка 2 на 2
54
51
8м 5с
4
Закрытый
6.6 Аккордеон
58
49
24м 21с
5
Закрытый
6.7 Адаптивная картинка
56
51
11м 31с
4
Закрытый
6.8 Практика и задание
52
49
6м 17с
4
Закрытый
6.9 Форма сбора средств
48
47
7м 25с
3
Закрытый
6.10 Создание футера
50
46
4м 37с
4
Закрытый
6.11 Обзор документации
46
44
18м 38с
3
Закрытый
6.12 Библиотека иконок
49
44
25м 49с
5
Закрытый
6.13 Адаптивный сайт, Создание своей сетки
1 195
893
46м 21с
120
Закрытый
6.14 Тест по CSS, Часть 4
173
150
5м 38с
7
Закрытый
6.15 Тест по CSS, Часть 5
157
148
4м 59с
10
Закрытый
6.16 Bootstrap 5.3 | 2025
86
86
0м 9с
5
Закрытый
6.17 Начало работы
81
59
53м 48с
9
Закрытый
6.18 Макет
72
59
37м 41с
9
Закрытый
6.19 Контент
61
50
40м 50с
11
Закрытый
6.20 Формы
55
44
40м 30с
7
Закрытый
6.21 Компоненты, Часть 1
57
42
63м 53с
7
Закрытый
6.22 Компоненты, Часть 2
52
40
47м 17с
7
Закрытый
6.23 Помощники и утилиты
49
38
34м 2с
7
Закрытый
6.24 Дополнительно
50
39
23м 13с
6
Закрытый
6.25 Итоги модуля
229
229
1м 42с
11

7. Верстка по макету Figma

19 уроков
Закрытый
7.1 Работа с Figma и создание проекта
972
251
85м 39с
62
Закрытый
7.2 Pixel Perfect и верстка Grid + Flexbox
452
328
108м 30с
56
Закрытый
7.3 Верстаем несколько разделов сайта
418
318
81м 28с
56
Закрытый
7.4 О работе верстальщика
393
284
95м 50с
61
Закрытый
7.5 Интерактивные элементы на сайте
366
273
80м 27с
58
Закрытый
7.6 ДЗ по верстке сайта
377
302
13м 52с
31
Закрытый
7.7 Фриланс, первый заказ
530
187
24м 51с
46
Закрытый
7.8 Тест по CSS, Часть 6
156
132
3м 7с
9
Закрытый
7.9 Тест по CSS, Часть 7
138
129
3м 13с
6
Закрытый
7.10 Структура проекта
153
125
9м 35с
11
Закрытый
7.11 Обзор макета
147
119
9м 38с
8
Закрытый
7.12 Работа с Perfect Pixel
135
114
10м 11с
7
Закрытый
7.13 Адаптивная версия
138
110
11м 49с
8
Закрытый
7.14 Экспорт SVG
132
112
12м 54с
8
Закрытый
7.15 Верстаем раздел
132
111
12м 19с
10
Закрытый
7.16 Тень блока вручную
126
100
21м 6с
10
Закрытый
7.17 Публикуем код
128
94
7м 4с
11
Закрытый
7.18 Плагин Inspect Styles
123
91
47м 4с
9
Закрытый
7.19 Итоги модуля
181
181
1м 35с
13

8. Верстка в портфолио

17 уроков
Закрытый
8.1 Сайт 1 - Konstruct
1 934
182
82м 56с
38
Закрытый
8.2 Сайт 2 - Alivio
451
163
33м 47с
22
Закрытый
8.3 Сайт 3 - WD
386
144
32м 56с
15
Закрытый
8.4 Сайт 4 - Britlex
361
149
42м 3с
21
Закрытый
8.5 Сайт 5 - Archi Web
334
122
43м 48с
17
Закрытый
8.6 Сайт 6 - Cloud Budget
333
122
21м 12с
15
Закрытый
8.7 Сайт 7 - Dae
410
140
3м 7с
11
Закрытый
8.8 Знакомство с Pixso
115
68
9м 59с
5
Закрытый
8.9 Работа с SVG
94
65
28м 57с
7
Закрытый
8.10 Шрифты Google Fonts
78
61
11м 59с
5
Закрытый
8.11 Perfect Pixel в браузере
81
63
10м 25с
4
Закрытый
8.12 Раздел сайта Features
87
62
15м 44с
4
Закрытый
8.13 Раздел сайта Stats
79
55
29м 9с
4
Закрытый
8.14 Раздел сайта Blog
82
51
39м 22с
4
Закрытый
8.15 Домашнее задание
83
58
2м 37с
3
Закрытый
8.16 Макеты для верстки
119
62
2м 35с
4
Закрытый
8.17 Итоги модуля
118
118
1м 37с
6

9. Основы JavaScript

17 уроков
Закрытый
9.1 Работа с JavaScript
1 818
1 045
24м 44с
88
Закрытый
9.2 Строки и логика
1 020
896
19м 38с
88
Закрытый
9.3 Шаблонные строки, Случайные числа, Округление чисел
959
883
12м 43с
62
Закрытый
9.4 Массивы
940
831
26м 26с
86
Закрытый
9.5 Объекты
888
811
10м 49с
62
Закрытый
9.6 Диалоговые окна, Тернарный оператор, Переключатель Switch
863
790
22м 42с
71
Закрытый
9.7 Циклы + практика
852
735
36м 48с
66
Закрытый
9.8 Функции + практика
832
728
51м 41с
70
Закрытый
9.9 Дата и время
765
658
26м 45с
70
Закрытый
9.10 JSDoc и Исключения
724
603
21м 16с
54
Закрытый
9.11 ООП
757
611
57м 37с
77
Закрытый
9.12 ECMAScript 2015 (ES6)
696
516
29м 51с
52
Закрытый
9.13 Задачи на JS, Часть 1
496
262
108м 57с
26
Закрытый
9.14 Задачи на JS, Часть 2
359
223
96м 24с
23
Закрытый
9.15 Задачи на JS, Часть 3
137
82
84м 31с
8
Закрытый
9.16 Задачи на JS, Часть 4
123
70
80м 44с
7
Закрытый
9.17 Итоги модуля
204
204
1м 57с
10

10. DOM на JavaScript

18 уроков
Закрытый
10.1 Работа с DOM
1 119
222
25м 11с
52
Закрытый
10.2 Атрибуты, Элементы
615
527
27м 31с
54
Закрытый
10.3 Генерация списков
573
496
23м 16с
45
Закрытый
10.4 Календарь + ДЗ
562
153
100м 35с
55
Закрытый
10.5 Сортировка таблицы
496
412
12м 36с
37
Закрытый
10.6 Часы
495
426
6м 20с
30
Закрытый
10.7 Классы и метрики
466
404
25м 47с
35
Закрытый
10.8 Таблица из массива
454
382
11м 42с
32
Закрытый
10.9 Таблица из объекта
438
393
11м 45с
34
Закрытый
10.10 Таблица из данных
444
370
12м 24с
29
Закрытый
10.11 Карточки часть 1
451
317
15м 5с
26
Закрытый
10.12 Карточки часть 2
414
353
12м 16с
23
Закрытый
10.13 Прогресс-бар
426
350
11м 7с
25
Закрытый
10.14 Генератор имен
400
347
9м 22с
21
Закрытый
10.15 Работа с localStorage
433
346
19м 5с
38
Закрытый
10.16 Тест по JS, Часть 1
434
347
6м 9с
23
Закрытый
10.17 Задачи на JS, Часть 5
2
1
-
0
Закрытый
10.18 Итоги модуля
141
141
1м 37с
4

11. События на JavaScript

30 уроков
Закрытый
11.1 Обработчики событий
820
422
18м 18с
28
Закрытый
11.2 Скрыть / Показать
431
334
15м 21с
32
Закрытый
11.3 Простой слайдер
442
355
10м 40с
39
Закрытый
11.4 Тёмная тема
413
347
13м 25с
43
Закрытый
11.5 ООП на практике
429
284
36м 29с
44
Закрытый
11.6 Делегирование и Фазы события
365
312
18м 45с
30
Закрытый
11.7 Счётчик
372
313
4м 35с
28
Закрытый
11.8 Переключатель
370
290
4м 53с
27
Закрытый
11.9 Удаление карточек
348
299
5м 51с
25
Закрытый
11.10 Разворачиваемые подменю
352
281
9м 43с
27
Закрытый
11.11 Сортировка таблицы
324
265
14м 28с
29
Закрытый
11.12 Всплывающая подсказка
333
285
13м 0с
22
Закрытый
11.13 Отмена стандартного поведения
309
282
14м 11с
25
Закрытый
11.14 Сочетание клавиш
304
276
11м 47с
23
Закрытый
11.15 Выделение через CTRL
299
267
9м 12с
21
Закрытый
11.16 Range-Слайдер
333
264
11м 2с
21
Закрытый
11.17 События клавиатуры
295
242
12м 27с
17
Закрытый
11.18 Работа с формами
310
254
14м 29с
24
Закрытый
11.19 Фокус и потеря фокуса
282
249
8м 13с
22
Закрытый
11.20 Перемещение по стрелкам
283
262
8м 28с
22
Закрытый
11.21 События форм и буфера обмена
279
240
8м 48с
20
Закрытый
11.22 События страницы, async и defer
283
237
15м 39с
25
Закрытый
11.23 Диапазон и Выделение
267
237
20м 3с
21
Закрытый
11.24 Проект №1
353
251
11м 58с
21
Закрытый
11.25 Проект №2
334
101
172м 27с
24
Закрытый
11.26 Проект №3
327
284
47м 41с
25
Закрытый
11.27 Тест по JS, Часть 2
301
227
6м 13с
10
Закрытый
11.28 Тест по JS, Часть 3
68
59
5м 18с
1
Закрытый
11.29 Задачи на JS, Часть 6
4
1
-
0
Закрытый
11.30 Итоги модуля
108
108
1м 39с
1

12. Библиотеки JavaScript

16 уроков
Закрытый
12.1 Работа с файлами
636
247
7м 46с
19
Закрытый
12.2 Анимация на JS и CSS
328
217
27м 20с
21
Закрытый
12.3 Регулярные выражения
267
161
81м 56с
20
Закрытый
12.4 list.js: Поиск и сортировка
253
192
19м 25с
16
Закрытый
12.5 sweetalert2.js: Модальные окна
254
193
15м 21с
24
Закрытый
12.6 popper.js: Всплывающие подсказки
237
184
8м 29с
16
Закрытый
12.7 baguetteBox.js: Галерея изображений
236
22
19м 50с
17
Закрытый
12.8 lightgallery.js: Галерея изображений
225
175
10м 8с
13
Закрытый
12.9 flatpickr.js: Календарь
226
174
10м 3с
12
Закрытый
12.10 cleave.js: Формы
221
172
10м 24с
13
Закрытый
12.11 mixItUp3.js: Фильтрация элементов
210
153
18м 14с
17
Закрытый
12.12 swiper.js: Слайдер
250
172
45м 58с
19
Закрытый
12.13 Тест по JS, Часть 4
57
39
5м 16с
11
Закрытый
12.14 Тест по JS, Часть 5
47
38
4м 13с
3
Закрытый
12.15 Задачи на JS, Часть 7
2
1
-
0
Закрытый
12.16 Итоги модуля
69
69
1м 9с
2

13. Планировщик Gulp

22 урока
Закрытый
13.1 Что такое Gulp
642
271
6м 37с
21
Закрытый
13.2 Установка Node.js
279
202
8м 59с
18
Закрытый
13.3 Инициализация
229
192
10м 0с
18
Закрытый
13.4 NPM Пакеты
220
176
13м 20с
16
Закрытый
13.5 Константа с путями
194
168
8м 40с
19
Закрытый
13.6 Обработка стилей
195
136
13м 41с
15
Закрытый
13.7 Отслеживание
170
149
9м 13с
15
Закрытый
13.8 Обработка скриптов
165
123
10м 26с
14
Закрытый
13.9 Готовая сборка
168
127
14м 41с
15
Закрытый
13.10 Autoprefixer, Sourcemaps, Babel
154
131
12м 14с
14
Закрытый
13.11 Сжатие изображений
156
114
10м 31с
9
Закрытый
13.12 Минификация HTML
145
125
5м 32с
9
Закрытый
13.13 Размеры файлов
139
114
4м 5с
7
Закрытый
13.14 Отслеживание только новых файлов
130
119
5м 23с
8
Закрытый
13.15 Синхронизация кода с браузером
137
116
13м 34с
13
Закрытый
13.16 Работа с Pug
149
114
6м 32с
10
Закрытый
13.17 Работа с Stylus
137
117
4м 7с
10
Закрытый
13.18 Работа с SASS и SCSS
217
133
4м 17с
10
Закрытый
13.19 Работа с TypeScript
201
122
5м 33с
7
Закрытый
13.20 Работа с CoffeeScript
164
116
3м 13с
6
Закрытый
13.21 Скачать сборку Gulp
200
129
3м 32с
11
Закрытый
13.22 Итоги модуля
67
67
1м 31с
3

14. Фреймворк Vue.js

23 урока
Закрытый
14.1 Что такое Vue
882
240
9м 33с
20
Закрытый
14.2 Структура проекта
321
192
14м 20с
12
Закрытый
14.3 Интерфейс игры
269
171
23м 57с
19
Закрытый
14.4 Достижения в игре
219
157
20м 32с
11
Закрытый
14.5 Экран с вопросами
197
158
9м 0с
9
Закрытый
14.6 Экран с результатами
175
149
14м 41с
15
Закрытый
14.7 Начало работы с Vue
219
153
18м 41с
15
Закрытый
14.8 Обработка событий
180
148
14м 24с
16
Закрытый
14.9 Циклы и методы
183
145
13м 20с
12
Закрытый
14.10 Конец игры на Vue
188
137
22м 30с
13
Закрытый
14.11 Вычисляемые свойства
164
133
28м 19с
14
Закрытый
14.12 Звук на JavaScript
170
136
9м 7с
11
Закрытый
14.13 Работа с Git и GitHub
166
133
18м 30с
13
Закрытый
14.14 Приложение в VK
262
204
5м 56с
14
Закрытый
14.15 Идеи для практики
222
164
6м 58с
13
Закрытый
14.16 Изучаем Vue 3
75
34
28м 26с
4
Закрытый
14.17 Условия и циклы
48
30
27м 51с
4
Закрытый
14.18 Интерполяция
41
28
21м 5с
4
Закрытый
14.19 Стили и классы
44
28
31м 26с
3
Закрытый
14.20 События и формы
46
26
35м 14с
2
Закрытый
14.21 Финальный проект
120
16
33м 11с
2
Закрытый
14.22 Чат-бот + ДЗ
144
16
11м 53с
2
Закрытый
14.23 Итоги модуля
100
100
1м 35с
2

15. Основы React

7 уроков
Закрытый
15.1 Начало работы с React
22
4
21м 41с
0
Закрытый
15.2 Компоненты, статика
10
5
38м 10с
0
Закрытый
15.3 Свойства, динамика
7
3
22м 23с
0
Закрытый
15.4 Состояния, условия
5
3
23м 44с
0
Закрытый
15.5 Стили и формы
6
3
27м 26с
0
Закрытый
15.6 Итоги модуля
7
7
-
0
Закрытый
15.7 Итоги курса
179
179
1м 59с
2