Сколько стоит курс «Курс по верстке и веб разработке сайтов с нуля! Web development»?

Стоимость курса составляет 2990.00 рублей

Выдаётся ли сертификат по окончании курса?

Да, при успешном завершении курса выдаётся сертификат от платформы Stepik. На данный момент 1 013 учеников получили сертификат (29.6% завершаемость).

Где можно пройти курс «Курс по верстке и веб разработке сайтов с нуля! Web development»?

Курс доступен на образовательной платформе Stepik по адресу stepik.org/course/114109.

Курс на Stepik

Обложка курса «Курс по верстке и веб разработке сайтов с нуля! Web development» на Stepik

Курс по верстке и веб разработке сайтов с нуля! Web development ★ 4.961

Name: Курс по верстке и веб разработке сайтов с нуля! Web development
Price: 2990.00 RUB
Availability: InStock
Rating: 4.961111111111111 (360 reviews)

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

В этом курсе вы найдете все о современной верстке сайтов, для быстрого старта в профессию веб разработчик!

Показатель	Текущие показатели		Рост
Показатель	Значение	🏆 Рейтинг	3 дн	7 дн	30 дн
Учеников на курсе	3 422
Сертификатов выдано	1 013
Отзывов получено	360
Рейтинг курса	4.961
Количество уроков	135
Количество квизов	1
Время прохождения курса	18 ч.	—
Стоимость курса	3 590 ₽	—
Обновления курса	—	—
Дата публикации курса	4 года назад	—	—	—	—
Последнее обновление	17 мая 2026	—	—	—	—
Сложность	easy	—	—	—	—

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

Разделы в курсе «Курс по верстке и веб разработке сайтов с нуля! Web development»

10 разделов Уроки в курсе «Курс по верстке и веб разработке сайтов с нуля! Web development»

135 уроков Тесты в курсе «Курс по верстке и веб разработке сайтов с нуля! Web development»

1 тест Время прохождения курса «Курс по верстке и веб разработке сайтов с нуля! Web development»

18 ч.

обн. 17 мая 2026

1. Введение

3 урока

Закрытый

1.1 О чем этот курс ↗

3 230

4м 45с

237

Закрытый

1.2 Подготовка. Скачиваем материалы. Как проходить курс ↗

3 214

3 152

4м 44с

290

Открытый

1.3 Оставайтесь со мной на связи. ↗

4 245

0м 15с

147

2. Основы HTML и CSS

10 уроков

40 070

68м

2176

Открытый

2.1 О чем этот блок ↗

4 833

1м 7с

193

Открытый

2.2 Создаем первый веб сайт! ↗

9 122

8м 58с

253

Открытый

2.3 Как работают теги HTML и стили CSS ↗

5 843

13м 36с

254

Закрытый

2.4 Теги Head и Body. Правильная структура веб страницы ↗

3 015

10м 30с

209

Закрытый

2.5 Как работают теги заголовка и описания, в теге head. ↗

2 966

5м 9с

191

Закрытый

2.6 Как работает тег "контейнер' - div ↗

2 929

6м 27с

203

Закрытый

2.7 Как работать с классами в верстке ↗

2 893

9м 24с

241

Закрытый

2.8 Как подключить лист со стилями к файлу html ↗

2 838

8м 32с

217

Закрытый

2.9 ПРАКТИКА: Создайте и стилизуйте несколько тегов div ↗

2 842

2м 59с

211

Закрытый

2.10 Пример преподавателя. "Практика: создайте и стилизуйте несколько ↗

2 789

7м 47с

204

3. Мини-курс по ChatGPT для обучения и работы (Опционально)

12 уроков

5 472

71м

255

Закрытый

3.1 Обзор нейросетей ↗

613

11м 25с

Закрытый

3.2 Лучшие модели искусственного интеллекта на сегодня ↗

512

5м 57с

Закрытый

3.3 Как оплатить подписку на Chat GPT ↗

481

5м 39с

Закрытый

3.4 Обзор тарифов Chat GPT ↗

461

6м 49с

Закрытый

3.5 Программа Chat GPT на разные операционные системы ↗

