Коротко: веб-разработка даёт подростку то, чего не даёт дневник, — работу, которую можно открыть по ссылке и показать. Это и мотивирует сильнее оценок, и спрашивают об этом при поступлении.

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

Разница, которую родители замечают не сразу

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

Портфолио — не для резюме через пять лет

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

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

А что если ребёнку надоест на середине курса?

Честный ответ: бывает и так, с любым кружком. Разница в том, что остаётся после. Пропущенная секция через год не оставляет ничего материального. Незаконченный сайт — всё равно сайт, который можно доделать самостоятельно, показать или просто открыть через год и удивиться «неужели я это сделал».

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

Почему именно сейчас, а не «когда подрастёт»

Здесь нет универсального ответа, и мы не будем выдумывать драматичный дедлайн, которого нет. Но факт простой: чем раньше подросток проходит через опыт «я сделал что-то, что работает», тем естественнее у него формируется привычка доводить дела до результата — и не только в программировании.

Что именно лежит в портфолио подростка

Слово «портфолио» звучит солидно, а на деле это три-четыре ссылки, которые открываются с телефона. Вот что в них обычно входит после года занятий.

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

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

Где это живёт и почему не в папке на компьютере

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

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

Как показывать работы, чтобы их поняли

Подросток обычно отправляет голую ссылку и молчит. Работает иначе: два-три предложения рядом с каждой работой — что это, для кого, что было самым сложным. Именно эти предложения превращают набор страниц в портфолио.

Формулировка «что было самым сложным» здесь не случайна. Человек, который смотрит работу, и так увидит, что сделано; ценность добавляет то, как автор об этом думает. Умение объяснить своё решение пригодится и на собеседовании, и при поступлении, и в первом заказе — а тренируется оно на трёх строках под собственным сайтом.

Что делает портфолио слабым

Перечислим честно, потому что эти ошибки делают почти все.

Чужие шаблоны без изменений. Работу, собранную из готового набора, узнают мгновенно, и она не говорит об авторе ничего.

Неработающие ссылки. Самая распространённая и самая обидная вещь: половина портфолио не открывается, потому что страницу перенесли. Проверять стоит раз в несколько месяцев.

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

Всё подряд. Первые упражнения первого месяца лучше убрать, когда появились более сильные работы. Портфолио — витрина, а не архив.

Что делать родителям и чего не делать

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

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

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

Когда оно начинает работать

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

Вторая — первые заказы от знакомых, и здесь портфолио играет роль не столько доказательства умения, сколько повода для разговора: человеку проще сказать «посмотри, что я сделал», чем «я умею делать сайты». О том, как выглядит сам путь от нуля до первого сайта, мы писали отдельно: «Веб-разработка для подростков».

Третья польза — самая тихая и самая важная. Через год подросток открывает свою первую работу и видит, насколько она слабая по сравнению с последней. Это не повод стыдиться, а единственный способ увидеть собственный рост: оценки в дневнике такого не показывают.

И ещё одно, о чём вспоминают редко: портфолио работает даже тогда, когда подросток выбирает совсем другой путь. Медик, юрист или музыкант с тремя собственными страницами всё равно выходит во взрослую жизнь с пониманием, как устроен интернет изнутри, — а это сегодня ближе к базовой грамотности, чем к профессиональному навыку.

Первый урок — бесплатный и без обязательств. Это самый простой способ проверить, «то ли это самое», не тратя месяцы на сомнения.