Курс на Stepik
Обложка курса «Веб-разработка для начинающих: HTML и CSS» на Stepik
Бесплатно

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

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

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

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Веб-разработка для начинающих: HTML и CSS»Учеников на курсе 287 813
Сертификаты, выданные на курсе «Веб-разработка для начинающих: HTML и CSS»Сертификатов выдано 42 684
Отзывы о курсе «Веб-разработка для начинающих: HTML и CSS»Отзывов получено 4 942
Рейтинг курса «Веб-разработка для начинающих: HTML и CSS»Рейтинг курса 4.648
Уроки в курсе «Веб-разработка для начинающих: HTML и CSS»Количество уроков 49
Тесты в курсе «Веб-разработка для начинающих: HTML и CSS»Количество квизов 32
Задачи с кодом в курсе «Веб-разработка для начинающих: HTML и CSS»Количество задач с кодом 5
Время прохождения курса «Веб-разработка для начинающих: HTML и CSS»Время прохождения курса —
Обновления курса «Веб-разработка для начинающих: HTML и CSS»Обновления курса — —
Дата публикации курса «Веб-разработка для начинающих: HTML и CSS»Дата публикации курса — ———
Последнее обновление курса «Веб-разработка для начинающих: HTML и CSS»Последнее обновление — ———
Сложность easy — ———

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

Разделы в курсе «Веб-разработка для начинающих: HTML и CSS» 9 разделов Уроки в курсе «Веб-разработка для начинающих: HTML и CSS» 49 уроков Тесты в курсе «Веб-разработка для начинающих: HTML и CSS» 32 теста Задачи в курсе «Веб-разработка для начинающих: HTML и CSS» 5 задач Время прохождения курса «Веб-разработка для начинающих: HTML и CSS» 3 ч. Последнее обновление курса «Веб-разработка для начинающих: HTML и CSS» обн. 2 года назад

Вступление

2 урока
1. Приветствие ↗
2. История интернета ↗

HTML: База

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

HTML: Основные элементы

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

HTML: Составные элементы

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. CSS-фреймворки. Когда их применять и не применять ↗
2. Начало работы с Bootstrap 4 ↗
3. Bootstrap: компоненты ↗
4. Bootstrap: сетка ↗
5. Домашнее задание ↗

Деплой сайта

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