447

3м 57с

Закрытый

3.6 Используем Chat GPT для обучения ↗

462

7м 10с

Закрытый

3.7 Используем Chat GPT для программирования ↗

441

10м 53с

Закрытый

3.8 Где еще полезен Chat GPT ↗

417

3м 4с

Закрытый

3.9 Как показывать экран чату GPT ↗

414

5м 52с

Закрытый

3.10 Генерация изображений с помощью Chat GPT и не только ↗

410

6м 4с

Закрытый

3.11 Advanced Voice mode в Chat GPT ↗

397

4м 58с

Закрытый

3.12 Как работает Copilot от GitHub ↗

417

7м 31с

4. Погружение в HTML и CSS

35 уроков

82 491

327м

7238

Закрытый

4.1 О чем этот блок ↗

2 771

2м 38с

194

Закрытый

4.2 Классификация сайтов ↗

2 758

13м 49с

258

Закрытый

4.3 Правильная структура файлов и папок проекта ↗

2 736

13м 15с

252

Закрытый

4.4 Как использовать плагины VS Code ↗

2 693

14м 59с

239

Закрытый

4.5 Если у вас не работает плагин Go Live ↗

2 456

1м 56с

149

Закрытый

4.6 Как работают семантические теги ↗

2 675

10м 1с

237

Закрытый

4.7 Как работать с цветом в верстке ↗

2 653

4м 28с

202

Закрытый

4.8 Как добавить изображение на сайт через тег IMG ↗

2 629

5м 25с

228

Закрытый

4.9 Как работает консоль разработчика в браузере ↗

2 602

17м 16с

255

Закрытый

4.10 Как создать меню и ссылки ↗

2 586

11м 41с

231

Закрытый

4.11 Теги списков UL и OL ↗

2 559

4м 38с

191

Закрытый

4.12 Как задавать отступы элементам с помощью margin и padding. ↗

2 549

10м 18с

211

Закрытый

4.13 Как работают блочные и строчные элементы ↗

2 531

10м 30с

228

Закрытый

4.14 Что такое "Cхлопывание margin" ↗

2 478

4м 13с

207

Закрытый

4.15 Правильная организация отступов в верстке ч.1 ↗

2 463

5м 23с

183

Закрытый

4.16 Как использовать "Псевдоклассы" ↗

2 448

5м 18с

208

Закрытый

4.17 Правильная организация отступов в верстке ч.2 ↗

2 429

5м 0с

221

Закрытый

4.18 Как быстро сбросить кеш вашего браузера ↗

2 407

2м 19с

190

Закрытый

4.19 Как добавить изображение используя свойство background-image ↗

2 404

21м 8с

254

Закрытый

4.20 Позиционирование элементов на веб странице ↗

2 365

15м 50с

233

Закрытый

4.21 Как работает z-index ↗

2 284

3м 11с

166

Закрытый

4.22 Как добавить градиентную заливку через CSS ↗

2 256

9м 0с

191

Закрытый

4.23 Выравнивание элементов по горизонтали ↗

2 242

10м 49с

210

Закрытый

4.24 Box-sizing. Отступы внутри размера элемента. ↗

2 197

9м 52с

193

Закрытый

4.25 Единицы измерения CSS ↗

2 165

7м 41с

182

Закрытый

4.26 Селекторы CSS ↗

2 137

19м 18с

220

Закрытый

4.27 Тег span ↗

2 077

11м 2с

175

Закрытый

4.28 Can i use ↗

2 063

5м 41с

183

Закрытый

4.29 Normalize.css и Reset.css - Сброс стилей браузера ↗

2 053

12м 29с

195

Закрытый

4.30 Как добавить интерактивную карту на сайт ↗

2 017

11м 7с

201

Закрытый

4.31 Тег HR или как отрисовать линию ↗

2 000

8м 14с

233

Закрытый

4.32 Как использовать разные шрифты на сайте ↗

1 998

26м 16с

232

Закрытый

4.33 Как устанавливать шрифты на компьютер ↗

1 927

0м 27с

150

Закрытый

