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

Начните с плана

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

Получить план на работе. В некоторых компаниях есть программы развития или матрицы компетенций, которые направлены на рост разработчика внутри организации.

➕ Это бесплатно, да ещё и коллеги стараются помочь.

➖ В плане будет только то, на чём пишут в компании.

Заказать индивидуальный план. Можно найти компанию, которая занимается оценкой навыков и составлением индивидуальных планов. Например, в HTML Academy вы можете пройти специальные тесты, техническое собеседование, психологическое интервью и затем получить план развития хард- и софт-скиллов.

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

➖ Это платно.

Найти план развития или матрицу компетенций другой компании. В интернете немало таких документов, в том числе с подборкой обучающих материалов.

➕ Всё уже сделали за вас, просто учитесь.

➖ Готовые планы быстро устаревают и в них тоже только технологии из конкретной компании. Поэтому используйте их без фанатизма — лучше внимательно прочитайте и составьте свой план.

Как самому составить план развития

Ориентируйтесь на стек конкретной компании. Если вы мечтаете попасть, например, в «Газпром», почитайте их вакансии и узнайте, на чём там пишут код. Затем выпишите технологии и инструменты, которые нужно изучить.

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

Пример подборки материалов — фрагмент плана Академии

Статьи из этого плана:

Составьте общий план без привязки к компаниям. Просмотрите список популярных технологий в 2022 году и выпишите, что нужно подтянуть или выучить. Подберите материалы для изучения каждой технологии и приступайте.

Другой хороший ориентир — исследования State of, в которых разработчики со всего мира рассказывают, на чём они пишут и что им интересно.

Что учить

Основы. Мы каждый год проводим исследование вакансий и проверяем, какие навыки нужны фронтендерам с разным опытом работы. Можно опираться на результаты этого исследования и изучать технологии по порядку, начиная с самых востребованных: HTML, CSS и JavaScript. Если вы претендуете на должность фронтендера-мидла, нужно хорошо знать эти языки, не допускать ошибок при вёрстке, стилизации и программировании.

Фреймворки и инструменты. Изучайте реактивные фреймворки, TypeScript, Git и Redux. Знакомство с реактивными фреймворками лучше начинать с React — он используется чаще. А если уже знакомы с React, присмотритесь к Angular или Vue. Также полезно освоить библиотеки CSS-in-JS, например, styled-components.

API и автоматизация. После этого стоит изучить Rest API, Webpack, Node.js, CI/CD, юнит-тестирование, алгоритмы и базы данных. Это не исчерпывающий список, но с него полезно начать, ведь эти технологии чаще встречаются в вакансиях на позиции мидла.

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

Где искать информацию

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

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

Посмотрите наши подборки книг:

Курсы помогут получить систематизированные знания — нужно лишь выбрать подходящие именно вам. Желательно выбирать такие, где можно проконсультироваться с авторами или менторами.

Блоги и подкасты вряд ли подойдут для изучения с нуля, но зато здесь можно узнавать о новых тенденциях в веб-разработке. Советуем присмотреться к «Веб-стандартам» и Frontend Weekend и регулярно читать «Фронтенд-новости» в блоге HTML Academy.

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

Рекомендуем: 5 популярных песочниц для разработчиков


Если вам нужна помощь в развитии до мидла — мы поможем. HTML Academy готовит курсы по самым востребованным навыкам, где вы научитесь писать код на реальных задачах, а не на выдуманных примерах.

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


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

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

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

Как составить хорошее портфолио

Как составить хорошее портфолио

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

Читать дальше
Айти
  • 30 июня 2023
Что нужно уметь верстальщику

Что нужно уметь верстальщику

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

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

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

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

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

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

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

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

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

Читать дальше
Айти
  • 2 июня 2023
Как попасть в компанию мечты, если там закрыты все вакансии. Советует HR

Как попасть в компанию мечты, если там закрыты все вакансии. Советует HR

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

Читать дальше
Айти
  • 14 февраля 2023
Что почитать начинающему разработчику

Что почитать начинающему разработчику

Книга — источник знаний. Можно погрузиться в новый язык программирования, изучить фреймворк, получить ответ на интересующий вопрос и много другое. Мы собрали подборку книг, которая поможет понять, как попасть в мир IT, развиваться в карьере и чего ждать от профессии.

Читать дальше
Айти
  • 9 февраля 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
Какие вопросы задают на собеседованиях

Какие вопросы задают на собеседованиях

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

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

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

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