Сколько стоит курс «Компетенция Верстальщик — HTML, CSS, JavaScript»?

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

Сколько времени занимает прохождение курса «Компетенция Верстальщик — HTML, CSS, JavaScript»?

Прохождение курса «Компетенция Верстальщик — HTML, CSS, JavaScript» занимает примерно 28 часов.

Какой рейтинг у курса «Компетенция Верстальщик — HTML, CSS, JavaScript»?

Курс имеет рейтинг 4.9 из 5 на основе 15 отзывов. На курсе обучается 1 021 учеников.

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

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

Где можно пройти курс «Компетенция Верстальщик — HTML, CSS, JavaScript»?

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

Курс на Stepik

Обложка курса «Компетенция Верстальщик — HTML, CSS, JavaScript» на Stepik

2 550 ₽

Компетенция Верстальщик — HTML, CSS, JavaScript ★ 4.933

Name: Компетенция Верстальщик — HTML, CSS, JavaScript
Price: 2550.00 RUB
Availability: InStock
Rating: 4.933333333333334 (15 reviews)

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

Освойте необходимые технологии современной верстки сайтов и начните работать в сфере веб-разработки!

Показатель	Текущие показатели		Рост
Показатель	Значение	🏆 Рейтинг	3 дн	7 дн	30 дн
Учеников на курсе	1 021
Сертификатов выдано	303
Отзывов получено	15
Рейтинг курса	4.933
Количество уроков	78
Количество квизов	127
Количество задач с кодом	3
Время прохождения курса	28 ч.	—
Стоимость курса	2 550 ₽	—
Обновления курса	—	—
Дата публикации курса	4 года назад	—	—	—	—
Последнее обновление	9 июля 2026	—	—	—	—
Сложность	easy	—	—	—	—

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

Разделы в курсе «Компетенция Верстальщик — HTML, CSS, JavaScript»

9 разделов Уроки в курсе «Компетенция Верстальщик — HTML, CSS, JavaScript»

78 уроков Тесты в курсе «Компетенция Верстальщик — HTML, CSS, JavaScript»

127 тестов Задачи в курсе «Компетенция Верстальщик — HTML, CSS, JavaScript»

3 задачи Время прохождения курса «Компетенция Верстальщик — HTML, CSS, JavaScript»

28 ч.

обн. 9 июля 2026

Введение

1 урок

1. Введение ↗

Основы HTML и CSS

15 уроков

1. Основы HTML ↗

2. Основы CSS ↗

3. Работа с текстом ↗

4. Работа с блочными элементами ↗

5. Стилизация блочных элементов ↗

6. Работа со ссылками и кнопками ↗

7. Работа с изображениями и иконками ↗

8. Псевдоклассы и псевдоэлементы CSS ↗

9. Структура сайта и типы макетов ↗

10. Таблицы и табличная верстка ↗

11. Блочная модель верстки old-style ↗

12. Позиционирование, выпадающее меню ↗

13. Введение во FlexBox ↗

14. Блочная модель верстки на флексах ↗

15. Проверка знаний ↗

Работа с макетами

3 урока

1. Нарезка макета в Photoshop ↗

2. Zeplin и импорт из Photoshop или Figma ↗

3. Мастер-класс по верстке макета ↗

Продвинутые техники HTML, CSS

11 уроков

1. Основы БЭМ ↗

2. Элементы форм ↗

3. Добавление аудио и видео ↗

4. Фильтры CSS ↗

5. Семантические теги HTML5 ↗

6. Кроссбраузерность ↗

7. Трансформации CSS3 ↗

8. Анимации CSS3 ↗

9. Работа с адаптивом ↗

10. Базовое использование препроцессора SASS|SCSS ↗

11. Продвинутое использование SASS|SCSS ↗

Bootstrap

5 уроков

1. Общие возможности Bootstrap ↗

2. Работа с сеткой Bootstrap ↗

3. Использование компонентов Bootstrap ↗

4. Формы в Bootstrap ↗

5. Кастомизация компонентов ↗

JavaScript для верстальщика

11 уроков

1. Введение в JavaScript ↗

2. Ветвления и циклы ↗

3. Объекты и массивы JS ↗

4. Функции JS ↗

5. Понятие DOM и узлов ↗

6. Обработка события по клику ↗

7. Создание слайдера на JS ↗

8. Создание модального окна ↗

9. Создание табов ↗

10. Создание фильтра карточек ↗

11. Проверка знаний ↗

Библиотеки JavaScript

5 уроков

1. Основы jQuery ↗

2. Галерея FancyBox ↗

3. Анимации ParollerJS, ParallaxJS ↗

4. Анимации ScrollMagic ↗

5. Адаптивный слайдер SwiperJS ↗

БОНУС: Спецификация CSS Grid (видео с моего YouTube-канала)

9 уроков

1. CSS Grid. Базовая терминология ↗

2. Базовые возможности CSS Grid ↗

3. Шаблоны и фракции ↗

4. Grid области и работа с ними ↗

5. Выравнивание ↗

6. Методы адаптива ↗

7. Нюансы использования ↗

8. CSS-переменные ↗

9. Проверка знаний ↗

Проект Верстки макета от и до

18 уроков

1. Обзор шаблона для вёрстки ↗

2. UI Kit - что и зачем ↗

3. Настройка окружения ↗

4. Переменные и типографика ↗

5. Компонент "Особенность" ↗

6. Компонент "Скриншот" ↗

7. Компонент "Отзыв" ↗

8. Компонент "Цена" ↗

9. Компоненты формы и соц иконок ↗

10. Вводный блок сайта ↗

11. Блок "О продукте" ↗

12. Блок "Особенности" ↗

13. Блок "Скриншоты" ↗

14. Блок "Отзывы" ↗

15. Блок "Цены" ↗

16. Блок "Подвал сайта" ↗

17. Валидация верстки ↗

18. Production-сборка ↗