Курс на Stepik
Обложка курса «Вёрстка на HTML & CSS для начинающих» на Stepik
490 ₽

Вёрстка на HTML & CSS для начинающих ★ 5.000

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

Изучи два основополагающих языка для создания сайтов. Язык HTML для разметки и язык CSS для оформления внешнего вида своего сайта. Сверстаем более 10-ти сайтов по макету из Figma и Pixso в ваше портфолио. И расскажу как взять свой первый заказ на фриланс бирже.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Вёрстка на HTML & CSS для начинающих»Учеников на курсе 650
Сертификаты, выданные на курсе «Вёрстка на HTML & CSS для начинающих»Сертификатов выдано 123
Отзывы о курсе «Вёрстка на HTML & CSS для начинающих»Отзывов получено 11
Рейтинг курса «Вёрстка на HTML & CSS для начинающих»Рейтинг курса 5.000
Уроки в курсе «Вёрстка на HTML & CSS для начинающих»Количество уроков 70
Тесты в курсе «Вёрстка на HTML & CSS для начинающих»Количество квизов 203
Время прохождения курса «Вёрстка на HTML & CSS для начинающих»Время прохождения курса —
Стоимость курса «Вёрстка на HTML & CSS для начинающих»Стоимость курса 490 ₽ —
Обновления курса «Вёрстка на HTML & CSS для начинающих»Обновления курса — —
Дата публикации курса «Вёрстка на HTML & CSS для начинающих»Дата публикации курса — ———
Последнее обновление курса «Вёрстка на HTML & CSS для начинающих»Последнее обновление — ———
Сложность easy — ———

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

Разделы в курсе «Вёрстка на HTML & CSS для начинающих» 8 разделов Уроки в курсе «Вёрстка на HTML & CSS для начинающих» 70 уроков Тесты в курсе «Вёрстка на HTML & CSS для начинающих» 203 теста Время прохождения курса «Вёрстка на HTML & CSS для начинающих» 28 ч. Последнее обновление курса «Вёрстка на HTML & CSS для начинающих» обн. 1 год назад

1. Уроки по HTML

13 уроков
Открытый
1.1 Введение ↗
2 443
1 009
4м 4с
50
Открытый
1.2 Установка браузера и редактора кода ↗
1 473
748
10м 32с
33
Открытый
1.3 Обзор функций редактора ↗
1 361
676
11м 36с
31
Открытый
1.4 Первые HTML теги ↗
860
557
12м 44с
38
Закрытый
1.5 Как задавать путь к файлу ↗
533
497
11м 39с
40
Закрытый
1.6 Создание списка ↗
510
469
8м 2с
40
Закрытый
1.7 Создание таблиц ↗
492
466
6м 3с
33
Закрытый
1.8 Работа с текстом ↗
489
452
13м 25с
45
Закрытый
1.9 Создание формы ↗
472
428
9м 10с
35
Закрытый
1.10 Универсальные атрибуты ↗
458
431
4м 5с
27
Закрытый
1.11 Цвет RGB и спецсимволы ↗
452
427
10м 24с
36
Закрытый
1.12 Тест по HTML, Часть 1 ↗
442
429
6м 32с
26
Закрытый
1.13 Подведение итогов изучения HTML ↗
446
436
4м 34с
30

2. Уроки по CSS

10 уроков
Открытый
2.1 CSS селекторы ↗
618
434
11м 39с
34
Закрытый
2.2 Работа с изображениями ↗
421
402
6м 48с
21
Закрытый
2.3 Границы ↗
411
394
7м 56с
29
Закрытый
2.4 Размеры элементов ↗
405
376
8м 7с
28
Закрытый
2.5 Работа с шрифтом ↗
392
340
12м 29с
21
Закрытый
2.6 Блочная модель документа ↗
381
356
11м 42с
33
Закрытый
2.7 Псевдоклассы и псевдоэлементы ↗
371
337
15м 34с
26
Закрытый
2.8 Основы CSS Flexbox ↗
366
336
12м 33с
30
Закрытый
2.9 Тест по CSS, Часть 1 ↗
350
311
7м 47с
21
Закрытый
2.10 Адаптивная версия сайта, Создание своей сетки ↗
356
242
45м 25с
19

3. Практика

