Четверть века назад школы только начали оснащать ЭВМ. Ученикам рассказывали про общее устройство компьютеров, давали какой-нибудь набор команд из языка Basic, чтобы рисовать кружочки и линии, и учили работать на Pascal. Никаких курсов, где дети могли бы узнать о других языках, не было. В основном, все были самоучками: разбирались по книгам и журналам.

Сегодня возможностей намного больше. И хотя в школах о веб-разработке до сих пор говорят мало — обычно останавливаются на создании страничек таблицами — нынешние школьники могут обо всём узнать на курсах по программированию. Более того, они даже могут полноценно освоить профессию веб-разработчика. Именно это и сделал Илья Филонов в свои 13 лет.

«И те 10 минут, в течение которых ты пытался завязать разговор с тем странным пацаном в аудитории, порой значат больше всей остальной старшей школы, вместе взятой»

Илья, как случилось, что уже в 13 лет ты решил осваивать целую профессию?

Всё началось с книги «Привет, Python! Моя первая книга по программированию», которую мне подарила мама. Из неё я узнал, как работает код, что из себя представляет язык Python, порешал свои первые задачки — например, рисовал кнопки, которые отрабатывают функции. Я рассказал об этом племяннице, которая работает HR в IT-компании. Тогда она посоветовала мне попробовать курсы Академии. Так как я уже немного познакомился с бэкендом, сначала подумал пойти на PHP: хотел писать плагины для серверов. Но потом увидел вёрстку и решил начать с неё. Поэтому мама с бабушкой подарили мне курс по вёрстке на день рождения. А чуть позже решили взять целую профессию «Фронтенд-разработчик». Я подумал, что хочу этого больше, чем новый компьютер, а стоило это примерно одинаково.

А чем тебя так переманил фронтенд?

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

И всё-таки почему ты предпочёл новому классному компьютеру сидение за учёбой?

Мне просто хотелось заниматься чем-то интересным. Мама меня в этом поддержала: она всегда за то, чтобы вкладываться в образование. Тем более, была перспектива попасть на стажировку. Конечно, мы не думали, что после курсов я сразу начну зарабатывать на фронтенде. Всё-таки тогда мне было всего 13 лет. Но решили, что будет здорово научиться чему-то полезному, что может мне потом пригодиться.

Илья, сейчас тебе 15 лет, и ты только что закончил 9 класс. Во время обучения на профессии ты, получается, был в 7 классе? Как ты совмещал курсы с учёбой в школе?

Да, это был 7 класс. Я учился заочно, то есть приезжал в школу всего четыре раза в год сдавать экзамены. Соответственно, я мог сам распределять нагрузку, чередовать обучение. Какие-то часы, а то и дни, посвящал чисто Академии, какое-то время — только школе. Поэтому совмещать было несложно. Как сдал летние экзамены, вообще спокойно занимался курсами.

То есть по ночам за кодом ты не сидел?

Нет, мне мама не разрешала! Гнала спать, чтобы я не сидел до часу ночи. (смеётся) Ну и это правда неправильно. Режим сбивается.

Всем бы такого человека, который гонит спать вовремя. А то залип в телефон или ноутбук, очнулся — 3 часа ночи! А тяжело вообще было? Случались затыки?

На курсе по вёрстке было просто: я слушал лайвы по два раза и всё понимал. Мне очень понравилось, что материал раскладывали так, что легко было запомнить. Я и во время работы над итоговым проектом, и в «Акселераторе» чувствовал, что могу сам всё сделать (Акселератор — практическая часть обучения, где студенты тренируют скорость работы на реальных проектах — прим.).

На курсе по JavaScript я прошёл все разделы, кроме дополнительного последнего про работу приложения в офлайне. И вот сложные были… с первой темы по финальную! Затыки были в каждой из них, но спустя примерно 5 часов я находил решения. (смеётся) Например, могло оказаться, что я просто забыл вызвать функцию. Вообще, такие трудности развивают внимательность, потому что полностью пересматриваешь весь код, ищешь ошибки.

После теоретического обучения на профессии студенты HTML Academy сначала набивают руку на реальных проектах в Акселераторе, а потом идут на оплачиваемую стажировку во фронтенд-аутсорс «Лига А.» Но я знаю, что после «Акселератора» тебя не пустили на стажировку. Почему?

От «Акселератора» у меня приятные впечатления. Мне попался хороший наставник. Он очень помог в сложном проекте с калькулятором на сайте банка, где пришлось использовать сразу несколько библиотек. А меня тогда как раз сроки поджимали.

Один из первых проектов Ильи — калькулятор на сайте банка
Один из первых проектов Ильи — калькулятор на сайте банка