4.34 Загружаем сайт на реальный хостинг. Выбор и настройка домена. ↗

1 971

15м 39с

178

Закрытый

4.35 Как редактировать сайт загруженный на хостинг, через VS Code ↗

1 912

8м 13с

158

5. Работа в Figma. Мини курс Figma free.

30 уроков

45 876

45 792

171м

3636

Закрытый

5.1 О чем этот блок ↗

2 003

1м 8с

149

Закрытый

5.2 Об обновлении интерфейса Figma ↗

578

13м 50с

Закрытый

5.3 О чем мини курс? ↗

1 904

2м 45с

136

Закрытый

5.4 Подготовка. Скачиваем материалы ↗

1 905

1 821

4м 48с

168

Закрытый

5.5 Какой размер у сайта? ↗

1 856

13м 4с

163

Закрытый

5.6 Как сохранить свой проект ↗

1 774

2м 58с

137

Закрытый

5.7 Как работать с сетками и направляющими ↗

1 766

5м 8с

141

Закрытый

5.8 Бриф с заказчиком. ↗

1 747

4м 27с

128

Закрытый

5.9 Mood board и поиск вдохновения ↗

1 733

7м 9с

132

Закрытый

5.10 Создаем wireframe проекта ↗

1 711

8м 0с

132

Закрытый

5.11 Стоковые площадки. Где найти идеальное фото? ↗

1 679

3м 25с

130

Закрытый

5.12 Как работать с изображениями в figma ↗

1 671

7м 43с

126

Закрытый

5.13 Иерархия элементов в figma ↗

1 653

7м 53с

130

Закрытый

5.14 Как работать с цветом в figma ↗

1 602

5м 29с

121

Закрытый

5.15 Разница UX и UI ↗

1 627

3м 33с

152

Закрытый

5.16 Как создавать текст в figma ↗

1 588

9м 38с

129

Закрытый

5.17 Линии и обводка фигур ↗

1 542

3м 5с

113

Закрытый

5.18 Как группировать элементы ↗

1 529

5м 37с

121

Закрытый

5.19 Поиск и установка новых шрифтов ↗

1 502

6м 5с

118

Закрытый

5.20 Как работать с иконками ↗

1 515

10м 21с

112

Закрытый

5.21 Как работать с градиентом ↗

1 481

5м 34с

113

Закрытый

5.22 Как работатет инструмент subtract ↗

1 469

3м 50с

112

Закрытый

5.23 Стоковая площадка по иконкам. Поиск иконок ↗

1 465

8м 19с

115

Закрытый

5.24 Как работать с масками слоя ↗

1 454

14м 30с

124

Закрытый

5.25 Как использовать рыбный текст в figma ↗

1 418

6м 17с

Закрытый

5.26 Как добавлять эффекты к элементам ↗

1 421

5м 28с

105

Закрытый

5.27 Экспорт из figma и передача в разработку ↗

1 480

6м 30с

114

Закрытый

5.28 Обновление 2023.Где вкладка inspect?! ↗

830

3м 22с

Закрытый

5.29 Dev mode стал платным ↗

542

0м 26с

Закрытый

5.30 Поздравляю с завершением мини курса! ↗

1 431

2м 36с

168

6. Продвинутая верстка SASS / БЭМ / FlexBox

18 уроков

24 657

258м

2306

Закрытый

6.1 О чем этот блок ↗

1 803

1м 6с

141

Закрытый

6.2 Препроцессор SASS ч.1 ↗

1 797

19м 41с

172

Закрытый

6.3 Препроцессор SASS ч.2 ↗

1 641

22м 51с

175

Закрытый

6.4 Как решать ошибки ↗

1 018

18м 2с

Закрытый

6.5 FlexBox. Новый способ позиционирования элементов. ↗

1 601

17м 22с

157

Закрытый

6.6 Методология БЭМ и как ее использовать ↗

1 566

11м 15с

142

Закрытый

6.7 Используем FlexBox и БЭМ в новом проекте ↗

1 523

20м 38с

163

Закрытый

6.8 Как превратить растровый логотип в векторный с помощью Illustrat ↗

