Тренды веб-разработки в 2022 простыми словами

Самое важное — отказ от поддержки старых браузеров в 2021. Убили IE, поэтому разработчикам станет проще использовать классные технологии. Гриды (83%) и флексы (99%) захватили всё.

TypeScript есть в 70% вакансий для мидлов. Мнение — 2022 будет годом TypeScript. 

Что новенького

Container Queries — переосмысление подхода к медиавыражениям. Если медиавыражение зависит от размера экрана, то Container Queries опирается на размер блока. Ждём.

Иллюстрация — Ahmad Shadeed, Say Hello To CSS Container Queries
Иллюстрация — Ahmad Shadeed, Say Hello To CSS Container Queries

Cascade layers. С ними мы можем лучше управлять всеми слоями отрисовки на сайте. Это самое большое изменение в CSS со времён флексов и гридов. Ещё чуть-чуть.

Иллюстрация — Cascade Layers. CSS Tricks
Иллюстрация — Cascade Layers. CSS Tricks

Color functions. Удобно при работе в связке с дизайнером или без UI Kit. 

Иллюстрация — CSS in 2022. Bram.US
Иллюстрация — CSS in 2022. Bram.US

Псевдоэлемент :has. Позволяет менять CSS в зависимости от того, находится ли в элементе что-то. Маленькая, но очень приятная вещь. Уже почти.

Иллюстрация — CSS in 2022. Bram.US
Иллюстрация — CSS in 2022. Bram.US

Flexbox Gap. Отступы между колонками делаются не через margin, а промежутками с определенным расстоянием. Это уже не тренд, а стандарт.

Иллюстрация — MDN
Иллюстрация — MDN

Что ещё. Пришли object-fit и aspect-ratio. CSS Shapes дошли до реализации. Появились автораскладки в Фигме — следствие доминирования гридов. Из препроцессоров применяют в основном Sass, на всё остальное осторожно посматривают. 

Иллюстрация — State of CSS 2021
Иллюстрация — State of CSS 2021

Инструменты регулярно меняются и в этом нет ничего плохого. Тройка браузеров не меняется.

Критерии качества вёрстки от Академии актуальны и в 2022 — сразу понятно, как проверить, хороший ли вы верстальщик. Обсудили всё с сообществом — в сообществе рады.

Что нужно уметь

Мнение Алексея Симоненко — не стоит гнаться за ростом технологий. Лучше учить то, что нужно сейчас на рынке. Академия составила карту компетенций разработчика на 2022 с разбивкой по рейдам. Если коротко, то вот то, что нужно знать джунам и мидлам.

Джуны: синтаксис и основы HTML, CSS и JS, семантика, доступность, флексы и гриды, работа со шрифтами, препроцессоры Sass и PostCSS, БЭМ, Bootstrap, React или Vue, вёрстка под React (JSX, CSS-in-JS).

Мидлы: всё, что у джунов + TypeScript, Next.js, Redux, Mobx, Unit-тесты, RestAPI, Angular (которого вообще нет в вакансиях для джунов), WebSockets, GraphQL, Vuex, Nuxt.js, CSS-in-JS, Webpack, CI/CD, Docker, Gulp, алгоритмы и структуры данных, знакомство с ООП, паттерны MVC.

jQuery и Less — только для легаси.

(нет)
(нет)

Что с работой

Разработчиков всем не хватает (даже джунов). Мидлы уезжают из-за пандемии, такое на 3-4 года. Компании из Москвы ищут в регионах удалёнщиков, поэтому там тоже растут зарплаты. 70% компаний требуют английский язык. Почти вся документация на английском — видимо, поэтому. Продуктовые компании пылесосят аутсорсеров на зарплату х2 (источник?). У не IT-компаний появились IT-отделы — тоже тренд. В 1С платят мало. Стоп, что?

Стартовые зарплаты джунов не растут два года, но им стоит смотреть не на стартовую зарплату, а на перспективу (потому что индексируют быстро). У мидлов зарплаты подросли — средняя по JS 115 тыс. Синьоры стали дороже — 180-230 тыс. 

Комментарии чужих прогнозов короткой строкой

  • Реакт будет расти. Конкурентов особо нет.

  • Нужно учить Реакт, потому что у него самый большой рынок. Если все перейдут на Vue.js, то и мы потом тоже.

  • Нейросети и No-code (тильда и вот это всё) никогда не заменят разработчиков целиком, потому что часто нужен разработчик, чтобы сделать хороший ноукод. Ноукод займёт нишу в сайтах, которыми и без того не хотят заниматься — одноразовые лендинги, маленькие интернет-магазины и сайты-визитки.

  • ГОСТ для разработчиков вряд ли хорошая идея, потому что всё равно все постоянно переписывают чужой код с нуля на другом фреймворке. Но критерии качества — норм, если их правильно использовать.

  • Доступность всё ещё важна. «Партизанская доступность» во время разработки обычно делается стандартными средствами — семантика, правильная расстановка атрибутов, alt-текст, не убираем outline, tab index. Продвинутая доступность — по требованию заказчика и за неё нужно доплачивать.

  • Будет ли расти спрос на фронтендеров. Будет.

  • Фокусировка на безопасности скорее всего случится, но вряд ли 2022 будет годом безопасности.

  • Фреймворк Remix вроде всем понравился. Посмотрим, как пойдёт. 

  • Дизайн-системы — большой тренд. 

  • 43% считают, что CSS тяжело изучить (я согласен — прим. ред)

С чего мы это взяли

Это была расшифровка лайва HTML Academy про тренды. Полная версия на Ютубе, там про всё гораздо подробнее.

Читайте так же:

  • Инженеры создали робощупальце без привода, которое способно изгибаться в любом направленииИнженеры создали робощупальце без привода, которое способно изгибаться в любом направлении Ученые Университета Огайо и Технологического института Джорджии разработали роботизированную систему, которая работает без мотора. Устройство выглядит как щупальце осьминога, да и двигается похожим образом. В исследовании, опубликованном в журнале Proceedings of the National Academy of […]
  • [Перевод] Лучшие книги по Apache Kafka[Перевод] Лучшие книги по Apache Kafka Автор: Джон Л. Уотсон (John L. Watson)ОригиналApache Kafka вполне законно ассоциируется у нас с событийно-ориентированной архитектурой, большими данными, а еще с микросервисами, от которых сейчас все без ума. Это гибкая платформа с широкими возможностями, поэтому она […]
  • Go и MySQL: настраиваем пул соединенийGo и MySQL: настраиваем пул соединений Каждый день мы пишем код в условиях высоких нагрузок, и нередко в таких случаях сталкиваемся с проблемами, связанными с базой данных. Мы в компании используем MySQL, поэтому я расскажу про конфигурирование соединений с этой базой данных. Пройдемся по основным моментам, на которые нужно […]
  • Mente et malleo — история геологии и палеонтологии от античности до середины XIX векаMente et malleo — история геологии и палеонтологии от античности до середины XIX века Автор сообщества Фанерозой: врач Артемий Липилин.Дополнил и отредактировал статью биолог, вдохновитель Фанерозоя, Ефимов Самир.Не соответствует тематике Хабра! Низкий технический уровень материала!Просим всех людей, кто считает, что Хабр только для для тех кто пишет статьи о программах, […]