А вот в «Лигу А.», к сожалению, из-за возраста по закону я до сих пор не могу попасть. Хотя я не понимаю, чем оплачиваемая стажировка отличается от раздачи листовок на улице, потому что последнее я имею право делать. У меня есть один знакомый студент, которому раз в полгода я делаю лёгкий одностраничный сайт. Так что какая-никакая практика есть. Но для полноценной работы придётся пару лет подождать.

Но всё-таки ты продолжил изучать веб-разработку?

Да, в прошлом году я учился на «Архитектуре клиентских приложений». Я хотел разобраться во всём самостоятельно и даже попросил наставника подсказывать мне, только если будет совсем трудно. И моим мозгам это пошло на пользу!

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

В программе были сложные для понимания алгоритмы. Например, паттерн Observer, на котором держалась почти вся работа сайта в учебном проекте. Сайт помогал рассчитать, сколько денег человек потратит на путешествие. Можно было выбрать город, дату, способ перемещения, дополнительные услуги (например, еда в самолёте). По задумке пользователь мог добавлять, изменять или удалять какие-то другие пункты. И чтобы «оповестить» остальные пункты об изменениях, в коде нужно было применить Observer. Чтобы разобраться в работе этого паттерна, я даже рисовал для себя карточки, часами пытался понять логику.

Чтобы разобраться в сложной теме, Илья рисовал карточки
Чтобы разобраться в сложной теме, Илья рисовал карточки

**А кроме программирования ты чем-то ещё увлекаешься? **Одно время я собирал мозаику. Хочу изучать языки: английский и японский (чтобы смотреть и читать аниме в оригинале). Но, если честно, последние полгода просто отдыхаю от всех дополнительных занятий. Я собираюсь поступать в университет и понимаю, что в 10 и 11 классе надо будет хорошо подготовиться. Так что я коплю силы.

А куда хочешь поступать?

В МГТУ им. Н. Э. Баумана на программиста, наверное. Туда нужно набрать 270 баллов, но, думаю, за 2 года спокойно можно подготовиться к экзаменам: к математике, информатике и русскому.

У Бауманки сайт не очень, если честно. (смеётся) Ссылки, например, неправильные: хотел перейти во Вконтакте, а перешёл в Инстаграм.

То есть когда ты поступишь, первым делом вызовешься поправить интерфейс?

Можно и так сказать. А то мне обидно прямо за их сайт. Кстати я нахожу ошибки и на сайтах онлайн-школ по программированию, что меня очень удивляет: например, ссылка на соцсеть перекрывает другую ссылку.

Да ты просто ревизор! Здорово, что у тебя уже столько знаний. На первых порах в университете должно быть попроще.

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

А ты не жалеешь, что пошёл на курсы так рано? Всё-таки зарабатывать на этом ты пока не можешь.

Совсем не жалею. Я уже много всего знаю, что в будущем поможет мне быстро стать классным специалистом.

Значит, дальше по плану подготовка к ЕГЭ и поступлению?

Да, надо серьёзно подготовиться. Конечно, буду повторять то, что проходил на профессии. Уверен, что за недельку смогу это сделать: всё-таки все три итоговые работы сдал на 100%. Если будет финансовая возможность, запишусь на курс по React или бэкенду. Продолжу изучать дополнительные материалы. Например, я слушаю подкасты «Веб-стандартов». Из последнего, что мне понравилось: «Прощание с Edge, веб-платформа, z-index, однострочники, атака на зависимости, инди-веб, CTF», «Новинки браузеров и DevTools, Open Web Docs, элемент popup, HTTPS, WCAG 3, null или undefined». А этот попроще, но он поднял мне настроение: «Софт-скилы, футбол и жизнь без фронтенда, веб-компоненты, React, гриды, перфоманс, дайвёрсити».

Что ж, Илья, желаю тебе не останавливаться на достигнутом и продолжать развиваться!

Спасибо большое!


Для Ильи веб-разработка стала не просто хобби. Вместо того, чтобы всё свободное время гонять в футбол или играть в «Майнкрафт», он осваивал профессию фронтенд-разработчика. Обычно после такого курса взрослые начинают зарабатывать по новой специальности. Илье всего 15, и пока он не может полноценно работать. Но он уже обладает знаниями джуна и планирует построить карьеру в программировании.

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

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


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

Портфолио разработчика. Все секреты

Портфолио разработчика. Все секреты

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

Читать дальше
Айти
  • 3 июля 2023
Верстальщик. Гайд по профессии

Верстальщик. Гайд по профессии

В нулевых никаких фронтов не было, и человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. Веб-разработка была маленькой, смешной, но самодостаточной. А потом понеслось.

Верстальщики стали больше писать на JavaScript и начали поглядывать в сторону именования «фронтендер», но всё ещё очень любили делать файлы style.css на десять тысяч строк.

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

