Прямо сейчас на портале Head Hunter размещены 252 вакансии junior frontend developer. Количество резюме с активным поиском на эту должность превышает спрос — 1805. На одну вакансию претендуют 8 соискателей.
Как выделиться среди конкурентов и стать действительно крутым специалистом, читайте в этой статье.
Дисклеймер. HeadHunter — далеко не единственный ресурс поиска работы в России. Но точно один из самых популярных и просматриваемых. Статистика hh примерно отображает полную картину рынка труда: среди джунов большая конкуренция. Важно помнить: в некоторых компаниях отсутствует деление по уровням. Владельцы бизнеса выдают список компетенций, чтобы найти специалиста под конкретные задачи.
Технический минимум для junior frontend developer
Для начала следует запомнить, что верстальщик — это ещё не фронтенд-разработчик. Верстальщик преобразует графический макет дизайна в HTML+CSS разметку, может добавить простые плагины и анимацию. Frontend-разработчик превращает это в сложный динамический интерфейс. Веб-разработка включает в себя вёрстку страниц, но не ограничивается ей.
Что точно нужно знать и уметь джуну:
- Осмысленно гуглить — правильный поисковый запрос решает много вопросов
- Английский язык — пригодится умение читать и понимать простой технический текст
- HTML 5: базовые теги, атрибуты, спецсимволы, семантика, работа с формами
- CSS: связка с HTML, стилистика, адаптивная вёрстка, компоновка элементов (flexbox), анимация, схемы (grid)
- JavaScript: синтаксис, стандарты ES5 и ES6, объекты, прототипы, контекст, замыкание, асинхронность, запрос на сервер через fetch, DOM-дерево
- Git: сохранение изменений в коде (commit), запрос на изменение кода (pull request), создание веток кода (fork)
- Фреймворки (React, Angular, Vue): компоненты, передача параметров, работа с формами, валидация, загрузка данных с сервера и отображение
JavaScript — это основа вашей будущей профессии фронтенд-разработчика. В учёбе фокусируйтесь на самом главном по правилу Парето или 20/80. Сосредоточьтесь на 20% самых главных навыков и потратьте на них основное время. Далее вы постепенно разберетесь с 80%, по мере работы.
📍 Написать свои первые проекты на JavaSctipt можно на нашем бесплатном марафоне 5 дней 5 проектов на JavaScript
Git — это система контроля версий, она нужна любым разработчикам. Вы пишете код в команде, и система держит весь проект в одном месте. Тогда даже 100 человек смогут вместе написать код.
Фреймворк — шаблон для программной платформы, на основе которого можно дописать собственный код. Часто на собеседовании спрашивают конкретные технологии. Например, React, Angular или Vue.
Всего перечисленного хватит, чтобы решать минимальные джуновские задачи.
Как выделиться, стать круче и двигаться вперёд
Чтобы стать круче, нужно осваивать продвинутые тематики:
- Понимать концепцию frontend (систему сайта в целом и взаимодействие с backend)
- Разбираться в стейт-менеджменте (Redux), проектировать данные
- Писать чистый код, придерживаться единого code style
- Знать архитектуру frontend-приложений, правильно её проектировать
Cоздавать сайт — это как строить здание. Если заложить плохой фундамент из-за неправильной архитектуры, то здание быстро развалится. А если правильно спроектировать, то дом будет высоким и крепким. Аналогично с сайтами и приложениями. Правильный проект сделает ваш продукт антихрупким.
Необязательный пункт, но тоже пригодится в копилку знаний — базовая концепция backend. Разберитесь, как работает клиент-серверное взаимодействие, чтобы лучше понимать логику сайтов. Backend — это сердце и логика приложения, он работает с данными. Frontend — то, что отображает. Рассмотрим на примере YouTube. Видеохостинг с данными — это backend. У него есть 2 разных отображения: сайт и мобильное приложение. Это frontend.
Для тех, кто хочет совсем продвинуто изучить backend, пригодятся технологии CORS, Rest API, Graph QL.
Node.js — ещё один крутой навык для изучения бэкенда.
Node.js — платформа, чтобы писать бэкенд и серверный код на языке JavaScript. Нужно понимать следующие технологии:
- как формируются данные на бэкенде;
- что такое базы данных;
- как провести авторизация;
- что такое докер и как выкладывать приложение на удалённые сервера.
Это совсем продвинутые темы, чтобы взлететь в профессии. Они дадут знания, как сделать свой сайт с нуля. При этом у вас будет полное понимание системы и широкий взгляд на код.
Бонусные знания
Рекомендуем освоить ещё несколько крутых навыков:
- сборщики (webpack, gulp) для полной инфраструктуры приложения
- язык программирования TypeScript (очень похож на JavaScript)
- модульное тестирование (unit-testing), тестирование как инструмент
С этими знаниями вы легко пройдёте собеседование и получите работу. Осваивайте их в указанном порядке, от простого к сложному. Действуйте как при постройке дома: сначала кирпичи и фундамент, потом вентиляция и водопровод. Помните: опыт — главный двигатель вашего прогресса.
Итоги
Junior frontend разработчик — универсальный игрок в команде веб-разработчиков. Ему нужно уметь верстать, создавать логику на клиентской части приложения, понимать взаимодействие клиента и сервера. Английский язык и умение правильно гуглить тоже пригодятся.
Технически задачи джунов и миддлов лежат на одном уровне. К этим специалистам предъявляют схожие требования по hard skills (технические навыки). Чтобы вырасти из джуна в миддла, нужно прокачивать опыт, скорость работы и soft skills (мягкие навыки).
Подробнее о том, как развить soft skills, писали тут
Понравился материал — ставьте лайк и делитесь с друзьями. Подписывайтесь на канал, чтобы не пропустить новые публикации.