9 уроков
Открытый
3.1 Практическое занятие 1 ↗
524
272
14м 21с
18
Закрытый
3.2 Практическое занятие 2 ↗
281
210
15м 26с
24
Закрытый
3.3 Практическое занятие 3 ↗
254
197
9м 57с
11
Закрытый
3.4 Урок по Photoshop ↗
244
186
13м 53с
6
Закрытый
3.5 Практическое занятие 4 ↗
228
172
27м 56с
9
Закрытый
3.6 Заключение ↗
209
170
2м 57с
10
Закрытый
3.7 Тест по HTML, Часть 2 ↗
205
160
4м 25с
8
Закрытый
3.8 Тест по CSS, Часть 2 ↗
180
151
5м 25с
10
Закрытый
3.9 Справочники и ссылки ↗
207
165
2м 40с
12

4. Верстка сайта из Figma

7 уроков
Открытый
4.1 Работа с Figma и создание проекта ↗
303
94
77м 59с
11
Закрытый
4.2 Про Pixel Perfect и верстка Grid + Flexbox ↗
122
74
109м 39с
11
Закрытый
4.3 Верстаем несколько разделов сайта ↗
102
70
82м 58с
3
Закрытый
4.4 Пара слов о работе верстальщика ↗
98
53
95м 12с
8
Закрытый
4.5 Интерактивные элементы на сайте ↗
85
55
80м 18с
6
Закрытый
4.6 Домашнее задание по верстке сайта ↗
89
69
13м 48с
3
Закрытый
4.7 Фриланс: как взять заказ ↗
98
48
23м 7с
6

5. Полезные материалы

7 уроков
Открытый
5.1 Редакторы кода, иконки и Emmet ↗
181
53
109м 39с
2
Закрытый
5.2 CSS Grid и другие возможности ↗
81
35
60м 16с
4
Закрытый
5.3 Позиционирование, размеры и блочная модель ↗
70
47
60м 40с
4
Закрытый
5.4 БЭМ и как называть классы в HTML ↗
71
37
27м 27с
3
Закрытый
5.5 margin или padding что лучше использовать ↗
64
49
20м 31с
6
Закрытый
5.6 Выравнивание по центру и анимация ↗
63
36
28м 0с
3
Закрытый
5.7 Переменные root и функция calc ↗
54
40
16м 3с
2

6. 7 сайтов в портфолио

7 уроков
Открытый
6.1 Сайт 1 - Konstruct ↗
403
24
80м 4с
2
Закрытый
6.2 Сайт 2 - Alivio ↗
84
25
32м 1с
0
Закрытый
6.3 Сайт 3 - WD ↗
71
19
32м 8с
2
Закрытый
6.4 Сайт 4 - Britlex ↗
61
21
42м 58с
2
Закрытый
6.5 Сайт 5 - Archi Web ↗
61
19
43м 45с
2
Закрытый
6.6 Сайт 6 - Cloud Budget ↗
56
20
21м 6с
2
Закрытый
6.7 Сайт 7 - Dae ↗
63
19
4м 40с
2

7. Верстка сайта из Figma

9 уроков
Закрытый
7.1 Структура проекта ↗
71
29
8м 6с
1
Закрытый
7.2 Обзор макета ↗
54
26
9м 37с
2
Закрытый
7.3 Работа с Perfect Pixel ↗
41
25
10м 16с
1
Закрытый
7.4 Адаптивная версия ↗
44
23
11м 56с
2
Закрытый
7.5 Экспорт SVG ↗
35
21
12м 51с
2
Закрытый
7.6 Верстаем раздел ↗
35
24
12м 23с
2
Закрытый
7.7 Тень блока вручную ↗
35
17
22м 4с
2
Закрытый
7.8 Публикуем код ↗
37
18
7м 26с
2
Закрытый
7.9 Плагин Inspect Styles ↗
41
17
50м 25с
2

8. Верстка сайта из Pixso

8 уроков
Закрытый
8.1 Знакомство с Pixso ↗
66
29
10м 5с
3
Закрытый
8.2 Работа с SVG ↗
41
24
28м 4с
3
Закрытый
8.3 Шрифты Google Fonts ↗
37
21
11м 4с
2
Закрытый
8.4 Perfect Pixel в браузере ↗
35
22
10м 20с
2
Закрытый
8.5 Раздел сайта Features ↗
35
23
15м 41с
2
Закрытый
8.6 Раздел сайта Stats ↗
35
21
29м 19с
2
Закрытый
8.7 Раздел сайта Blog ↗
33
21
40м 37с
3
Закрытый
8.8 Домашнее задание ↗
50
24
2м 12с
3