Коротко: веб-розробка дає підлітку те, чого не дає щоденник, — роботу, яку можна відкрити за посиланням і показати. Це і мотивує сильніше за оцінки, і питають про це при вступі.

У школі результат — це оцінка в журналі. Через рік про неї ніхто не згадає. У веб-розробці результат — це сайт, який залишається за посиланням назавжди і продовжує існувати, навіть якщо дитина за пів року вирішить, що хоче займатись чимось іншим.

Різниця, яку батьки помічають не одразу

Оцінка каже «ти впорався з завданням на 8 з 10». Сайт не оцінюють у балах — він або працює, або ні. Кнопка або натискається, або зависає. Ця різниця здається дрібницею, але саме вона змінює ставлення підлітка до помилок: не «мене покарають», а «треба знайти, де саме код зламався». Це і є те, що дорослі називають інженерним мисленням — тільки без пафосу.

Портфоліо — не для резюме через п'ять років

Часта хиба: думати, що портфоліо потрібне лише випускникам перед працевлаштуванням. Насправді перша реальна користь — набагато ближче:

  • вступ до профільного класу чи коледжу, де цінують реальні проєкти більше за оцінки з інформатики;
  • перша підробітка чи фриланс-замовлення ще у 16–17 років — так, це реально трапляється;
  • просто впевненість «я вмію робити щось, чого не вміє більшість однокласників».

А що як дитині набридне на середині курсу?

Чесна відповідь: буває і так, з будь-яким гуртком. Різниця в тому, що залишається після. Прогул секції через рік не залишає нічого матеріального. Незакінчений сайт — все одно сайт, який можна доробити самостійно, показати чи просто відкрити через рік і здивуватись «невже я це зробив».

Питання від батьків, яке ставлять майже завжди: «А раптом дитині просто цікаво гратись у комп'ютер, а не програмувати?»
Відповідь: перший пробний урок якраз для цього. Викладач за 90 хвилин бачить, чи дитині заходить логіка побудови сторінки, чи це просто інтерес до екрана без справжньої залученості — і чесно про це скаже.

Чому саме зараз, а не «коли підросте»

Тут немає універсальної відповіді, і ми не будемо вигадувати драматичний дедлайн, якого немає. Але факт простий: чим раніше підліток проходить через досвід «я зробив щось, що працює», тим природніше в нього формується звичка доводити справи до результату — а не тільки в програмуванні.

Що саме лежить у портфоліо підлітка

Слово «портфоліо» звучить солідно, а насправді це три-чотири посилання, які відкриваються з телефона. Ось що в них зазвичай входить після року занять.

  • Сторінка-візитка. Перша робота майже в усіх: коротко про себе, захоплення, контакти. Виглядає просто, зате повністю своя.
  • Лендинг для когось конкретного. Шкільний гурток, мамина майстерня, футбольна команда друга. Реальний адресат змінює ставлення до роботи більше, ніж будь-яке завдання «зробіть сайт кав'ярні».
  • Адаптивна сторінка. Та сама робота, яка не розсипається на телефоні. Це перший пункт, який помічають дорослі.
  • Щось із логікою. Калькулятор, форма з перевіркою, невелика гра — місце, де вмикається JavaScript.

Чотирьох посилань достатньо. Десять слабких робіт гірші за три доведені до кінця — оцінюють завжди за найгіршою.

Де це живе й чому не в папці на комп'ютері

Роботи, які лежать на диску, не існують: показати їх можна тільки зі свого ноутбука, а це означає — ніколи. Тому кожен проєкт одразу публікується й отримує адресу. Безкоштовного хостингу для навчальних робіт достатньо, і порядок дій розписаний окремо: «Як опублікувати сайт, який зробила дитина».

Побічний ефект публікації важливіший за саму зручність. Робота, яку можна відкрити за посиланням, раптом стає справжньою — і дитина починає ставитися до неї інакше, ніж до домашнього завдання в зошиті.

Як показувати роботи, щоб їх зрозуміли

Підліток зазвичай надсилає голе посилання й мовчить. Працює інакше: два-три речення поруч із кожною роботою — що це, для кого, що було найскладнішим. Саме ці речення перетворюють набір сторінок на портфоліо.

Формулювання «що було найскладнішим» тут не випадкове. Людина, яка дивиться роботу, і так побачить, що зроблено; цінність додає те, як автор про це думає. Уміння пояснити своє рішення знадобиться і на співбесіді, і при вступі, і в першому замовленні — а тренується воно на трьох рядках під власним сайтом.

Що робить портфоліо слабким

Перелічимо чесно, бо ці помилки роблять майже всі.

Чужі шаблони без змін. Роботу, зібрану з готового набору, впізнають миттєво, і вона не говорить про автора нічого.

Непрацюючі посилання. Найпоширеніша й найприкріша річ: половина портфоліо не відкривається, бо сторінку перенесли. Перевіряти варто раз на кілька місяців.

Роботи без пояснень. Той самий проєкт із двома реченнями опису й без них — різні за враженням.

Усе підряд. Перші вправи першого місяця краще прибрати, коли з'явилися сильніші роботи. Портфоліо — вітрина, а не архів.

Що робити батькам і чого не робити

Роль дорослого тут менша, ніж хочеться, але одна річ справді допомагає: бути глядачем. Не оцінювачем, не замовником, а людиною, якій показують і яка ставить питання. «А що буде, якщо я натисну сюди з телефона?» корисніше за «молодець, красиво».

Друга корисна дія — приводити реальних адресатів. Знайомій потрібна сторінка для невеликої справи, у школі роблять сайт класу, сусідський гурток шукає афішу. Робота, у якої є той, хто її чекає, доводиться до кінця значно частіше за навчальну.

А от чого не варто: виправляти за дитину, вимагати «зроби нормально» перед показом і — найчастіша помилка — порівнювати з чужими роботами з інтернету. Сайт чотирнадцятирічного й робота студії виглядають по-різному, і це нормально в обидва боки.

Коли воно починає працювати

Питання «а коли з цього буде користь» законне. Перша користь з'являється раніше, ніж очікують: уже на етапі вступу до профільного класу чи коледжу, де реальні проєкти важать більше за оцінку з інформатики.

Друга — перші замовлення від знайомих, і тут портфоліо відіграє роль не так доказу вміння, як приводу для розмови: людині простіше сказати «подивися, що я зробив», ніж «я вмію робити сайти». Про те, як виглядає сам шлях від нуля до першого сайту, ми писали окремо: «Веб-розробка для підлітків».

Третя користь — найтихіша й найважливіша. Через рік підліток відкриває свою першу роботу й бачить, наскільки вона слабка порівняно з останньою. Це не привід соромитися, а єдиний спосіб побачити власне зростання: оцінки в щоденнику такого не показують.

І ще одне, про що згадують рідко: портфоліо працює навіть тоді, коли підліток обирає зовсім інший шлях. Медик, юрист чи музикант із трьома власними сторінками все одно виходить у доросле життя з розумінням, як влаштований інтернет зсередини, — а це сьогодні ближче до базової грамотності, ніж до професійної навички.

Перший урок — безкоштовний і без зобов'язань. Це найпростіший спосіб перевірити, чи це «те саме», не витрачаючи місяці на сумніви.