1 433

13м 12с

104

Закрытый

6.9 Закругление / Поворот / Тени для элементов ↗

1 396

17м 6с

133

Закрытый

6.10 Что такое иконочные шрифты ↗

1 352

13м 37с

121

Закрытый

6.11 Создаем первую кнопку ↗

1 331

18м 59с

127

Закрытый

6.12 Используем модификатор БЭМ. Новое свойство overflow ↗

1 254

16м 27с

148

Закрытый

6.13 Min/Max - Height/Width ↗

1 215

7м 22с

107

Закрытый

6.14 Практика. Создаем вторую секцию сайта ↗

1 258

32м 1с

121

Закрытый

6.15 Практика. Создаем третью секцию сайта ↗

1 149

11м 15с

105

Закрытый

6.16 Практика. Создаем footer сайта ↗

1 108

12м 11с

112

Закрытый

6.17 Добавляем якорные ссылки на навигационное меню ↗

1 113

5м 37с

Закрытый

6.18 Что такое fav-icons, и как их установить в свой проект ↗

1 099

6м 46с

7. Адаптивная верстка

12 уроков

12 761

114м

1100

Закрытый

7.1 О чем этот блок ↗

1 193

1м 6с

104

Закрытый

7.2 Какие существуют типы верстки ↗

1 174

8м 14с

Закрытый

7.3 Как работает мета тег viewport ↗

1 120

7м 38с

Закрытый

7.4 Под какие размеры нужно адаптировать сайт ↗

1 106

8м 33с

102

Закрытый

7.5 Адаптация под планшетную версию ч.1 ↗

1 098

15м 34с

Закрытый

7.6 Практика: Адаптируйте сайт под следующую версию. ↗

1 047

4м 0с

Закрытый

7.7 Пример преподавателя. Адаптация следующей версии под планшет ↗

1 012

17м 17с

Закрытый

7.8 Как работают единицы измерения EM/REM VH/VW ↗

1 001

15м 31с

103

Закрытый

7.9 Свойство transition. Создаем гамбургер для мобильной версии сайт ↗

1 009

11м 23с

Закрытый

7.10 Создаем гамбургер для мобильной версии сайта ч.2 ↗

992

7м 53с

Закрытый

7.11 Знакомство с JS. Создаем гамбургер для мобильной версии сайта ч. ↗

1 020

8м 46с

Закрытый

7.12 Speed test готового сайта ↗

989

14м 56с

8. Библиотека bootstrap

13 уроков

12 504

80м

1039

Закрытый

8.1 О чем этот блок ↗

1 100

1м 42с

Закрытый

8.2 Что такое bootstrap ↗

1 098

4м 13с

Закрытый

8.3 Как подключить bootstrap в свой проект ↗

1 048

9м 49с

Закрытый

8.4 Какие настройки содержит в себе bootstrap ↗

991

2м 32с

Закрытый

8.5 Как задавать свои стили в bootstrap ↗

973

8м 43с

Закрытый

8.6 Свойство Object-fit и как создать слайдер в bootstrap ↗

954

7м 20с

Закрытый

8.7 Как модифицировать слайдер в bootstrap ↗

923

9м 39с

Закрытый

8.8 Как менять цвета в bootstrap ↗

899

3м 14с

Закрытый

8.9 Как изменить скорость слайдера в bootstrap ↗

898

3м 29с

Закрытый

8.10 Типичные ошибки и проблемы с работой в bootstrap ↗

888

5м 49с

Закрытый

8.11 Как менять компоненты bootstrap. Меняем иконки на слайдере ↗

882

6м 18с

Закрытый

8.12 Система сеток bootstrap. Bootstrap-grid ↗

916

18м 13с

Закрытый

8.13 Как решать задачи возникающие в процессе верстки ↗

934

5м 54с

9. До новых встреч!

1 урок

Закрытый

9.1 Прощальное слово ↗

1 043

2м 14с

188

10. Получите ваш сертификат

1 урок

Закрытый

10.1 Тест для получения сертификата об окончании курса ↗

1 621

1 039

1м 48с