Курс на Stepik
Обложка курса «Web-технологии» на Stepik
Бесплатно

Web-технологии 4.091

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

Онлайн курс по веб-программированию для школьников предназначен для тех, кто хочет изучить основы создания веб-сайтов и приложений. В ходе курса ученики будут знакомиться с основами HTML и CSS, а также научатся использовать различные инструменты для создания дизайна и функциональности веб-страниц, такие как: онлайн-редактор, графический редактор и конструктор сайтов.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Web-технологии»Учеников на курсе 819
Сертификаты, выданные на курсе «Web-технологии»Сертификатов выдано 0
Отзывы о курсе «Web-технологии»Отзывов получено 11
Рейтинг курса «Web-технологии»Рейтинг курса 4.091
Уроки в курсе «Web-технологии»Количество уроков 49
Тесты в курсе «Web-технологии»Количество квизов 23
Задачи с кодом в курсе «Web-технологии»Количество задач с кодом 4
Время прохождения курса «Web-технологии»Время прохождения курса
Обновления курса «Web-технологии»Обновления курса
Дата публикации курса «Web-технологии»Дата публикации курса
Последнее обновление курса «Web-технологии»Последнее обновление

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

Разделы в курсе «Web-технологии» 10 разделов Уроки в курсе «Web-технологии» 49 уроков Тесты в курсе «Web-технологии» 23 теста Задачи в курсе «Web-технологии» 4 задачи Время прохождения курса «Web-технологии» 1 ч. Последнее обновление курса «Web-технологии» обн. 3 года назад

1. Введение

2 урока
Закрытый
1.1 Приветствие
788
788
0м 22с
5
Закрытый
1.2 Что такое HTML?
457
334
2м 4с
6

2. HTML: Основы

4 урока
Закрытый
2.1 HTML
375
238
1м 25с
8
Закрытый
2.2 Теги
329
237
2м 13с
8
Закрытый
2.3 Атрибуты
297
171
2м 32с
0
Закрытый
2.4 Особенности интерпретации HTML
269
269
1м 57с
6

3. HTML: Базовые элементы

7 уроков
Закрытый
3.1 Структура HTML-документа
253
200
1м 18с
5
Закрытый
3.2 Практика: создание веб-страницы
243
203
1м 36с
4
Закрытый
3.3 Редакторы кода
239
203
2м 52с
4
Закрытый
3.4 Элементы и их виды
220
150
2м 3с
4
Закрытый
3.5 Списки
205
172
1м 2с
3
Закрытый
3.6 Изображения
199
156
1м 20с
4
Закрытый
3.7 Ссылки и адреса
192
131
2м 30с
2

4. HTML: Базовые элементы (часть 2)

3 урока
Закрытый
4.1 Таблицы
183
158
2м 52с
3
Закрытый
4.2 Формы
171
143
2м 49с
3
Закрытый
4.3 Домашнее заданее
167
167
1м 33с
3

5. CSS: Основы

8 уроков
Закрытый
5.1 История CSS
158
120
0м 29с
1
Закрытый
5.2 Практика: подключение CSS
147
147
3м 55с
2
Закрытый
5.3 Способы подключения CSS
135
135
0м 23с
2
Закрытый
5.4 Синтаксис CSS
136
122
1м 37с
1
Закрытый
5.5 Простые селекторы
133
64
4м 38с
-3
Закрытый
5.6 Составные селекторы
121
80
3м 21с
1
Закрытый
5.7 Chromium DevTools
124
124
1м 50с
0
Закрытый
5.8 Домашнее задание
123
123
1м 54с
0

6. CSS: Базовые элементы

10 уроков
Закрытый
6.1 Как изучать CSS
121
92
0м 26с
1
Закрытый
6.2 Текст и шрифт
117
78
2м 54с
3
Закрытый
6.3 Цвет и фон
104
92
1м 38с
0
Закрытый
6.4 Тип отображения элемента (display)
100
100
1м 5с
0
Закрытый
6.5 Блочная модель в CSS
105
77
1м 11с
0
Закрытый
6.6 Единицы измерения
95
83
0м 23с
0
Закрытый
6.7 Переполнение контента
95
95
0м 23с
0
Закрытый
6.8 Обтекание элементов (float), Clearfix
92
77
1м 4с
1
Закрытый
6.9 Позиционирование
91
55
3м 53с
2
Закрытый
6.10 Домашнее задание
95
71
3м 44с
1

7. Продвинутая вёрстка

6 уроков
Закрытый
7.1 Краткая история веб-технологий
93
60
1м 44с
0
Закрытый
7.2 Flexbox
90
71
0м 30с
0
Закрытый
7.3 Псевдоклассы
77
68
0м 21с
-1
Закрытый
7.4 Анимация переходов
82
59
1м 3с
1
Закрытый
7.5 Медиа-запросы
78
70
1м 42с
0
Закрытый
7.6 Адаптивная сетка
82
56
1м 20с
2

8. Конструкторы

5 уроков
Закрытый
8.1 Что такое конструкторы?
97
81
1м 35с
2
Закрытый
8.2 Zero-блоки
90
76
1м 37с
3
Закрытый
8.3 Регистрация
90
90
1м 2с
0
Закрытый
8.4 Создаём сайт на Tilda
96
72
1м 41с
3
Закрытый
8.5 Как настроить сайт на Tilda
83
72
0м 17с
2

9. Деплой

3 урока
Закрытый
9.1 Что такое фронтенд и бэкенд
95
74
1м 42с
5
Закрытый
9.2 Что такое хостинг
91
63
1м 31с
2
Закрытый
9.3 Деплой сайта на netlify
94
81
1м 37с
3

10. Выпускная работа

1 урок
Закрытый
10.1 Выпускная работа
122
78
1м 38с
3