Создавать цифровые продукты и управлять AI-инструментами осознанно

Онлайн-курс по frontend-разработке

Подросток освоит фундамент веб-разработки, научится создавать сайты и веб-приложения, ставить задачи нейросети и контролировать созданный ею результат.

За учебный год он подготовит собственные веб-проекты, соберёт первые работы для портфолио и проверит интерес к разработке на практике.

14–17 лет

9 месяцев обучения

Можно начинать без опыта

Клуб развития подростка включён

Записаться на консультацию

Зачем изучать frontend в эпоху нейросетей

Нейросеть ускоряет работу. Знания помогают управлять результатом.

Фундаментальные знания позволяют использовать нейросеть как помощника.

AI может предложить структуру сайта, написать фрагмент кода или помочь найти ошибку. Для качественного результата человеку всё равно нужно понимать:

какую задачу поставить;
как должен работать сайт;
подходит ли предложенное решение;
где в коде появилась ошибка;
как проверить безопасность и качество;
как объединить отдельные части в работающий продукт.

Курс подойдёт подростку, который:

интересуется сайтами, приложениями и технологиями;
хочет создавать собственные цифровые продукты;
любит сочетание логики и визуального результата;
хочет научиться работать с кодом и AI-инструментами;
проверяет разработку как возможное направление учёбы;
хочет собрать первые проекты для портфолио.

Начать можно без опыта программирования. Углубленные знания физики и математики не требуются.

Какой результат?

За учебный год ребёнок:

Освоит фундамент веб-разработки

Поймёт, как HTML, CSS и JavaScript превращаются в работающий сайт.

Научится создавать сайты и веб-приложения

Сможет собирать страницы по макету, настраивать внешний вид и адаптировать их для разных экранов

Будет осознанно использовать AI

Научится формулировать запрос, читать предложенный код, проверять его и дорабатывать результат.

Создаст и защитит собственные проекты

Пройдёт путь от идеи и структуры до готового сайта, который можно открыть в интернете. Представит готовый результат на итоговом занятии перед профессионалами сферы.

Начнёт собирать портфолио

Оформит проекты для поступления, конкурсов и дальнейшего обучения.

Где пригодится frontend

В мире, где AI всё чаще создаёт код и интерфейсы, особенно ценится умение поставить точную задачу, понять логику цифрового продукта и проверить результат.

Frontend даёт эту базу. Он пригодится будущим разработчикам, специалистам по AI, дизайнерам, аналитикам и технологическим предпринимателям.
Даже если подросток позже выберет другое направление, он будет понимать, как создаются сайты, приложения и онлайн-сервисы, сможет осознанно работать с нейросетями и говорить на одном языке с IT-командой.

Это фундамент, который помогает увереннее сделать следующий шаг в мир высоких технологий.
Технологическая грамотность входит в число трёх наиболее быстрорастущих групп навыков наряду с AI, большими данными и кибербезопасностью.

Как проходят занятия

Обратная связь родителям

1 занятие в неделю 2 часа

Занятия проходят вживую с преподавателем в небольшой группе.

Ребята программируют прямо во время урока, повторяют действия преподавателя: пишут код, выполняют задания и работают над своими проектами. AI-инструменты используются в учебных задачах: для поиска ошибок в коде, проверки гипотез и улучшения проекта.

Преподаватель запрашивает промежуточные результаты, помогает найти ошибку и объясняет сложные действия шаг за шагом.

Дважды за учебный год родители получают развёрнутую обратную связь от преподавателя в письменном виде о прогрессе, сильных сторонах и сложностях ребёнка. А куратор обучения всегда оперативно ответит на возникающие вопросы.

1

3

Живое общение

Практика на каждом уроке

2

Три года — три уровня результата

Программа обучения

Каждый учебный год является самостоятельным уровнем с законченным проектом.
Продолжать обучение можно постепенно.
Первый год — создаём сайты.
Второй год — добавляем логику действий пользователя (интерактивные сайты).
Третий год — создаём веб-приложения.

Модуль 1

HTML и CSS