В этом и заключается суть работы верстальщиков. Они берут у дизайнеров макет (это картинка, на которой нарисован сайт — К.О.) и собирают из него страницу. Пишут HTML, CSS, используют магию гридов, флексов, какой-нибудь БЭМ. Стараются, в общем, делают. Молодцы.

С другой стороны, HTML сейчас даже в некоторых школах изучают — но отчего-то сразу после школы никто не спешит платить первокурсникам по 500$ за вёрстку. И тут мы приходим к тому, что в 2023 году требуют от верстальщика работодатели.

Мы в HTML Academy работаем над тем, чтобы верстальщики после двух наших интенсивов по вёрстке находили работу, а после интенсива по JavaScript делали это вообще без проблем. И для того, чтобы чему-то обучать, мы должны понять, что требуется рынку сейчас и какие требования выставляет работодатель к верстальщику, чтобы мы могли покрывать такие требования на курсах.

Читать дальше
Айти
  • 8 июня 2023
Веб-разработка. С чего начать

Веб-разработка. С чего начать

На старте бывает непонятно, какой язык программирования выбрать первым. На самом деле, нет идеального языка, который раз и навсегда определит вашу карьеру. Освоить новый язык программирования — всё равно что выучить ещё один иностранный. Сначала надо определиться, что вам больше подходит: фронтенд или бэкенд.

Читать дальше
Айти
  • 2 июня 2023
Как устроиться туда, где закрыты все вакансии

Как устроиться туда, где закрыты все вакансии

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

Читать дальше
Айти
  • 14 февраля 2023
Хочу работать в IT, но…

Хочу работать в IT, но…

Изучать что-то новое всегда — волнительное и завораживающее событие. Но некоторые останавливаются, даже не начав. Почему так происходит? По разным причинам, но бывают случаи, что из-за мыслей «ещё рано», «уже поздно», «нет технического образования», «не знаю английский». Мы покажем на примерах, что возраст, наличие образования и знание английского — не проблема для смены профессии.

Читать дальше
Айти
  • 19 января 2023
Как стать фулстек-разработчиком

Как стать фулстек-разработчиком

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

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

Топовых фулстек-разработчиков очень мало, они востребованы и имеют возможность выбирать из ряда предложений то, что им интересно. Джуны с небольшим опытом в сфере фулстек-разработки могут рассчитывать на зарплату от 30 до 100 000 ₽ в месяц. Опытный разработчик получает в среднем вдвое больше — 120—200 000 ₽.

💡 Что должен уметь топовый фулстек-разработчик:

  • Понимать полный цикл процесса разработки.

  • Уверенно знать современный JavaScript (ECMAScript), применять TypeScript.

  • Строить архитектуру клиентских и серверных приложений.

  • Применять ООП и паттерны проектирования на практике.

  • Проектировать и разрабатывать REST API.

  • Проводить автоматизированное тестирование фронтенда и бэкенда.

  • Работать с базами данных.

Зарплаты фулстек-направления

Исследования компании Хабр Карьеры за 2022 год говорят, что средняя зарплата разработчиков в России составляет 140 000 ₽. Сумма немного различается по регионам. В Москве зарплата подросла за год и составляет 180 000 ₽, в Санкт-Петербурге осталась на уровне начала года — 150 000.

Зарплата фулстек-разработчика в среднем составляет 200 000 ₽ в Москве, 160 000 ₽ в Санкт-Петербурге и 130 000 ₽ в регионах.

Этот анализ зарплат составлен по вакансиям сайта hh.ru.

Также специальность фулстек ценится за границей, зарплаты в Европе и в Америке очень достойные. В Нью-Йорке опытный фулстек зарабатывает 3000—3500 $. В Германии работодатели указывают в вакансиях зарплату 2500—4000 $.

Изучив вакансии и уровень дохода, скорее хочется прокачать навыки и стать фулстек-разработчиком. Что же для этого нужно?

Читать дальше
Айти
  • 20 декабря 2022
К чему готовиться на IT-собеседовании

К чему готовиться на IT-собеседовании

Перед первым собеседованием фронтендеры часто сидят и переживают — а что будут спрашивать? А как себя вести? А нужно знать всё-всё или достаточно конкретных вещей?

Короткий ответ — всегда и везде по-разному, угадать тяжело. Некоторые компании составляют собственные уникальные задания, другие берут списки популярных вопросов из интернета. Как повезёт.

Чтобы хоть как-то помочь вам, мы поговорили с коллегами из компаний Affinage и Takeoff-staff, компании Pitchстудии Лепёхина и веб-студии Thmoon. Они рассказали, что спрашивают на собеседованиях, как у них проходит тестовое задание и нужно ли фронтендеру уметь вообще всё, чтобы найти работу.

Читать дальше
Айти
  • 1 декабря 2022