Одним з найцікавіших трендів року стало зростання популярності «мінімалістичних» підходів до веброзробки. Загалом VoidZero прагне спростити та об’єднати процес розробки JavaScript-застосунків, пропонуючи єдиний високопродуктивний інструментарій для розробників, тому я буду тримати кулачки за них. Це був важливий крок, який прибрав основний бар’єр для імплементації Deno в реальних проєктах. Особливо приємно, що разом з рантаймом еволюціонує і вся екосистема Deno — Fresh, JSR, чи Deno Deploy, який став повноцінною альтернативою традиційним платформам розгортання. Також показова активність ком’юніті та навіть офіційного блогу Deno, який існує не просто «для галочки», а є джерелом дійсно цікавих статей, які регулярно потрапляють до щотижневого дайджесту. 2024 рік став знаковим для інструментів фронтенду і здається, визначив тренд для наступного року.

Сколько времени занимает обучение на фронтенд-разработчика?

Офіційна смерть IE в 2022 та перехід Microsoft Edge на Chromium став каталізатором важливих змін. Тепер замість чотирьох різних реалізацій кожної специфікації (Gecko, Blink, WebKit, EdgeHTML) потрібно підтримувати три, причому дві з них (Blink та WebKit) мають спільне коріння. Це значно спростило процес тестування та впровадження нових функцій. Firefox (Gecko) продовжує втрачати свої відсотки, тож почав активніше синхронізувати імплементацію стандартів з Chromium-based браузерами. Мене звати Олександр, і я займаюся фронтендом в компанії Zfort Group. Цього разу маю для вас не тільки дайджест, а ще й деякі думки щодо підсумків і трендів року, що минув, у екосистемі фронтенду.

Інші гравці: фокус на продуктивності

У той час як Bun продовжував вражати бенчмарками, але залишався експериментальним для більшості, Deno показав, що майбутнє веброзробки може бути не лише швидким, але й безпечним та зручним. Deno 2.0 став однією з найважливіших подій року для інфраструктури фронтенду. Замість гонитви за абстрактними показниками продуктивності команда Deno зосередилась на вирішенні реальних проблем розробників, нарешті додавши повноцінну підтримку npm-екосистеми та package.json. Хоча Bun 1.0 став помітним релізом у 2023 році, у 2024 він залишився експериментальним для багатьох команд, тоді як Node.js продовжує домінувати в продакшені. А це означає, що нарешті можна відмовлятися від розсипу JS-бібліотек і компонентів для спливаючих вікон і починати використовувати нативний елемент зі своїм API.

CSS: Brave New World. Прискорення еволюції — від десятиліть до місяців

Може варто задонатити, почати розмовляти українською або допомогти іншим? Пам’ять фронтенд робота не пасивна — це активна участь у спільній боротьбі за майбутнє. 2024 рік став для JavaScript-екосистеми роком пошуку балансу між інноваціями та стабільністю. Якщо у CSS ми спостерігали прискорення еволюції, то у світі JavaScript відбувалася більш виважена трансформація з фокусом на продуктивність та спрощення розробки.

• CSS вийшов на крейсерську швидкість імплементації нових стандартів, здобуваючи потужні можливості з кожним апдейтом браузерів.
• Це значно спростило процес тестування та впровадження нових функцій.
• На ViteConf цього року був продемонстрований графік зростання популярності, який дійсно вражає.
• Особливо важливо відзначити тенденцію до «розумної» оптимізації на рівні інструментів розробки.

Середня зарплата Front-end розробника

AI від Google суттєво покращився за останні місяці й схоже, що в 2025 це буде дісно топ. Гадаю, тут багато хто мав справу з GitHub Copilot і розуміє можливості цього інструменту. Але Microsoft Copilot, який Microsoft намагається інтегрувати в свою екосистему вже набір персоналу більше року, це щось.

Повернення до основ: Web Components та HTMX

• Намагатися підбити висновки року для фронтендерів — це дійсно завдання із зірочкою.
• Я вже друге десятиріччя слідкую за такими персоналіями в вебі і не міг не запитати AI з цього приводу.
• Якщо ви відкриєте офіційну сторінку htmx в X, то побачите нескінченний потік сарказму та мемів.
• Закінчити цей розділ хочу проєктом, який має повпливати на екосистему фронтенду у наступні роки.
• Playwright представив вдосконалену систему запису тестів, а Cypress додав підтримку мультибраузерного тестування в реальному часі.

Я вже друге десятиріччя слідкую за такими персоналіями в вебі і не міг не запитати AI з цього приводу. Було цікаво, чи зв’яже він контексти без додаткових підказок. Найкраще вийшло у Claude, а Gemini та Copilot максимально провалилися. Будь-який огляд подій 2024 року у фронтенді неминуче буде суб’єктивним та неповним, тому одразу після прочитання статті запрошую в секцію з коментарями. Я ж в свою чергу хочу поділитися своїм поглядом на тенденції у світі фронтенду, за якими я спостерігав протягом останнього року, в тому числі готуючи щотижневі фронтенд-дайджести для ДОУ.

Ці вакансії за містами

Vite 5.0 був справжнім проривом рік тому, завдавши тренд на 2024-й, а свіжий реліз 6.0 ще раз підтвердив серйозність намірів. На ViteConf цього року був продемонстрований графік зростання https://wizardsdev.com/ популярності, який дійсно вражає. Мій персональний фаворит серед безкоштовних версій розумних чатів в контексті розв’язування поточних фронтендерських задач цього року — Claude від Anthropic.

Средняя зарплата front-end программиста

Claude цього разу зазначив, що не має актуальних даних щодо новин, що відбулися в жовтні. ChatGPT видав непоганий шмат знань з посиланнями, але деякі з них були не робочі. Gemini ж цього разу показав себе найкраще, вивівши і новину, і аналіз події та передбачення на майбутнє.

• Claude цього разу зазначив, що не має актуальних даних щодо новин, що відбулися в жовтні.
• Пам’ятаю доволі значний проміжок року, коли розділ «React» в щотижневних дайджестах скадався з суцільного потоку статей про серверні компоненти.
• Але краще за усіх сказав Nolan Lawson в статті «Web components are okay».
• Якщо є можливість виконати задачу без фреймворків або JS взагалі — я обираю саме цей шлях.
• Особливо приємно, що разом з рантаймом еволюціонує і вся екосистема Deno — Fresh, JSR, чи Deno Deploy, який став повноцінною альтернативою традиційним платформам розгортання.

Мультивсесвіт фронтенду настільки різноманітний і багатогранний, що для кожного FE-розробника він виглядає по-своєму. Навіть сам термін «фронтенд-розробка» зараз охоплює настільки широкий спектр технологій та підходів, що часом складно провести чітку межу між фронтендом та іншими областями розробки. Щодо інструментів стандартизації не можна не згадати вдалий реліз Biome півроку тому, який дозволяє забути про eslint, prettier i зоопарк їхніх плагінів. Особливо важливо відзначити тенденцію до «розумної» оптимізації на рівні інструментів розробки. Замість того, щоб перекладати відповідальність за продуктивність на розробників, сучасні фреймворки та компілятори беруть цю роботу на себе, дозволяючи розробникам зосередитися на бізнес-логіці та UX. До речі, доволі показові відповіді різних AI-чатів на питання, що вони знають про VoidZero.