1. Общие понятия. Синтаксис html, теги и атрибуты.
2. CSS. Подключение, синтаксис, свойства.
3. Основные приемы верстки: display и float, position, flexbox.
4. Верстка по макету из figma.
Модуль 2

Адаптив/Библиотеки/Препроцессоры

1. Адаптив. Основы резиновой верстки, адаптивная верстка, технология медиа запросов.
2. Библиотека Bootstrap.
3. Препроцессор SASS (SCSS).
Модуль 3

Верстка макета по ТЗ

1. Получение макетов от UX/UI-дизайнеров.
2. Работа в установленные сроки.
3. Оптимизация кода.
4. Публикация проекта на GitHub Pages.
Модуль 4

Создание командного проекта

1. Дизайн-мышление на придумку собственного проекта
2. Делегирование обязанностей в команде.
3. Разработка ТЗ для дизайнеров.
4. Верстка сайта с применением
HTML, CSS, JS (компоненты Bootstrap).
5. Создание адаптива.

Итоговая работа: Готовый выпускной проект
Модуль 5

Итоговый проект
Искусство презентации

Построение бизнес-модели:
Пользователь. Проблемы и боль пользователя. Уникальная ценность. Конкуренты и заменители.
Написание питчей. Тонкости ораторского мастерства. Создание продающей презентации. Подготовка к выступлению перед IT-менторами.

Выпускной

Модуль 1

JavaScript Basic

1. Переменные, типы данных
2. Условия, циклы
3. Функции
4. Работа с массивами и объектами.
5. Замыкания, модульность.
Модуль 2

JavaScript Advanced

1. ООП и JS-объекты
2. BOM, DOM, События.
3. AJAX и работа с сетью
4. GIT и работа с терминалом
Модуль 3

Стартап-проект на JS

Сгенерировав новаторские идеи стартапа, мы научимся их правильно презентавать, сделаем продающими и отправимся в поисках инвесторов на различные хакатоны и конкурсы. Дополнительно получим консультации от менторов из ведущих IT-компаний у нас в Myfreedom.

Модуль 1

Компоненты React. Паттерны разработки

React, JSX, виды компонент, props и state.
Жизненный цикл компонент.
Паттерны разработки React приложений, нейминг, идеи.
Роутинг.
Модуль 2

Redux. CSS in JS

Redux, идея об обособленном хранилище данных.
Context API.
CSS in JS, Анимации в React, тесты.
Современные подходы и устаревшие моменты.
Модуль 3

Стартап-проект на React

Итоговый проект с использованием изученных технологий.

Записаться или получить консультацию

Клуб развития подростка

Больше, чем IT-обучение

Даже полезный навык сложно развивать, если ребёнку не хватает мотивации, уверенности или привычки доводить начатое до конца.

Пятница, 17:00

каждую неделю

Октябрь – апрель

весь учебный сезон

11–17 лет

бесплатно для учеников

С октября по апрель ученики 11–17 лет могут каждую пятницу бесплатно участвовать в практических встречах Клуба развития MyFreedom. Занятия ведут преподаватель по английскому, профессиональный тренер по soft skills и профориентолог.

На занятиях подростки учатся

управлять мотивацией легче справляться с учёбой принимать решения мыслить критически и творчески разбираться в финансах говорить на английском понимать себя и мир профессий

Cтоимость обучения

Узнать расписание и стоимость

205

ОНЛАЙН

В стоимость входят:

живые занятия с преподавателем;
учебные материалы и записи занятий;
поддержка куратора во время учебного процесса;
обратная связь родителям;
итоговый проект и защита перед приглашенными экспертами;
участие в Клубе развития подростка.

BYN / месяц

от

Что понадобится для занятий

компьютер или ноутбук;
Windows 10/11 или современная версия macOS;
оперативная память от 8 ГБ;
стабильный интернет;
мышь;
наушники с микрофоном;
видеокамера для общения на уроке.

Основные учебные программы бесплатны. Преподаватель поможет установить и настроить их в начале обучения.

Не уверены, подходит ли компьютер?
Перед записью мы поможем проверить его характеристики.

Проверьте интерес на практике

Запишитесь на консультацию или пробное занятие.
Можно начинать без опыта программирования