WEB Web Build Lab
Веб-кодинг + AI

Соберите сайт, который работает по ссылке

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

Интернет-магазинЛендингСвой сервис
4 месяцаобучение и разработка
2 разав неделю по 3–4 часа
1 ссылкаопубликованный проект
Четверо подростков показывают работающий сайт на большом экране, ноутбуке, планшете и смартфоне Проект опубликован
От интерфейса до данных Команда проверяет сайт на разных устройствах и видит, как все части проекта работают вместе.
01Идея
02Интерфейс
03Логика
04Данные
05Публикация

Выберите проект, который хочется развивать

Тема и назначение могут быть разными. Главное, что ученик проходит весь путь разработки и публикует работающую версию.

PROJECT / 01

Интернет-магазин

Каталог, карточки товаров, корзина, расчёт суммы и понятный путь покупателя.

PROJECT / 02

Страница проекта

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

PROJECT / 03

Полезный сервис

Калькулятор, запись, справочник или инструмент, решающий конкретную задачу.

Сначала собираем основу. Затем запускаем своё.

AI ускоряет работу, но ученик сохраняет контроль: умеет прочитать решение, проверить его, найти ошибку и объяснить, как всё устроено.

01

Первые два месяца — типовые решения

Устройство веба, HTML и CSS, адаптивная страница, навигация, карточки, формы, галерея, данные и первая программная логика.

02

Вторые два месяца — собственный продукт

Идея, план, интерфейс, разработка, тестирование, публикация и защита проекта, который остаётся у автора.

Что научитесь контролировать

Мы не заучиваем команды ради команд. Каждый новый блок сразу становится частью работающей страницы или сервиса.

WEB / 01

Структуру страницы

Понимать, из каких блоков состоит сайт и как браузер превращает код в интерфейс.

WEB / 02

Адаптивный дизайн

Собирать аккуратную страницу, которая нормально работает на компьютере и телефоне.

WEB / 03

Логику и данные

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

AI / 04

Постановку задачи для AI

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

FIX / 05

Поиск и исправление ошибок

Не начинать заново, а читать сообщение, находить причину и проверять исправление.

LIVE / 06

Публикацию в интернете

Разобраться с доменом и хостингом, выложить сайт и обновлять рабочую версию.

Можно начать с нуля

Опыт программирования не нужен. Нужны интерес к созданию своего продукта и готовность работать над ним между занятиями.

Нужно заранее знать программирование?

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

AI же сам пишет код. Зачем учиться?

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

Нужен мощный компьютер?

Нет. Для веб-разработки достаточно обычного современного ноутбука и браузера.

Сайт останется после курса?

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

Первая настоящая ссылка начинается с идеи

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