Коротко: только по очереди. HTML даёт результат за одно-два занятия, CSS — за два-три, JavaScript требует базы из обоих. Начать сразу с JavaScript значит не понимать, к чему его прикладывать.

«А можно сразу JavaScript, HTML же не программирование?» — этот вопрос мы слышим на каждой второй консультации, обычно от родителей, которые сами немного знакомы с темой. Логика понятна: JS звучит серьёзнее. Но порядок HTML → CSS → JS — не произвольный выбор, а то, как устроен сам браузер.

Три слоя одной страницы

Представьте страницу как дом. HTML — это стены и комнаты: где что стоит, какие элементы вообще есть на странице. CSS — это ремонт: цвета, шрифты, расположение мебели. А JavaScript — это электрика и бытовая техника: то, что делает дом «живым», реагирует на действия человека. Без стен нет смысла проводить электрику — просто некуда её подключить.

Ребёнок, который пытается учить JS без HTML/CSS, сталкивается с абсурдной ситуацией: код вроде работает, а показать на экране нечего, потому что нет разметки, с которой этот код должен был бы взаимодействовать.

Почему HTML и CSS — это не «лёгкая разминка»

Здесь распространённая ошибка даже среди взрослых: думать, что HTML/CSS — это просто, а «настоящая» сложность начинается с JS. На практике адаптивная вёрстка (чтобы сайт одинаково хорошо выглядел на телефоне и мониторе) — отдельная инженерная задача со своей логикой: Flexbox, Grid, медиазапросы. Ученики, которые проскочили этот этап, потом годами пишут кривые интерфейсы, даже хорошо зная JavaScript.

  • Неделя 1–2: HTML — структура, первая страница без единого стиля (выглядит «как текстовый документ», и это нормально)
  • Неделя 3–6: CSS — та же страница уже выглядит как настоящий сайт
  • Неделя 7+: JavaScript — кнопки начинают реагировать, формы — работать, появляется интерактив

А если ребёнок уже немного знает JS с YouTube?

Это частая ситуация — и абсолютно нормальная. В таком случае мы не заставляем проходить всё с нуля в линейном порядке: на вводном занятии определяем реальный уровень и подбираем группу или темп индивидуально. Главное — убедиться, что базовые понятия HTML/CSS не имеют пробелов, потому что именно они чаще всего «всплывают» позже в виде странных багов в вёрстке.

Вопрос, который задают реже, но он важнее

Не «с чего начать», а «сколько времени уйдёт на каждый этап». Здесь ответ честный: зависит от возраста и темпа ребёнка. Младшая группа (10–14 лет) проходит основы HTML/CSS медленнее и с большим количеством практики через мини-проекты. Старшая (14–18) движется быстрее и уже в середине курса касается современного JavaScript и React.

Если не уверены, какой уровень подходит именно вашему ребёнку — приходите на бесплатный пробный урок, там и определим.