Курс на Stepik
Обложка курса «🎨 HTML Paint: создай свой редактор!» на Stepik
199 ₽

🎨 HTML Paint: создай свой редактор! ★ 5.000

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

🎨 Создай свой собственный Paint прямо в браузере! Никаких установок — только HTML, CSS и JavaScript. Всего за 12 уроков вы пройдёте путь от пустого файла до полноценного графического редактора с 28 цветами, кистью, ластиком, регулировкой толщины, заливкой и сохранением в PNG. 👨‍🎨

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «🎨 HTML Paint: создай свой редактор!»Учеников на курсе 4
Сертификаты, выданные на курсе «🎨 HTML Paint: создай свой редактор!»Сертификатов выдано 2
Отзывы о курсе «🎨 HTML Paint: создай свой редактор!»Отзывов получено 1
Рейтинг курса «🎨 HTML Paint: создай свой редактор!»Рейтинг курса 5.000
Уроки в курсе «🎨 HTML Paint: создай свой редактор!»Количество уроков 14
Тесты в курсе «🎨 HTML Paint: создай свой редактор!»Количество квизов 31
Время прохождения курса «🎨 HTML Paint: создай свой редактор!»Время прохождения курса —
Стоимость курса «🎨 HTML Paint: создай свой редактор!»Стоимость курса 199 ₽ —
Обновления курса «🎨 HTML Paint: создай свой редактор!»Обновления курса — —
Дата публикации курса «🎨 HTML Paint: создай свой редактор!»Дата публикации курса — ———
Последнее обновление курса «🎨 HTML Paint: создай свой редактор!»Последнее обновление — ———

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

Разделы в курсе «🎨 HTML Paint: создай свой редактор!» 7 разделов Уроки в курсе «🎨 HTML Paint: создай свой редактор!» 14 уроков Тесты в курсе «🎨 HTML Paint: создай свой редактор!» 31 тест Время прохождения курса «🎨 HTML Paint: создай свой редактор!» 0 ч. Последнее обновление курса «🎨 HTML Paint: создай свой редактор!» обн. 26 августа 2026

🏗️ Создание холста и настройка проекта

2 урока
1. 🌐 Создание основы HTML-страницы ↗
2. 🖼️ Добавление холста и стилей ↗

🖌 Рисование кистью

2 урока
1. 👓 Настройка контекста рисования ↗
2. 🪤 Обработка событий мыши для рисования ↗

🪭 Палитра из 28 цветов и выбор толщины

2 урока
1. 🛠️ Создание палитры из 28 цветов ↗
2. 📏 Управление толщиной кисти ↗

💧Очистка и заливка

2 урока
1. 🧹 Реализация очистки холста ↗
2. 🌊 Добавление кнопки заливки ↗

🛟 Сохранение рисунка в PNG

2 урока
1. 🌁 Генерация изображения из холста ↗
2. 🛬 Скачивание рисунка (завершение сохранения) ↗

🪇 Кисть и ластик как отдельные кнопки

2 урока
1. ⭐ Создание инструментов «Кисть» и «Ластик» ↗
2. 🏁 Заключение ↗

🥳 Обо мне

2 урока
1. 🥷 Об авторе ↗
2. 🎫 Мои курсы ↗