Зайдите на любой современный форум разработчиков — кто-нибудь обязательно объявляет что-то устаревшим. jQuery устарел. PHP устарел. CSS устарел. Большинство этих заявлений ошибочны или стереотипны.
Эта статья не о них.
Представьте: два разработчика с одинаковым опытом. Один постоянно получает приглашения на собеседования, второго игнорируют.
Разница не в их способностях. А в том, какие компетенции они считают ценными.
Навыки, которые принято считать неактуальными (хотя это не так)
jQuery работает на более чем 75% всех веб-сайтов. W3Techs отслеживает это годами, и цифра почти не меняется.
WordPress работает на 43% всего интернета. Он работает на PHP.
Они не устаревают. Хватит переживать о них.
Список действительно устаревших навыков иной. И он гораздо ближе к реальности.
№5: Написание CSS полностью с нуля
Раньше это был ценный навык. Понимание каскада, специфичности и режимов раскладки. Разработчики годами совершенствовались в этом.
Но рабочий процесс изменился.
Tailwind теперь мейнстрим, а не предмет споров. CSS Modules управляют архитектурой, дизайн-токены — значениями. ИИ обрабатывает большую часть шаблонного кода.
Разработчик, который пишет только чистый CSS без овладения этими инструментами, редко упоминается в вакансиях.
Навык остался. Рабочий процесс, в котором он раньше был востребован, изменился.
№4: Кроссбраузерные CSS-хаки
Если вы изучали фронтенд до 2016 года, то эта проблема вам знакома. Вендорные префиксы. Условные комментарии. Ошибки раскладки, специфичные для IE. Это была узкая специализация.
Internet Explorer достиг конца своей поддержки в июне 2022 года.
Все основные браузеры теперь «вечнозеленые». Они обновляются автоматически. Инициатива Interop, совместный проект Apple, Google, Microsoft и Mozilla, ежегодно с 2021 года устраняет пробелы в совместимости.
Инструменты вроде Browserslist и autoprefixer обрабатывают то, что осталось, автоматически.
Часы, потраченные на отладку схлопывания лэйаута в IE, просто исчезли как часть работы. Этот опыт больше не нужен.
№3: Создание UI-компонентов полностью с нуля
Раньше написание модального окна с нуля что-то значило. Фокус-треппинг, ARIA-атрибуты, навигация с клавиатуры, блокировка прокрутки. Это было действительно сложно.
Сейчас shadcn/ui, Radix UI и Headless UI решают эту проблему лучше, чем большинство разработчиков сделали бы это с нуля, включая аспекты доступности.
В большинстве современных команд создание модального окна или выбора даты с нуля без базовой библиотеки требует специального обоснования.
Теперь строка «создаю пользовательские UI-компоненты» в вашем резюме воспринимается как сигнал об устаревших компетенциях, а не как преимущество.
№2: Паттерны, специфичные для jQuery
Речь не о самом jQuery. А о специфичных для него паттернах.
$.ajax(). Цепочки отложенных объектов. Архитектура плагинов. Ментальная модель оборачивания всего в объект jQuery.
Fetch API заменил $.ajax() нативно. querySelector заменил jQuery-селекторы. Делегирование событий теперь работает нативно.
Разработчик, начинающий работать в новой компании сегодня, гораздо чаще попадет в кодовую базу на React или Vue, чем на jQuery.
Знать jQuery — неплохо. Другое дело — указывать его как основной навык в резюме, ориентированном на продуктовые компании.
№1: Ручная настройка Webpack и Babel
Годами умение настраивать Webpack с нуля было действительно востребованным навыком. Точки входа, загрузчики, плагины, расщепление кода и «встряхивание дерева». Считалось, что старший фронтенд-разработчик должен хорошо в этом разбираться.
Затем появился Vite. А Create React App был официально объявлен устаревшим.
Vite теперь используется по умолчанию в новых проектах на React, Vue и Svelte. Его настройки по умолчанию обрабатывают то, на что раньше требовались часы настройки Webpack.
Доскональное знание Webpack по-прежнему важно, если вы поддерживаете большую устаревшую кодовую базу. Но это не то, на чем начинающему разработчику нужно сосредоточиться.
Это окно возможностей закрылось.
Что пришло на смену устаревшим навыкам
Чем же заменяются навыки, ушедшие в прошлое?
- Самописный CSS — Tailwind, Design Tokens, стилизация с помощью ИИ.
- Кроссбраузерные хаки — вечнозеленые браузеры.
- Инициатива Interop — создание пользовательских компонентов с нуля, shadcn/ui, Radix, компоненты Headless UI.
- Специфичные для jQuery паттерны — Fetch API, нативный DOM, современный JS, ручная настройка Webpack, Vite, Turbopack, настройки по умолчанию без конфигурации.
Почему это вызывает дискомфорт
Эти навыки не были какими-то «уловками». В свое время они были единственно приемлемыми способами разработки.
В отрасли не принято официально объявлять об устаревании тех или иных навыков. Какое-то время технология является стандартной. Через несколько лет вакансии перестают упоминать о ней.
Такова природа работы, тесно связанной с браузером. Платформа постоянно развивается.
Единственное, что имеет значение
Фронтенд не становится сложнее для освоения.
Сложнее становиться быть по-прежнему востребованным, не адаптируясь к меняющимся условиям.
Успешные разработчики — не те, кто гонится за каждым новым фреймворком. Это те, кто замечает, что какая-то часть работы поглощается инструментарием, и соответствующим образом адаптируются к ситуации.
Умирающие технологии — не те, о которых все спорят.
Это те, которые незаметно перестали появляться в новых проектах, пока все были заняты спорами о jQuery.
Читайте также:
- 10 полезных библиотек для фронтенд-разработки
- Микрофронтенды: 9 шаблонов для каждого разработчика
- 10 полезных библиотек для фронтенд-разработки
Читайте нас в Telegram, VK и Дзен
Перевод статьи Usman Writes: The Frontend Skills That Are Actually Dying (Not the Ones You Think)
