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

Web-технологии ★ 4.167

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

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

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

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

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

Введение

2 урока
1. Приветствие ↗
2. Что такое HTML? ↗

HTML: Основы

4 урока
1. HTML ↗
2. Теги ↗
3. Атрибуты ↗
4. Особенности интерпретации HTML ↗

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

7 уроков
1. Структура HTML-документа ↗
2. Практика: создание веб-страницы ↗
3. Редакторы кода ↗
4. Элементы и их виды ↗
5. Списки ↗
6. Изображения ↗
7. Ссылки и адреса ↗

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

3 урока
1. Таблицы ↗
2. Формы ↗
3. Домашнее заданее ↗

CSS: Основы

8 уроков
1. История CSS ↗
2. Практика: подключение CSS ↗
3. Способы подключения CSS ↗
4. Синтаксис CSS ↗
5. Простые селекторы ↗
6. Составные селекторы ↗
7. Chromium DevTools ↗
8. Домашнее задание ↗

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

10 уроков
1. Как изучать CSS ↗
2. Текст и шрифт ↗
3. Цвет и фон ↗
4. Тип отображения элемента (display) ↗
5. Блочная модель в CSS ↗
6. Единицы измерения ↗
7. Переполнение контента ↗
8. Обтекание элементов (float), Clearfix ↗
9. Позиционирование ↗
10. Домашнее задание ↗

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

6 уроков
1. Краткая история веб-технологий ↗
2. Flexbox ↗
3. Псевдоклассы ↗
4. Анимация переходов ↗
5. Медиа-запросы ↗
6. Адаптивная сетка ↗

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

5 уроков
1. Что такое конструкторы? ↗
2. Zero-блоки ↗
3. Регистрация ↗
4. Создаём сайт на Tilda ↗
5. Как настроить сайт на Tilda ↗

Деплой

3 урока
1. Что такое фронтенд и бэкенд ↗
2. Что такое хостинг ↗
3. Деплой сайта на netlify ↗

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

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