Кто такой frontend разработчик и чем он занимается
Что должен уметь фронтенд-разработчик
Редактор Нетологии Светлана Шаповалова разбирается в том, кто такой фронтенд-разработчик, что он должен уметь (или не должен) и за что ему платят прекрасную зарплату (или не очень).
Кто такой фронтенд-разработчик
Согласно ежегодному исследованию StackOverflow, самая популярная профессия среди пользователей сервиса в 2017 году — это Web developer. Именно в эту категорию входят все фронтенд-разработчики.
Данные StackOverflow
Если зайти на первый попавшийся сайт по поиску работы, например, на hh.ru, создастся впечатление, что фронтенд-разработчик — это специалист-хамелеон.
Начинается все с путаницы в названиях вакансий: можно встретить и «front-end developer», и «front end разработчик», и «фронтендщик», и «фронтенд девелопер», и «web developer», и «фронтенд-разработчик». Иногда даже можно увидеть какого-нибудь «веб-верстальщика» с требованиями под фулстак-разработчика. Реакция на это одна: WTF?!
Беда в том, что часть работодателей не отличают (или не хотят отличать) верстальщика от фронтенд-разработчика, — это понятно по описанию вакансий. Разберемся, какие умения отделяют фронтенд-разработчика от «верстака» (верстальщики, не обижайтесь, вы тоже хорошие).
Верстальщик — боец узкого фронта. Его задача — сверстать полученный от дизайнера макет, используя HTML+CSS. Он, возможно, немного умеет в JavaScript, но чаще ограничивается умением прикрутить какой-нибудь плагин jQuery.
Фронтенд-разработчик не просто верстает макеты. Он хорошо знает JavaScript, разбирается во фреймворках и библиотеках (и активно юзает часть из них), понимает, что находится «под капотом» на серверной стороне. Его не пугают препроцессоры и сборщики LESS, SASS, GRUNT, GULP, он умеет работать с DOM, API, SVG-объектами, AJAX и CORS, может составлять SQL-запросы и копаться в данных. Получается сборная солянка навыков, к которым добавляется понимание принципов UI/UX-проектирования, адаптивной и отзывчивой верстки, кросс-браузерности и кросс-платформенности, а иногда и навыков мобильной разработки.
Фронтендщик в обязательном порядке умеет работать с контролем версий (Git, GitHub, CVS и т. д.), использовать графические редакторы, «играть» с шаблонами различных CMS.
Еще крайне желательно знать английский язык, чтобы не переводить спецификацию в Гугл-переводчике, уметь работать в команде, иногда мультиязычной, разбираться в веб-шрифтах, ну и понимать тестировщиков и сам процесс тестирования.
Итак, какие технологии должен освоить фронтенд-разработчик:
Что говорит статистика
Какие технологии и инструменты чаще всего используют фронтенд-разработчики? Во-первых, трудно представить фронтендщика, не умеющего в JavaScript. Это подтверждают опросы:
Данные StackOverflow
Если сгруппировать самые популярные инструменты в стеки, то получим такую ситуацию:
Данные StackOverflow
А набор самых популярных фреймворков и библиотек всех разработчиков выглядит следующим образом (см. иллюстрацию). Приятно видеть среди этого списка инструменты фронтенда:
Данные StackOverflow
Карьерный путь и зарплата фронтенд-разработчика
Карьерный путь фронтендера обычно начинается с верстальщика — это самый логичный и общепринятый вариант. Сначала изучается связка HTML+CSS, затем на нее «наслаиваются» знания JavaScript, библиотек и фреймворков. Будущий специалист также изучает ключевые понятия построения серверной части, добавляет сюда инструменты, необходимые для выбранной специализации. Затем все это шлифуется умением работать с контролем версий, графическими редакторами и пониманием принципов UI/UX-дизайна.
Бывают и иные варианты. Если начинающий программист изначально знает, в какой сфере планирует развиваться, ничто не мешает ему изучать ключевой стек технологий сразу, а не по частям. Все зависит от целей и времени, которыми располагает будущий фронтендщик. Любой вариант приемлем, лишь бы на выходе получился толковый специалист.
У готового фронтенд-разработчика в целом есть три основных варианта развития:
Какой из них выбрать — зависит лишь от самого специалиста и его пожеланий/навыков.
Касаемо зарплат фронтенд-разработчиков: здесь, как и во всей IT-индустрии, нет единого стандарта оплаты. Все зависит от навыков и умения подать себя. Ну, и от везения иногда 🙂
Средняя зарплата фронтенд-специалиста по России, рублей/месяц
Средняя зарплата фронтенд-специалиста по Москве, рублей/месяц
По данным «Моего круга»
Традиционно годовая зарплата фронтенд-разработчиков в США чуть выше, чем по России. Однако, если вы работаете в филиале иностранной компании — вам такой разрыв, скорее всего, не страшен.
По данным PayScale
Как стать фронтенд-разработчиком
Для начала снять розовые очки. Обучение — это труд и самодисциплина. Большинство начинающих айтишников отсеиваются на этапе «хочу стать программистом и получать зарплату в долларах, но не думал, что придется так много учиться». Уникальность программирования и вообще любой айтишной специальности в постоянном самообучении. В этом и сложность, и прелесть IT-сферы. Если вас это не пугает — круто! У вас есть все шансы стать отличным специалистом.
Главное правило будущего специалиста — ставить реальные цели в процессе обучения. В этом поможет планирование. Составьте список инструментов, которые планируете изучить, и держите его перед глазами.
Тем, кто стартует с нуля, надо начинать с HTML и CSS и освоить их на уровне идеальной верстки PSD-макетов. На этом этапе также надо научиться работать с текстовыми и графическими редакторами и знать основные принципы дизайна (как плюс). Затем взяться за JavaScript: синтаксис, архитектура и возможности языка. Освоить популярные фреймворки и библиотеки, параллельно полюбить системы контроля версий и какой-нибудь из популярных таскраннеров. Добавить препроцессоры и фреймворки CSS, разобраться в серверных технологиях. А дальше можно пить смузи на Бали шлифовать полученные знания до бесконечности.
Примерный путь начинающего фронтенд-разработчика.
У вас он будет свой.
Пройти этот путь можно как в одиночку, так и с наставниками (вузы, курсы). Вот какие самые популярные форматы обучения разработчиков по версии StackOverflow:
Данные StackOverflow
На первом месте находятся онлайн-курсы, за них проголосовали 64,7% опрошенных разработчиков, затем идут: самообучение по книгам, офлайн-курсы, опенсорс-разработка и лагери программирования. Интересно, что высшее образование (Master’s degree) стоит практически на последнем месте.
Вывод
Фронтенд-разработчик — это универсальный солдат. Он и макет заверстает, и веб-приложение построит, и серверную часть, если надо, освоит. Знать надо немало: HTML, CSS, JavaScript, библиотеки и фреймворки JS, препроцессоры и фреймворки CSS, системы контроля версий и таскраннеры, технологии бэкенда, юнит-тестирование и многое другое.
Кроме того, нелишними будут soft skills: взаимодействие с людьми и работа в команде, умение наладить эффективный workflow и решать поставленные задачи наиболее оптимальным способом. Не обойтись без уверенных знаний английского языка.
Оплата труда фронтенд-специалиста вполне себе достойная, и чем больше навыков — тем выше шансы получить «жирный» оклад.
Стать фронтенд-разработчиком может каждый, кто не пасует перед самообучением: как мы выяснили, полагаться на вузовское образование сложно. Идеальный вариант — различные онлайн и офлайн-курсы + литература по теме, практика и великий Гугл.
Нетология запускает полноценную программу подготовки фронтенд-специалистов — «Профессию front-end разработчик». Это 6-месячный курс, посвященный базовым технологиям фронтенд-разработки: HTML и CSS, JavaScript, Web API, AJAX, веб-сокеты, библиотека React.
По итогу курса студенты создадут собственное одностраничное веб-приложение. Обучение ведут 10 практикующих фронтенд-специалистов — это позволяет получить всестороннее понимание инструментов и задач фронтенд-разработки. В течение всего обучения студенты получат не менее 100 практических заданий, максимально близких к «боевым», и реализуют 3 проекта среднего объема и 1 полноценный проект в качестве дипломной работы.
Все студенты, успешно окончившие курс, получают удостоверение о повышении квалификации установленного образца и фирменный диплом Нетологии.
Что должен уметь фронтенд-разработчик
Разбираемся в том, кто такой фронтенд-разработчик, что он должен уметь (или не должен) и за что ему платят прекрасную зарплату (или не очень).
Кто такой фронтенд-разработчик
Согласно ежегодному исследованию StackOverflow, одна из самых популярных профессий среди пользователей сервиса в 2021 году — фронтенд-разработчик.
Если зайти на первый попавшийся сайт по поиску работы, например, на hh.ru, создастся впечатление, что фронтенд-разработчик — это специалист-хамелеон.
Начинается всё с путаницы в названиях вакансий: можно встретить и «front-end developer», и «front end разработчик», и «фронтендщик», и «фронтенд девелопер», и «web developer», и «фронтенд-разработчик». Иногда даже можно увидеть «веб-верстальщика» с требованиями под фулстак-разработчика. Реакция на это одна: WTF?!
Беда в том, что часть работодателей не отличают (или не хотят отличать) верстальщика от фронтенд-разработчика, — это понятно по описанию вакансий.
Разберёмся, какие умения отделяют фронтенд-разработчика от «верстака» (верстальщики, не обижайтесь, вы тоже хорошие).
Верстальщик — боец узкого фронта. Его задача — сверстать полученный от дизайнера макет, используя HTML+CSS. Он, возможно, немного умеет в JavaScript, но чаще ограничивается умением прикрутить какой-нибудь плагин jQuery.
Фронтенд-разработчик не просто верстает макеты. Он хорошо знает JavaScript, разбирается во фреймворках и библиотеках (и активно юзает часть из них), понимает, что находится «под капотом» на серверной стороне. Его не пугают препроцессоры и сборщики LESS, SASS, GRUNT, GULP, он умеет работать с DOM, API, SVG-объектами, AJAX и CORS, может составлять SQL-запросы и копаться в данных. Получается сборная солянка навыков, к которым добавляется понимание принципов UI/UX-проектирования, адаптивной и отзывчивой вёрстки, кросс-браузерности и кросс-платформенности, а иногда и навыков мобильной разработки.
Фронтендщик в обязательном порядке умеет работать с контролем версий (Git, GitHub, CVS и т. д.), использовать графические редакторы, «играть» с шаблонами различных CMS.
Ещё крайне желательно знать английский язык, чтобы не переводить спецификацию в Google Переводчике, уметь работать в команде, иногда мультиязычной, разбираться в веб-шрифтах, ну и понимать тестировщиков и сам процесс тестирования.
Итак, какие технологии должен освоить фронтенд-разработчик:
В чём должен разбираться:
Конечно, это всё в идеале. Не обязательно досконально знать все эти технологии — это под силу далеко не всякому, да и нецелесообразно. Лучше выбрать себе стек навыков по душе и развиваться в более узком направлении.
Что говорит статистика: какие технологии и инструменты используют фронтенд-разработчики
Во-первых, трудно представить фронтендщика, не умеющего в JavaScript.
Это подтверждают опросы:
Далее идут различного рода фреймворки и библиотеки, самые популярные из которых Angular, Node.js, React. Кроме обязательного JavaScript, фронтенд-разработчики также используют и другие языки, хоть и не так часто. Лидируют PHP, SQL, Java и С#. И, конечно же, не обойтись фронтендщику без навыков работы с CMS. Самый популярный выбор — WordPress.
Если сгруппировать самые популярные инструменты в стеки, то получим такую ситуацию:
А набор самых популярных фреймворков и библиотек всех разработчиков выглядит следующим образом (см. иллюстрацию). Приятно видеть среди этого списка инструменты фронтенда:
Карьерный путь и зарплата фронтенд-разработчика
Карьерный пусть фронтендера обычно начинается с верстальщика — это самый логичный и общепринятый вариант. Сначала изучается связка HTML+CSS, затем на неё наслаиваются знания JavaScript, библиотек и фреймворков. Будущий специалист также изучает ключевые понятия построения серверной части, добавляет сюда инструменты, необходимые для выбранной специализации. Затем всё это шлифуется умением работать с контролем версий, графическими редакторами и пониманием принципов UI/UX-дизайна.
Бывают и иные варианты. Если начинающий программист изначально знает, в какой сфере планирует развиваться, ничто не мешает ему изучать ключевой стек технологий сразу, а не по частям. Всё зависит от целей и времени, которыми располагает будущий фронтендщик. Любой вариант приемлем, лишь бы на выходе получился толковый специалист.
У готового фронтенд-разработчика в целом есть три основных варианта развития:
Сервис PayScale наглядно проиллюстрировал все возможные пути карьерного развития фронтенд-разработчика:
Какой из них выбрать — зависит лишь от самого специалиста и его пожеланий или навыков.
Средняя зарплата фронтенд-специалиста по России, рублей/месяц:
Средняя зарплата фронтенд-специалиста по Москве, рублей/месяц:
Традиционно годовая зарплата фронтенд-разработчиков в США чуть выше, чем по России. Однако, если вы работаете в филиале иностранной компании, вам такой разрыв, скорее всего, не страшен.
Как стать фронтенд-разработчиком
Для начала снять розовые очки. Обучение — это труд и самодисциплина. Большинство начинающих айтишников отсеиваются на этапе «хочу стать программистом и получать зарплату в долларах, но не думал, что придётся так много учиться».
Уникальность программирования и вообще любой айтишной специальности ― в постоянном самообучении. В этом и сложность, и прелесть IT-сферы. Если вас это не пугает — круто! У вас есть все шансы стать отличным специалистом.
Главное правило будущего специалиста — ставить реальные цели в процессе обучения. В этом поможет планирование. Составьте список инструментов, которые планируете изучить, и держите его перед глазами.
Тем, кто стартует с нуля, надо начинать с HTML и CSS и освоить их на уровне идеальной верстки PSD-макетов. На этом этапе также надо научиться работать с текстовыми и графическими редакторами и знать основные принципы дизайна (как плюс).
Затем взяться за JavaScript: синтаксис, архитектура и возможности языка. Освоить популярные фреймворки и библиотеки, параллельно полюбить системы контроля версий и какой-нибудь из популярных таскраннеров. Добавить препроцессоры и фреймворки CSS, разобраться в серверных технологиях. А дальше можно пить смузи на Бали и шлифовать полученные знания до бесконечности.
Пройти этот путь можно как в одиночку, так и с наставниками (вузы, курсы). Вот какие самые популярные форматы обучения разработчиков по версии StackOverflow:
На первом месте находятся онлайн-курсы, за них проголосовали 64,7% опрошенных разработчиков. Затем идут самообучение по книгам, офлайн-курсы, опенсорс-разработка и лагери программирования. Интересно, что высшее образование (Master’s degree) стоит практически на последнем месте.
Резюмируем
Фронтенд-разработчик — это универсальный солдат. Он и макет заверстает, и веб-приложение построит, и серверную часть, если надо, освоит.
Знать надо немало: HTML, CSS, JavaScript, библиотеки и фреймворки JS, препроцессоры и фреймворки CSS, системы контроля версий и таскраннеры, технологии бэкенда, юнит-тестирование и многое другое.
Кроме того, нелишними будут soft skills: взаимодействие с людьми и работа в команде, умение наладить эффективный workflow и решать поставленные задачи наиболее оптимальным способом. Не обойтись без уверенных знаний английского языка.
Оплата труда фронтенд-специалиста вполне себе достойная, и чем больше навыков — тем выше шансы получить «жирный» оклад.
Стать фронтенд-разработчиком может каждый, кто не пасует перед самообучением: как мы выяснили, полагаться на вузовское образование сложно. Идеальный вариант — различные онлайн- и офлайн-курсы + литература по теме, практика и великий Гугл.
Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.
Увидеть интерфейс «глазами дизайнера»: о взаимодействии фронтендера с дизайнером
Из железнодорожника в программисты — история Максима Багаева
Кто такой frontend разработчик и чем он занимается
Фронтенд-разработчик — как боец на передовой: берёт на себя ту часть сайта, которую видят пользователи, то есть мы с вами. Он отвечает за то, с чем пользователь может взаимодействовать, что он слышит, на что может нажать. Работа фронтендера — интерфейс и функции клиентской стороны сайта.
Читайте нашу статью о том, кто такой frontend-разработчик, как им стать, чем он занимается и какие возможности есть в профессии.
Оглавление
Кто такой frontend-разработчик
Представим, что мы хотим купить что-то в интернет-магазине одежды. Заходим на сайт, пролистываем анимированные баннеры, смотрим все акции, видим окно онлайн-консультанта и поле для ввода данных. Логинимся, кликаем по кнопке «Войти».
Вход в личный кабинет на Lamoda
Всё, что мы видели и делали на сайте до сих пор — зона ответственности фронтендера. И она крайне важна — криво сделанный фронтенд (клиентская сторона пользовательского интерфейса к программно-аппаратной части сервиса) сведёт на нет все усилия бэкенда.
Фронтенд и бекэнд тесно связаны, их взаимодействие происходит по кругу. Фронтенд отправляет информацию в бекэнд. Там она обрабатывается и возвращается фронтенду, чтобы он придал ей понятную форму. Каждый из специалистов должен хотя бы в общих чертах представлять, что происходит на противоположной стороне.
Чем занимается фронтенд-разработчик:
Отличия от web-разработчиков и верстальщиков
Вакансия с задачами фронтендера может называться как угодно: верстальщик, HTML-верстальщик, фронтенд-разработчик, веб-верстальщик, web developer. Работодатели не всегда понимают, чем одна специализация отличается от другой.
Поскольку фронтенд-разработка развивается бешеными темпами, знать нужно всё больше. В определённый момент из неё выделилась html-вёрстка и появилась ещё одна профессия — верстальщик. Верстальщик — это фронтендер узкой специализации.
Если отобразить схематично, кто из кого «вышел», будет так:
Схема подспециальностей в разработке
Теперь подробнее о различиях между фронтендером и верстальщиком.
| Верстальщик | Фронтенд-разработчик |
| Делает из графического макета HTML+CSS страницу. | |
| Работает в основном только с макетами дизайна. | Выполняет всю логику, написанную в основном на JavaScript. |
| Работает без погружения в бэкенд. | Работает с частичным погружением в бэкенд. |
| Знает типовые решения JavaScript, чтобы реализовать простые вещи, которые заложены в макет. | Глубоко знает JavaScript, включая использование библиотек и готовых фреймворков. |
| Порог входа в профессию более низкий, можно начать работать, если у вас минимальный опыт в разработке. | Более опытный разработчик. |
Преимущества и недостатки профессии
Фронтенд притягивает в свои ряды новобранцев хорошей зарплатой и интересными задачами. Но есть и другие плюсы.
Можно быстро найти работу. Рынку всегда нужны фронтендеры (в сентябре 2021 года на hh.ru в одном только Санкт-Петербурге есть 1 206 вакансий по запросу «фронтенд разработчик»).
Актуальные навыки. JavaScript входит в число самых популярных и востребованных языков программирования.
Удалённая работа. Профессия позволяет работать откуда угодно.
Простор для творчества. Фронтендер решает нетривиальные задачи на стыке дизайна и разработки.
Сложности в профессии тоже есть, как и в любой другой.
Придётся много учиться. Технологии во фронтенде обновляются каждые полгода, так что постоянное прокачивание навыков — ваше всё (применимо почти к любой профессии в IT и digital).
Серьёзные требования. Технологический бум налицо, требования даже к начинающим фронтенд-разработчикам довольно обширны. Чтобы начать работу в IT, нужно хорошо освоить довольно много технологий.
Размытый функционал. Иногда фронтендер это ещё немного аналитик, дизайнер и бэкендер.
Востребованность профессии
Пара кликов на сайте hh.ru — и мы видим, что в России в сентябре 2021 года есть 7 753 вакансии по запросу «Frontend разработчик». В нашу эпоху цифровизации почти у каждой компании, государственной или некоммерческой организации есть свой сайт или приложение. А значит, спрос на фронтенд-специалистов будет расти и расти.
Зарплата
Сайт «Хабр Карьера» в июле 2021 года пишет, что медианная зарплата* фронтенд-разработчиков в России составляет 120 000 ₽. За первое полугодие 2021 года зарплаты айтишников выросли на 6,2% за счёт роста в регионах.
Динамика роста зарплат IT-специалистов
Средняя зарплата фронтенд-специалиста по данным сайта Trud.com
Издание Forbes Russia пишет, что предложение IT-специалистов вряд ли догонит спрос в ближайшие пять-десять лет. Сегодня айтишники нужны всем, не только технологическим компаниям, поэтому спрос на разработчиков превышает предложение.
Вакансии фронтенд-разработчика на hh.ru
Опытные разработчики с задачами руководителя могут зарабатывать 300 000 ₽ и больше.
Вакансия фронтендера из Telegram-канала
Карьерный рост
Фронтендер может развиваться горизонтально, то есть расти как специалист и, соответственно, расти и в зарплате. Либо пойти вертикальным путём и стать senior-разработчиком с широким кругозором, уметь с нуля реализовывать архитектуру проекта и выбирать подходящий стек технологий.
Можно также освоить бэкенд и стать fullstack-разработчиком, чтобы вести проекты самостоятельно и получать более крупный доход.
Что должен знать frontend-разработчик
К frontend developer достаточно высокие требования в плане базовых умений, в разработку в принципе нельзя прийти совсем «нулевым». От начинающих фронтендеров без опыта обычно ждут этот набор:
Когда-то этого было достаточно, чтобы начать работу. Сейчас фронтенд оброс целой экосистемой инструментов. С одной стороны, они облегчают и ускоряют работу разработчика. С другой — начинающего фронтендера порой пугает количество технологий, в которых нужно ориентироваться.
Базовые навыки
Помимо базового набора, работодатели ждут, что фронтендер будет соответствовать ещё ряду минимальных требований. Итак, что должен знать фронтенд разработчик.
Список можно продолжать и дальше, но важно понимать, что всё знать нереально. Главное — постоянно прокачивать навыки.
Основы HTML и CSS
HTML и CSS — «хлеб» фронтендера. Навыки вёрстки и оформления веб-страниц обязательны, это база веб-разработки.
Как раз HTML и CSS отвечают за то, как сайт будет выглядеть в браузере. Можно освоить их самостоятельно, заручившись поддержкой Google и Яндекса. Очень важно сразу применять всё на практике, например, создавая подобия сайтов.
На начальном этапе важно не выучить всё, а получить представление о языках, атрибутах и возможностях. Когда вы в принципе понимаете, что вам нужно, вы можете быстро загуглить конкретный вопрос.
Git и Github
Git — самая популярная система контроля версий. Её можно использовать для фиксации истории разработки проекта и параллельной разработки разных задач.
GitHub — по сути визуальный интерфейс для работы с Git. Создатели называют его «социальной сетью для разработчиков». Кроме размещения кода, участники могут тут общаться и комментировать правки друг друга.
Эти системы помогают команде совместно работать над одним проектом, сохранять изменения и следить за выполнением задач каждым членом группы.
Развёртывание веб-сайта
Когда вы уже знаете HTML и CSS, можно создавать простые веб-сайты. Но, чтобы пользователи могли найти результаты ваших трудов, нужно разместить сайт в интернете. Раньше это было не так просто сделать, но сейчас в арсенале фронтендера есть такие инструменты, как сервисы хостинга и развёртывания для проектов статичных сайтов вроде GitHub Pages или Netlify.
JavaScript
JavaScript — одна из базовых технологий в арсенале фронтендера. С помощью этого языка можно создавать фронтенд, бэкенд, мобильные приложения и многое другое. Писать код сложнее, чем верстать, но без этого веб-разработчику не обойтись. Хорошее знание JS позволит быстро освоить любой фреймворк или библиотеку.
Результаты исследования популярности языков программирования среди разработчиков. Сайт вопросов и ответов для программистов Stackoverflow, 2020 год
Sass — отличный инструмент, если приходится много работать с CSS. Он облегчит жизнь и поможет не повторяться в CSS, что сэкономит время разработки. С помощью Sass можно легко стилизовать страницы, используя меньше строк кода.
Пакетные менеджеры и веб-бандлеры
Менеджер пакетов — инструмент для работы с открытым кодом. Есть библиотеки, которые решают часть задач программиста — готовый код можно скачать с помощью пакетного менеджера, чтобы не писать его ещё раз.
Бандлеры или сборщики модулей (такие как Webpack или Parcel) нужны, чтобы собрать проект из декомпозированных «кусков» в готовый для продакшена файл.
Фреймворки
Фреймворки ускоряют разработку и предусматривают чётко структурированную организацию кода, повышая его качество.
Самыми популярными фреймворками для фронтенд-разработки можно назвать:
Лучше постараться хорошо изучить один фреймворк, но рекомендуем знать особенности и сферу применения их всех. Какой фреймворк выбрать? Сейчас наибольшей популярностью пользуется React. Причина в хорошей поддержке TypeScript, плюс он сбалансирован с точки зрения сложности и богатства функционала.
Согласно исследованию State of Frontend 2020, React использует больше людей, чем Angular и Vue.js вместе взятые, и React приобрёл такую прочную репутацию, что, вероятно, в ближайшем будущем уже никуда не денется.
Серверный рендеринг и статические генераторы
Серверный рендеринг — технология для рендеринга страниц на стороне сервера, которая позволяет уменьшить значение задержки к нулю. Страница рендерится на стороне сервера. На стороне клиента рендеринг не происходит.
Два наиболее популярных решения, обеспечивающих серверный рендеринг для React:
Тестирование приложений
Навыки или хотя бы понимание процесса тестирования будет большим преимуществом для начинающего фронтендера. С помощью тестирования можно избежать многих ошибок. Изучайте, что такое тестирование и какие виды бывают, учитесь писать модульные тесты, используя одну из библиотек для тестирования.
Типичный день frontend-разработчика
Наш друг-фронтендер рассказал, как примерно проходит его стандартный рабочий день.