Карьерный трек 6 модулей 27 шагов
Начать с шага 1Инди-разработчик игр на JavaScript
Обучение профессиональной разработке через создание игр: от основ HTML/CSS и JavaScript до релиза, продвижения и развития собственных игровых проектов.
HTML5 · JavaScript · Canvas
01 О геймдеве
Контекст, мышление и стратегия роста в разработке игр.
01
Почему обучение через игры работает
Понимаем подход и выстраиваем реалистичный маршрут развития.
02
Путь в код с нуля
Как начать практику без перегруза теорией и не терять темп.
03
Почему важно начинать с малого
Учимся выбирать масштаб задач, которые реально довести до релиза.
04
Полный путь HTML5-разработки
Смотрим сквозной маршрут: идея, механика, итерации, выпуск.
Почему обучение через игры работает
Понимаем подход и выстраиваем реалистичный маршрут развития.
02
Путь в код с нуля
Как начать практику без перегруза теорией и не терять темп.
03
Почему важно начинать с малого
Учимся выбирать масштаб задач, которые реально довести до релиза.
04
Полный путь HTML5-разработки
Смотрим сквозной маршрут: идея, механика, итерации, выпуск.
02 База кодинга
Основы web: HTML, CSS и JavaScript.
05
Урок 1. Пробуждение кода
Запускаем первую игровую сцену и базовую структуру проекта.
06
Урок 2. Палитра киберпанка
Стилизация сцены, визуальная иерархия и аккуратный UI.
07
Урок 3. Навигация и маршруты
Собираем структуру переходов и компоновку блоков.
08
Урок 4. Оживляем интерфейс
Добавляем интерактивность и первые UI-реакции.
09
Урок 5. Звук и эффекты
Подключаем аудио и усиливаем вовлечение игрока.
10
HTML-семантика
Пишем чистую и понятную структуру страницы.
11
CSS Flexbox
Управляем сеткой интерфейса и адаптируем блоки.
12
JavaScript-практика
Переходим от верстки к игровой логике и состоянию.
13
«JavaScript с нуля: учимся программировать, создавая игры»
Углубление базы и ускорение прогресса через структурированный материал.
Урок 1. Пробуждение кода
Запускаем первую игровую сцену и базовую структуру проекта.
06
Урок 2. Палитра киберпанка
Стилизация сцены, визуальная иерархия и аккуратный UI.
07
Урок 3. Навигация и маршруты
Собираем структуру переходов и компоновку блоков.
08
Урок 4. Оживляем интерфейс
Добавляем интерактивность и первые UI-реакции.
09
Урок 5. Звук и эффекты
Подключаем аудио и усиливаем вовлечение игрока.
10
HTML-семантика
Пишем чистую и понятную структуру страницы.
11
CSS Flexbox
Управляем сеткой интерфейса и адаптируем блоки.
12
JavaScript-практика
Переходим от верстки к игровой логике и состоянию.
13
«JavaScript с нуля: учимся программировать, создавая игры»
Углубление базы и ускорение прогресса через структурированный материал.
03 Механики и проекты
Собираем портфолио из реальных мини-игр и игровых систем.
14
Проект: Камень-ножницы-бумага
Первая завершенная игровая логика и разбор условий победы.
15
Проект: Кликер
Состояние, апгрейды, автодоход и микроанимации интерфейса.
16
Проект: Поймай квадрат
Реакция, тайминг, обработка пользовательских событий.
17
Проект: Память
Работа с состоянием карточек и усложнение правил.
18
Бонус: Первый герой на Canvas
Рисуем героя и знакомимся с базовой Canvas-сценой перед сложными боевыми механиками.
19
Бонус: В гуще врагов
Динамичная survivor-механика с прицеливанием и волнами врагов.
20
Проект: Побег из лабиринта
Полноценный проект на Canvas с целями, ключом и дверью.
Проект: Камень-ножницы-бумага
Первая завершенная игровая логика и разбор условий победы.
15
Проект: Кликер
Состояние, апгрейды, автодоход и микроанимации интерфейса.
16
Проект: Поймай квадрат
Реакция, тайминг, обработка пользовательских событий.
17
Проект: Память
Работа с состоянием карточек и усложнение правил.
18
Бонус: Первый герой на Canvas
Рисуем героя и знакомимся с базовой Canvas-сценой перед сложными боевыми механиками.
19
Бонус: В гуще врагов
Динамичная survivor-механика с прицеливанием и волнами врагов.
20
Проект: Побег из лабиринта
Полноценный проект на Canvas с целями, ключом и дверью.
21
Побег из Лабиринта 2 (скоро)
Продвинутый продукт: графика, контент и полноценный production-подход.
04 Профессиональная разработка
Git, качество кода, AI-ассистенты и инженерные практики.
05 Первый релиз
Упаковка проекта и публикация игры на площадке.
06 Рост проекта
Продвижение, аналитика и итерации после релиза.
