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

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

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

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

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

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

Заказать индивидуальный план. Можно найти компанию, которая занимается оценкой навыков и составлением индивидуальных планов. Например, в 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 готовит курсы по самым востребованным навыкам, где вы научитесь писать код на реальных задачах, а не на выдуманных примерах.

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