Вайб-кодинг — это новый подход к разработке, где вы создаёте полноценные веб-приложения не через зубрёжку синтаксиса, а через диалог с ИИ и интуитивное понимание технологий (это то, что в рекламе называют «программирование без кода», но мы не в рекламе, у нас серьезный текст). В нашей школе вы освоите этот метод с нуля, научившись управлять нейросетями по методике CRAFT и превращая идеи в работающие цифровые продукты.
На курсе вы научитесь разговаривать с ИИ на одном языке и создадите свою первую адаптивную веб-страницу; разберётесь, как работает интернет, API и HTTP-запросы, и сделаете интерактивную страницу с имитацией серверных ответов; разработаете менеджер задач, генератор идей и браузерную игру-кликер, управляя логикой через промпты, а не ручной код; спроектируете собственное приложение — кинотеку, трекер привычек или каталог игр — с поиском, фильтрацией и сохранением данных; а в финале опубликуете готовый проект в интернете и защитите его, доказав, что вайб-кодинг — это не магия, а инженерная дисциплина нового поколения.
На курсе вы научитесь разговаривать с ИИ на одном языке и создадите свою первую адаптивную веб-страницу; разберётесь, как работает интернет, API и HTTP-запросы, и сделаете интерактивную страницу с имитацией серверных ответов; разработаете менеджер задач, генератор идей и браузерную игру-кликер, управляя логикой через промпты, а не ручной код; спроектируете собственное приложение — кинотеку, трекер привычек или каталог игр — с поиском, фильтрацией и сохранением данных; а в финале опубликуете готовый проект в интернете и защитите его, доказав, что вайб-кодинг — это не магия, а инженерная дисциплина нового поколения.
Вайб-кодинг — это новый подход к разработке, где вы создаёте полноценные веб-приложения не через зубрёжку синтаксиса, а через диалог с ИИ и интуитивное понимание технологий (это то, что в рекламе называют «программирование без кода», но мы не в рекламе, у нас серьезный текст). В нашей школе вы освоите этот метод с нуля, научившись управлять нейросетями по методике CRAFT и превращая идеи в работающие цифровые продукты.
На курсе вы научитесь разговаривать с ИИ на одном языке и создадите свою первую адаптивную веб-страницу; разберётесь, как работает интернет, API и HTTP-запросы, и сделаете интерактивную страницу с имитацией серверных ответов; разработаете менеджер задач, генератор идей и браузерную игру-кликер, управляя логикой через промпты, а не ручной код; спроектируете собственное приложение — кинотеку, трекер привычек или каталог игр — с поиском, фильтрацией и сохранением данных; а в финале опубликуете готовый проект в интернете и защитите его, доказав, что вайб-кодинг — это не магия, а инженерная дисциплина нового поколения.
На курсе вы научитесь разговаривать с ИИ на одном языке и создадите свою первую адаптивную веб-страницу; разберётесь, как работает интернет, API и HTTP-запросы, и сделаете интерактивную страницу с имитацией серверных ответов; разработаете менеджер задач, генератор идей и браузерную игру-кликер, управляя логикой через промпты, а не ручной код; спроектируете собственное приложение — кинотеку, трекер привычек или каталог игр — с поиском, фильтрацией и сохранением данных; а в финале опубликуете готовый проект в интернете и защитите его, доказав, что вайб-кодинг — это не магия, а инженерная дисциплина нового поколения.
Для кого курс
— Курс предназначен для подростков от 12 до 17 лет, желающих освоить веб-разработку через диалог с ИИ и научиться превращать идеи в работающие цифровые продукты без зубрёжки синтаксиса.
— Полезен для тех, кто планирует карьеру в веб-разработке, продуктовой аналитике или digital-сфере, а также для всех, кто хочет воплотить свои творческие идеи в реальные веб-приложения и опубликовать их в интернете.
— Идеально подходит для ребят, увлекающихся современными технологиями, креативным мышлением и созданием собственных сайтов, игр и интерактивных приложений с помощью нейросетей.
— Рекомендуется учащимся, готовящимся к экзаменам по информатике, олимпиадам и проектным конкурсам, где требуется не только знание теории, но и умение быстро создавать прототипы и защищать готовые ИТ-проекты.
1
2
3
4
Учебный план
00
01
02
Модуль
Модуль
Модуль
03
Модуль
Модуль 1
Занятие 1. Как разговаривать с ИИ
Освоение методики промптов CRAFT, базовой структуры HTML и работы с переменными для создания личной страницы.
Занятие 2. Дизайн и стили
Изучение CSS-стилизации, Flexbox и адаптивной вёрстки для создания коллекции карточек под мобильные устройства и ПК.
Занятие 3. Как работает интернет
Разбор клиент-серверной архитектуры, API и HTTP-запросов через создание интерактивной страницы с имитацией серверных ответов.
Занятие 4. Защита проекта (Часть 1)
Самостоятельная сборка проекта, знакомство с Git и первый деплой страницы в интернет по личной ссылке.
Занятие 5. Управление данными
Изучение CRUD-операций и событий DOM через разработку работающего менеджера задач с полным управлением записями.
Занятие 6. Анимация и события
Освоение обработки событий, анимаций и счётчиков при создании интерактивного генератора случайных идей.
Занятие 7. Поиск и фильтры
Реализация поиска, фильтрации и сортировки данных на примере каталога игр с управлением по жанру и рейтингу.
Занятие 8. Защита проекта (Часть 2)
Закрепление навыков работы с таймерами и объектами через создание браузерной игры-кликера с таблицей рекордов.
Занятие 9. Проектирование
Проектирование интерфейса, схемы данных и декомпозиция задачи для планирования структуры финального приложения.
Занятие 10. Сохранение данных
Работа с localStorage и JSON для сохранения состояния приложения и создания кинотеки, запоминающей данные после перезагрузки.
Занятие 11. Улучшение проекта и тестирование
Добавление продвинутых фильтров, современного UI и тестирование по сценарию для улучшения функциональности финального проекта.
Занятие 12. Итоговый проект
Финальная сборка, доработка и публичная защита собственного веб-приложения на выбранную тему.
Освоение методики промптов CRAFT, базовой структуры HTML и работы с переменными для создания личной страницы.
Занятие 2. Дизайн и стили
Изучение CSS-стилизации, Flexbox и адаптивной вёрстки для создания коллекции карточек под мобильные устройства и ПК.
Занятие 3. Как работает интернет
Разбор клиент-серверной архитектуры, API и HTTP-запросов через создание интерактивной страницы с имитацией серверных ответов.
Занятие 4. Защита проекта (Часть 1)
Самостоятельная сборка проекта, знакомство с Git и первый деплой страницы в интернет по личной ссылке.
Занятие 5. Управление данными
Изучение CRUD-операций и событий DOM через разработку работающего менеджера задач с полным управлением записями.
Занятие 6. Анимация и события
Освоение обработки событий, анимаций и счётчиков при создании интерактивного генератора случайных идей.
Занятие 7. Поиск и фильтры
Реализация поиска, фильтрации и сортировки данных на примере каталога игр с управлением по жанру и рейтингу.
Занятие 8. Защита проекта (Часть 2)
Закрепление навыков работы с таймерами и объектами через создание браузерной игры-кликера с таблицей рекордов.
Занятие 9. Проектирование
Проектирование интерфейса, схемы данных и декомпозиция задачи для планирования структуры финального приложения.
Занятие 10. Сохранение данных
Работа с localStorage и JSON для сохранения состояния приложения и создания кинотеки, запоминающей данные после перезагрузки.
Занятие 11. Улучшение проекта и тестирование
Добавление продвинутых фильтров, современного UI и тестирование по сценарию для улучшения функциональности финального проекта.
Занятие 12. Итоговый проект
Финальная сборка, доработка и публичная защита собственного веб-приложения на выбранную тему.
Модуль 2
1 занятие. Классы и объекты
Необходимость использования классов. Создание модулей. Создание класса. Создание объектов. Поля класса. Конструктор класса. Конструктор с параметрами. Переменные класса. Методы класса. Отрисовка с помощью разработанного класса. Обработка нажатий на клавиши. Написание программы на Python на разработку классов и создание объектов.
2 занятие. Инкапсуляция
Разработка класса Хитбокс. Сокрытие полей. Открытые и закрытые атрибуты. Геттеры и сеттеры. Свойства объекта. Определение столкновений объектов. Написание программы с проверкой столкновений объектов.
3 занятие. Композиция объектов
Создание класса-контейнера. Понятие делегирования. Разработка класса Танк с Хитбоксом и отображением. Плавная анимация. Контроль столкновений. Написание игры для управления танком и контролем соударений с танками противников.
4 занятие. Хитбоксы и искусственный интеллект
Доработка класса Хитбокс. Написание вспомогательных методов класса Хитбокс. Создание объектов, управляемых компьютером. Разработка искусственного интеллекта для компьютерных персонажей. Практика в написании искусственного интеллекта для танка, управляемого компьютером.
5 занятие. Коллекция объектов. Преобразование глобальных координат в экранные
Разработка модуля Камера. Преобразование систем координат. Управление камерой с помощью клавиатуры. Позиционирование камеры на игровые объекты. Работа со списками. Создание множества объектов и помещение их в список. Добавление объектов в коллекцию.
6 занятие. Управление текстурами. Генерация игровой карты
Создание модулей. Управление текстурами в одном месте. Поддержка общих текстур игровыми объектами. Разработка карты. Управление ячейками карты. Генерация карты.
7 занятие. Выборочная отрисовка игрового мира. Добавление игровых объектов
Оптимизация отрисовки графики. Оптимизация математических преобразований. Контроль столкновений с элементами карты. «Спаун».
8 занятие. Редактор уровней. Создание бонусов
Загрузка данных из файла. Редактор уровней в Excel. Перенос карты из Excel в файл. Исправление ошибок при чтении из файла. Дополнительные объекты на карте. Создание бонусов. Захват бонусов игровыми объектами.
9 занятие. Наследование
Наследование. Родительский класс. Дочерние классы. Переопределение методов. Расширение методов. Полиморфизм. Разработка графического проекта «Фигуры» через наследование.
10 занятие. Класс Спрайт. Анимация движения и покадровая анимация
Понятие анимации. Законы равномерного прямолинейного движения. Загрузка нескольких изображений. Выстраивание анимационной последовательности. Покадровая анимация. Совмещение анимации разных видов.
11 занятие. Композиция. Моделирование танка
Рефакторинг. Применение композиции и наследования. Создание Класса Юнит. Разработка нового класса Танк.
12 занятие. Моделирование снаряда и стрельба
Создание класса Ракета. Коллекция ракет. Управление стрельбой. Уничтожение игровых объектов и объектов карты.
Необходимость использования классов. Создание модулей. Создание класса. Создание объектов. Поля класса. Конструктор класса. Конструктор с параметрами. Переменные класса. Методы класса. Отрисовка с помощью разработанного класса. Обработка нажатий на клавиши. Написание программы на Python на разработку классов и создание объектов.
2 занятие. Инкапсуляция
Разработка класса Хитбокс. Сокрытие полей. Открытые и закрытые атрибуты. Геттеры и сеттеры. Свойства объекта. Определение столкновений объектов. Написание программы с проверкой столкновений объектов.
3 занятие. Композиция объектов
Создание класса-контейнера. Понятие делегирования. Разработка класса Танк с Хитбоксом и отображением. Плавная анимация. Контроль столкновений. Написание игры для управления танком и контролем соударений с танками противников.
4 занятие. Хитбоксы и искусственный интеллект
Доработка класса Хитбокс. Написание вспомогательных методов класса Хитбокс. Создание объектов, управляемых компьютером. Разработка искусственного интеллекта для компьютерных персонажей. Практика в написании искусственного интеллекта для танка, управляемого компьютером.
5 занятие. Коллекция объектов. Преобразование глобальных координат в экранные
Разработка модуля Камера. Преобразование систем координат. Управление камерой с помощью клавиатуры. Позиционирование камеры на игровые объекты. Работа со списками. Создание множества объектов и помещение их в список. Добавление объектов в коллекцию.
6 занятие. Управление текстурами. Генерация игровой карты
Создание модулей. Управление текстурами в одном месте. Поддержка общих текстур игровыми объектами. Разработка карты. Управление ячейками карты. Генерация карты.
7 занятие. Выборочная отрисовка игрового мира. Добавление игровых объектов
Оптимизация отрисовки графики. Оптимизация математических преобразований. Контроль столкновений с элементами карты. «Спаун».
8 занятие. Редактор уровней. Создание бонусов
Загрузка данных из файла. Редактор уровней в Excel. Перенос карты из Excel в файл. Исправление ошибок при чтении из файла. Дополнительные объекты на карте. Создание бонусов. Захват бонусов игровыми объектами.
9 занятие. Наследование
Наследование. Родительский класс. Дочерние классы. Переопределение методов. Расширение методов. Полиморфизм. Разработка графического проекта «Фигуры» через наследование.
10 занятие. Класс Спрайт. Анимация движения и покадровая анимация
Понятие анимации. Законы равномерного прямолинейного движения. Загрузка нескольких изображений. Выстраивание анимационной последовательности. Покадровая анимация. Совмещение анимации разных видов.
11 занятие. Композиция. Моделирование танка
Рефакторинг. Применение композиции и наследования. Создание Класса Юнит. Разработка нового класса Танк.
12 занятие. Моделирование снаряда и стрельба
Создание класса Ракета. Коллекция ракет. Управление стрельбой. Уничтожение игровых объектов и объектов карты.
Модуль 3
1 занятие. Домашняя дискотека
Tkinter или Pygame. Установка Pygame. Событийно-ориентированное программирование. Создание каркаса программы. Дополнения к каркасу. Цвета. Проект "Домашняя дискотека". Система координат. Рисование примитивов. Рисование линий. Рисование прямоугольников. Рисование эллипсов. Рисование кругов. Рисование полигонов.
2 занятие. События клавиатуры. Класс Rect
Обработка нажатий на клавиши. Перемещение прямоугольника. Как узнать, какие клавиши нажаты? Класс pygame.Rect. Моделирование и отрисовка Rect. Движение прямоугольника. Методы движения - move_ip. Позиционирование прямоугольников.
3 занятие. Морской бой
Проверка пересечения. Столкновение при движении. Реализация столкновений. Воспроизведение музыки и звуковых эффектов. Добавление звуковых эффектов. Управление звуком с клавиатуры. Морской бой.
4 занятие. Поверхности, тексты и картинки
Surface. Шрифты и текст. Отрисовка текста. Полет в небе с облаками. Работа с изображениями.
5 занятие. Пинг-понг
Задаем основные константы, настройки и элементы каркаса. Отрисовка игрового поля. Движение ракеток. Анимация движения мяча. Проверка столкновений мяча с бортиками и ракетками. Проверка забитых голов. Добавляем искусственный интеллект. Настройка параметров командной строки.
6 занятие. Обработка событий мыши
Проект "Круглая кнопка". Попадание точки внутрь прямоугольника. Проект "Рисование прямоугольника с помощью мыши".
7 занятие. Движение круга за курсором
Создание каркаса программы. Пошаговая настройка функций.
8 занятие. Чертилка
Отображение тонкой линии при ведении курсора. Удаление нарисованных точек. Отображение точек привязки при наведении курсора мыши. Используем подсвеченные точки как точки привязки. Сохранение и загрузка точек.
9 занятие. Рисовалка
Каркас программы. Рисуем на холсте. Создаем палитру выбора цвета. Куда попали: в палитру или на холст? Выбор цвета. Перемещение палитры. Сохранение изображения.
10 занятие. Пазл
Загрузка случайного изображения. Разделение картинки на фрагменты. Перемешивание фрагментов пазла. Отрисовка фрагментов пазла на экране. Перемещение фрагментов пазла с помощью мыши. Отрисовываем выбранный фрагмент зеленой рамкой. Отображение игровой статистики. Проверка конца игры и отрисовка сообщения
11 занятие. Игровые состояния
Создание каркаса игры. Создание класса для состояний игры. Создание заставки. Реализация конкретного состояния. Обработка игровых состояний. Создание "МЕНЮ". Настройка переходов между состояниями. Добавление других состояний и настройка переходов.
12 занятие. Доработка игровых состояний
Доработка заставки. Отображение подсказки. Управление морганием подсказки. Обработка ввода от пользователя. Создание меню. Отрисовка меню. Управление пунктами меню. Обработка пользовательского ввода. Экран ввода имени. Вводим имя игрока. Отрисовка текущего имени. Игровое состояние "Игра".
Tkinter или Pygame. Установка Pygame. Событийно-ориентированное программирование. Создание каркаса программы. Дополнения к каркасу. Цвета. Проект "Домашняя дискотека". Система координат. Рисование примитивов. Рисование линий. Рисование прямоугольников. Рисование эллипсов. Рисование кругов. Рисование полигонов.
2 занятие. События клавиатуры. Класс Rect
Обработка нажатий на клавиши. Перемещение прямоугольника. Как узнать, какие клавиши нажаты? Класс pygame.Rect. Моделирование и отрисовка Rect. Движение прямоугольника. Методы движения - move_ip. Позиционирование прямоугольников.
3 занятие. Морской бой
Проверка пересечения. Столкновение при движении. Реализация столкновений. Воспроизведение музыки и звуковых эффектов. Добавление звуковых эффектов. Управление звуком с клавиатуры. Морской бой.
4 занятие. Поверхности, тексты и картинки
Surface. Шрифты и текст. Отрисовка текста. Полет в небе с облаками. Работа с изображениями.
5 занятие. Пинг-понг
Задаем основные константы, настройки и элементы каркаса. Отрисовка игрового поля. Движение ракеток. Анимация движения мяча. Проверка столкновений мяча с бортиками и ракетками. Проверка забитых голов. Добавляем искусственный интеллект. Настройка параметров командной строки.
6 занятие. Обработка событий мыши
Проект "Круглая кнопка". Попадание точки внутрь прямоугольника. Проект "Рисование прямоугольника с помощью мыши".
7 занятие. Движение круга за курсором
Создание каркаса программы. Пошаговая настройка функций.
8 занятие. Чертилка
Отображение тонкой линии при ведении курсора. Удаление нарисованных точек. Отображение точек привязки при наведении курсора мыши. Используем подсвеченные точки как точки привязки. Сохранение и загрузка точек.
9 занятие. Рисовалка
Каркас программы. Рисуем на холсте. Создаем палитру выбора цвета. Куда попали: в палитру или на холст? Выбор цвета. Перемещение палитры. Сохранение изображения.
10 занятие. Пазл
Загрузка случайного изображения. Разделение картинки на фрагменты. Перемешивание фрагментов пазла. Отрисовка фрагментов пазла на экране. Перемещение фрагментов пазла с помощью мыши. Отрисовываем выбранный фрагмент зеленой рамкой. Отображение игровой статистики. Проверка конца игры и отрисовка сообщения
11 занятие. Игровые состояния
Создание каркаса игры. Создание класса для состояний игры. Создание заставки. Реализация конкретного состояния. Обработка игровых состояний. Создание "МЕНЮ". Настройка переходов между состояниями. Добавление других состояний и настройка переходов.
12 занятие. Доработка игровых состояний
Доработка заставки. Отображение подсказки. Управление морганием подсказки. Обработка ввода от пользователя. Создание меню. Отрисовка меню. Управление пунктами меню. Обработка пользовательского ввода. Экран ввода имени. Вводим имя игрока. Отрисовка текущего имени. Игровое состояние "Игра".
Записаться на курс
Наши менеджеры спешат на помощь!
Оставьте заявку и мы обязательно перезвоним!
Оставьте заявку и мы обязательно перезвоним!