Курс на Stepik
Обложка курса «Веб-разработка для начинающих» на Stepik
3 000 ₽

Веб-разработка для начинающих ★ 0.000

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

Курс дополняется На курсе вы с нуля разработаете свой первый полноценный веб-сайт и получите практические навыки, необходимые начинающему веб-разработчику. Обучение построено вокруг реального проекта, при этом, перед этим вы будете плавно погружаться в разработку, изучая технологии в хронологическом порядке, погружаясь не только в них самих, но и в историю их создания.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Веб-разработка для начинающих»Учеников на курсе 6
Сертификаты, выданные на курсе «Веб-разработка для начинающих»Сертификатов выдано 0
Отзывы о курсе «Веб-разработка для начинающих»Отзывов получено 0
Рейтинг курса «Веб-разработка для начинающих»Рейтинг курса 0.000
Уроки в курсе «Веб-разработка для начинающих»Количество уроков 57
Тесты в курсе «Веб-разработка для начинающих»Количество квизов 236
Задачи с кодом в курсе «Веб-разработка для начинающих»Количество задач с кодом 137
Время прохождения курса «Веб-разработка для начинающих»Время прохождения курса —
Стоимость курса «Веб-разработка для начинающих»Стоимость курса 3 000 ₽ —
Обновления курса «Веб-разработка для начинающих»Обновления курса — —
Дата публикации курса «Веб-разработка для начинающих»Дата публикации курса — ———
Последнее обновление курса «Веб-разработка для начинающих»Последнее обновление — ———
Сложность easy — ———

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

Разделы в курсе «Веб-разработка для начинающих» 11 разделов Уроки в курсе «Веб-разработка для начинающих» 57 уроков Тесты в курсе «Веб-разработка для начинающих» 236 тестов Задачи в курсе «Веб-разработка для начинающих» 137 задач Время прохождения курса «Веб-разработка для начинающих» 2 ч. Последнее обновление курса «Веб-разработка для начинающих» обн. 1 октября 2026

Веб-разработка. Введение.

2 урока
1. Интернет. Первые компьютерные сети. ↗
2. Развитие сайтов. ↗

Ах вот он какой, HTML

4 урока
1. При чем тут скелет ? ↗
2. Структура HTML-документа ↗
3. Работа с формами ↗
4. Итоговая работа ↗

Основы оформления веб-страниц средствами CSS

6 уроков
1. Подключение CSS и основные правила оформления ↗
2. Цвета, фон и оформление текста ↗
3. Блочная модель элементов ↗
4. Оформление элементов интерфейса ↗
5. Основы расположения элементов ↗
6. Итоговая работа ↗

Современная и адаптивная вёрстка

7 уроков
1. Построение макетов с использованием Flexbox ↗
2. Построение макетов с использованием CSS Grid ↗
3. Позиционирование и управление слоями ↗
4. Адаптивная вёрстка веб-страниц ↗
5. Современные возможности CSS ↗
6. CSS-препроцессоры ↗
7. Итоговая работа ↗

От макета к сайту: знакомство с Figma

6 уроков
1. Интерфейс Figma, страницы, слои и фреймы ↗
2. Цвета, текст и стили ↗
3. Компоненты и повторяющиеся элементы ↗
4. Auto Layout и адаптивные макеты ↗
5. Размеры, отступы и экспорт изображений ↗
6. Итоговая работа: вёрстка страницы по макету ↗

Основы программирования на JavaScript

8 уроков
1. Подключение JavaScript ↗
2. Переменные и типы данных ↗
3. Условия ↗
4. Циклы ↗
5. Функции ↗
6. Массивы ↗
7. Объекты ↗
8. Итоговая работа: небольшая программа ↗

JavaScript. Массивы и объекты.

8 уроков
1. Массивы ↗
2. Свойство длины ↗
3. Добавление элементов ↗
4. Удаление элементов ↗
5. Поиск элементов ↗
6. Сортировка ↗
7. Объекты ↗
8. Итоговая работа ↗

JavaScript продолжение

5 уроков
1. Условия ↗
2. Циклы ↗
3. Функции ↗
4. Массивы ↗
5. Объекты ↗

JavaScript оживляет страницу

7 уроков
1. Что такое DOM ↗
2. Поиск и изменение элементов ↗
3. Обработка событий ↗
4. Работа с классами и стилями ↗
5. Формы и проверка данных ↗
6. Создание элементов средствами JavaScript ↗
7. Итоговая работа: интерактивный список задач ↗

Работа с данными

1 урок
1. JSON и хранение данных в браузере ↗

Создание итогового проекта

5 уроков
1. План проекта и HTML-каркас страницы ↗
2. Оформление и адаптивная версия сайта ↗
3. Форма: добавление задачи и проверка ввода ↗
4. Задачи: выполнение, удаление и счётчик ↗
5. Итоговая работа: интерактивный список задач ↗