«А можна одразу 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.

Якщо не впевнені, який рівень підходить саме вашій дитині — приходьте на безкоштовний пробний урок, там і визначимо.