Тренды frontend-разработки в 2021 году

Дмитрий Лазарев

заместитель генерального директора ювелирного гипермаркета SUNLIGHT по информационным технологиям и операциям

В 2021 году одних только знаний HTML + CSS + jQuery уже не достаточно, чтобы делать соответствующие пользовательским ожиданиям frontend-приложения, так как это уже не просто верстка.

Именно поэтому подавляющее большинство средних и крупных проектов используют ReactJS, Angular или Vue.js, и доля использования этих фреймворков/библиотек растет. Также из-за возросших требований пользователей к своему онлайн-опыту, разработчики все чаще предпочитают TypeScript (наглядная статистика приведена в отчете The Software House), особенно когда речь идет про более-менее большие проекты (на мелких проектах использование TypeScript может привести к лишним накладным расходам на поддержание проекта, а также может не хватить квалификации разработчиков для качественной реализации). Связано это с тем, что TypeScript, как язык со статической типизацией, повышает надежность и расширяемость кода, а также позволяет быстрее видеть ошибки (подсветка синтаксиса в IDE и на этапе компиляции, а не только в браузере), что ускоряет разработку и снижает вероятность появления багов.

Сейчас важнейший тренд во frontend-разработке — упор на мобильные версии сайтов в связи с ростом доли мобильного трафика относительно десктопа. Это значит, что прототипирование, дизайн и разработка фронтенд приложения начинается с мобильной версии, так как отсутствие нормальной версии для мобильного устройства неизбежно ведет к негативу со стороны пользователя. Дальнейшее распространение получают технологии PWA и SPA, но говорить, что это стало трендом и безусловно надо туда «бежать», пока рано. Также важно обращать внимание на скорость загрузки страниц сайта, заниматься оптимизацией этого параметра используя такие сервисы, как PageSpeed Insights. Быстрый сайт это уже не «хотелка», а неизбежное требование в 2021 году; без адекватной скорости загрузки про рост показателей проекта можно забыть.

Активное развитие и рост мобильных приложений неизбежно ведут к повышению требований у пользователей к мобильным версиям сайта, так как удобство использования мобильных приложений выше. Это приводит к тому, что некоторые понятные и простые вещи для мобильных приложений приходится большими усилиями повторять на мобильных версиях в угоду покупательскому опыту. Решением этой проблемы могут стать развивающиеся фреймворки Flutter и React Native. Если ранее эти фреймворки задумывались в основном для быстрой кроссплатформенной разработки в первую очередь для мобильных приложений, то сейчас они не только позволяют получать сопоставимые по качеству frontend-приложения, но и сократить время на разработку. Важно отметить, что возрастает сложность проекта и требования к frontend-разработчикам: уходит эра «красивых» дизайнов, а подавляющее большинство сайтов разрабатывается в угоду роста конверсии с упором на продуманный и понятный интерфейс.

Если вы начинающий frontend-разработчик или только думаете выбрать это направление разработки, то очень важно понимать текущие тренды на рынке, чтобы грамотно стартовать свой карьерный и профессиональный путь. Стартовать следует с базы. Основы – HTML и CSS, то есть верстка и стили – доведите их до совершенства, чтобы вы могли сверстать любой проект без интерактива. Особый упор сделайте на адаптивные страницы или научитесь делать отдельные страницы для десктопа и для мобильной версии. Долго останавливаться на jQuery сейчас уже не имеет смысла, лучше сразу определиться с 1-2 фреймворками (например, vue.js/react) и начать изучать их максимально подробно. Также важно изучить TypeScript, так как все больше и больше проектов начинают его использовать.

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