Найти в Дзене

2021 Дорожная карта Frontend 2021 года.

ДОРОЖНАЯ КАРТА FRONTEND 2021🎄

Ну что ж 😌 Привет новый рабочий год 🙏 Привет новые знания 🎉

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

УРОВЕНЬ 0. TRAINEE

Вы только пришли в разработку и ничего не знаете совсем. Что же делать?

👨‍💻 Изучите интернет. Как он работает, как отрисовывается страница в браузере и т.п.
👨‍💻Научитесь гуглить. Все вопросы, которые вы задаете, с вероятностью 99.9% уже были заданы неоднократно.
👨‍💻Огромное желание изучить для себя новую область. И понимание того, что вам понадобится не один год до достижения больших целей.

УРОВЕНЬ 1. JUNIOR/JUNIOR+

👨‍💻HTML. Семантика (правильное использование тегов), основы SEO, работа с формами.
👨‍💻CSS. Кроме основ сейчас везде требуют flexbox и grid, а также адаптивную верстку.
👨‍💻JavaScript. Базовый синтаксис, работа с DOM, отправка запроса к серверу, ES6+
👨‍💻Основы любого из фрейм ворка. Реакт, Вуэ, Энгулэр. По React огромная конкуренция. Я бы выбрал Vue. Он и проще, и нехватка разработчиков на нем также больше, так как количество вакансий сильно увеличились за прошлый год.
👨‍💻Заливка сайта на сервер.

УРОВЕНЬ 2/3. MIDDLE/SENIOR

👨‍💻Углубленное изучение JS: Evelt Loop, hoisting...
👨‍💻Препроцессоры. Сейчас можно и без них, но во многих проектах используется, например, SASS. Изучается быстро, но + в вашей строчке в резюме.
👨‍💻Webpack. Сейчас не так часто настраивается вручную, тем не менее важно понимать, как он работает.
👨‍💻Svelte. Опционально. Новый фреймворк, который может выстрелить в этом году.
👨‍💻Typescript. Кто-то любит его, кто-то нет, но вакансий очень много именно с ТС.
👨‍💻Сервер сайд рендеринг. Изучите Некст.jджи эс/Нукст.джи эс для React/Vue в зависимости от того, с чем работаете.
👨‍💻PWA (опционально).
👨‍💻Умение самостоятельно решать поставленные задачи и готовность изучить новые инструменты в сжатые сроки.

Почему объединили уровни 2 и 3? Потому что очень часто бывает, что в компаниях от Middle требуют знаний Senior и наоборот.

Кстати, вы можете получить план развития разработчика, если еще этого не сделали 😌 Подробности в сторис 😉