Что нужно знать junior Front-end разработчику в 2020 году

Позиция Front-end разработчика выглядит заманчиво не только из-за размера заработной платы, но и из-за большого спроса на эту должность среди работодателей. Верстальщики и фронтенд девелоперы уже долгое время входят в топы самых востребованных специальностей в IT сфере. Если вы читаете эту статью, наверняка вас тоже посетила мысль о том, чтобы пополнить ряды front-end разработчиков.

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

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

По этому специалисты из dan-it.com.ua составили подробный гайд скилов, которые в действительности соответствуют позиции junior front-end developer.

Почему требования к начинающему веб-разработчику завышены?

Сегодня front-end разработка — вторая после QA возможность войти в айти. Соответственно, количество верстальщиков-самоучек и только окончивших курсы фронтенд-разработки растет с каждым днем. Несмотря на то, что эта позиция достаточно востребована на рынке труда, такое большое количество желающих начать свой путь в IT заставляет работодателей ужесточать отбор потенциальных кандидатов, тем самым намеренно повышая требования на позицию чуть ли ни до уровня middle-разработчика.

Кроме того, в компании может просто не быть фактического разделения уровней junior, middle и senior. Многим владельцам бизнеса и стартапов проще и дешевле выкатить список необходимых скилов под каждый конкретный проект и найти человека, готового самостоятельно изучить технологии, чтобы получить заветную должность джуна, при том, что по факту эти требования могут относиться к уровню middle.

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

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

 С чего начать изучение фронтенда

Прежде чем начать изучение веб-разработки, нужно понимать, что верстальщик и фронт-енд разработчик — это не одно и тоже, но эти понятия часто путаются самими работодателями. Верстальщик конвертирует графический макет дизайна в  HTML+CSS разметку, может добавить простые плагины и анимацию. Front-end разработчик же превращает это в более сложный и динамический интерфейс.

Процесс веб-разработки включает в себя верстку страниц, но не ограничивается этим.

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

Все необходимые знания и навыки можно разделить на hard skills, то есть технические, и soft skills — личные качества:

Хард скилы

Техническая база обязательных основ, которую вам следует освоить выглядит следующим образом:

  • HTML(HTML5). Понимание языка разметки — это самый первый маст хэв в вашей копилке навыков. Вы должны понимать анатомию HTML-разметки веб-страницы и освоить базовые теги, их атрибуты и вложенные элементы. Также нужно знать как они должны правильно выглядеть.

Что нужно знать junior Front-end разработчику в 2020 году - фото №1

  • CSS (CSS3). Следует научиться стилизовать элементы, при чем делать это правильно, не оставляя огромных полотен неиспользуемых стилей. Для начала вам нужно освоить:
    • блочная модель и позиционирование содержимого (float),
    • компоновка и выравнивание элементов на странице (flexbox),
    • очистка потока и его методы,
    • выравнивание и центрирование элементов,
    • видимостьэлементов (display, visibility, overflow),
    • панель инструментов xbox,
    • специфичность селекторов и как она работает,
    • базовые знания CSS grid layout
    • responsive design (верстка под мобильные устройства),
    • подходы mobile-first/desktop-first на уровне понимания,
    • кроссбраузерность верстки.

Чтобы закрепить оба навыка, потренируйтесь в верстке — сверстайте хотя бы 5 шаблонов разной сложности (их можно легко найти в свободном доступе).

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

  • Java Script. На данном этапе многие начинающие веб-разработчики допускают большую ошибку, пренебрегая основами Java Script и перепрыгивая сразу на фреймворки. Знать основы важно, и изучить вам необходимо следующее:
    • базовое понимание языка и его особенности,
    • структуры данных,
    • строки, числа, объекты и массивы (нужно знать методы, чтобы добавить значение в массив, перевернуть слово задом наперед),
    • замыкание и области видимости (как работает и что значит),
    • методы объекта (Bind, Call и Apply),
    • контекст выполнения и стек вызовов функций (следует хорошо понимать разницу и уметь применять на примерах)
  • Понимать как работает система контроля версий GIT. Работая в команде вы должны уметь контролировать свой код, для этого знание 3-5 команд будет достаточно.

Что нужно знать junior Front-end разработчику в 2020 году - фото №2

Фактически, это все, что должен знать junior frontend разработчик на начальном этапе. Важно также не просто ознакомиться с информацией, а сразу же применять все знания на практике. Чем больше практики, тем быстрее получите результат.

Софт скилы

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

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

Научитесь сразу запоминать информацию, или хотя бы записывать.

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

  • Работа в команде. Сюда же можно отнести коммуникацию и общение. Умение слушать людей и прислушиваться к чужому мнению поможет вам продвинуться на пути разработчика. Более опытные коллеги дадут необходимую информацию быстрее и компактнее, нежели если бы вы учили ее самостоятельно. При этом также важно уметь формировать свое мнение и отстаивать его.
  • Английский язык. Для веб-разработчика очень важно умение говорить (даже если нет идеального знаний правил грамматики) и читать документацию на английском языке.

Что нужно знать junior Front-end разработчику в 2020 году - фото №3

Дополнительные, но не обязательные навыки

Эту информацию зубрить не обязательно, и вряд ли на собеседовании от вас будут требовать суровую практику, но наличие этих знаний на базовом уровне будет однозначно плюсом:

  • Основы JS DOM (Document Object Model):
    • знать о документе и объектах страниц (научитесь передвигаться по DOM-дереву элементов, находить их разными способами)
    • понимать основы работы с событиями (вешать элементарные обработчики, знать про модель распространения событий, уметь их перехватить, обработать и отменить).
  • Базовые понятия синтаксиса ES6 (fetch, async/await, promise).
  • CSS препроцессор (SASS/LESS) — вложенности и создание переменных.
  • CSS фреймворк (Bootstrap/Foundation) — достаточно понимать архитектуру и как она используется.
  • JS фреймворк (React/Angular/Vue) и JQuery — основы.

Вопросы на собеседовании junior фронтенд разработчика

Техническое собеседование на позицию джуниор фронтенд разработчика в 99% случаев начинается с вопросов об HTML. А самый распространенный вопрос их тех, что нужно знать front end разработчику: что такое Doctype и зачем он нужен.

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

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

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

 

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

Покажите на собеседовании, что вы горите фронтендом, что вы постоянно учитесь и хотите расти. Технологии в айти развиваются со стремительной скоростью и вы должны быть готовы не только постоянно учить новое, но и следить за обновлением уже существующих знаний. Здесь очень важно научиться фильтровать информацию и не распыляться на множество статей «обо всем и ни о чем». Самостоятельное обучение может занять больше года, в то время как оптимизированные курсы помогут освоить направление фронтенд за 5-7 месяцев. Записаться на полный курс Frontend с нуля можно тут.

Ознакомиться с программой поступления на курс по фронтенду также можно на сайте https://dan-it.com.ua/program/kiev/front-end/.

Все статьи
Контакты
/