Та й в межах програмування на телефоні роботи з цією статтею він показав себе краще за своїх конкурентів. Єдина проблема — це база знань, яка обмежена весною 2024. На друге місце я ставлю ChatGPT, який демонстрував стабільний результат цього року. Свою роботу ця робоча конячка робила, але, зазвичай, далеко не з першого разу. Web Components нарешті отримали достатню підтримку браузерів для серйозного використання.
JavaScript-екосистема: рік консолідації та оптимізації
Одним з найцікавіших трендів року стало зростання популярності «мінімалістичних» підходів до веброзробки. Загалом VoidZero прагне спростити та об’єднати процес розробки JavaScript-застосунків, пропонуючи єдиний високопродуктивний інструментарій для розробників, тому я буду тримати кулачки за них. Це був важливий крок, який прибрав основний бар’єр для імплементації Deno в реальних проєктах. Особливо приємно, що разом з рантаймом еволюціонує і вся екосистема Deno — Fresh, JSR, чи Deno Deploy, який став повноцінною альтернативою традиційним платформам розгортання. Також показова активність ком’юніті та навіть офіційного блогу Deno, який існує не просто «для галочки», а є джерелом дійсно цікавих статей, які регулярно потрапляють до щотижневого дайджесту. 2024 рік став знаковим для інструментів фронтенду і здається, визначив тренд для наступного року.
Висновки: шлях до зрілості
Закінчити цей розділ хочу проєктом, який має повпливати на екосистему фронтенду у наступні роки. VoidZero обіцяє революціонізувати розробку на JavaScript. Нова компанія, заснована Еваном Ю, творцем Vue.js та Vite, вже отримала $4,6 мільйона початкового фінансування. Мета VoidZero — створити відкритий інструментарій, який охоплює всі етапи розробки JavaScript-застосунків, включно з парсингом, форматуванням, лінтингом, бандлінгом, мініфікацією та тестуванням. Ба більше, в State of Frontend 2024 в розділі Building Tools Vite показав безпрецедентне співвідношення used/liked, що само по собі https://wizardsdev.com/ вже показово. Я досі пам’ятаю верстку під IE 5.5 і цей біль трохи іншого рівня.
Frontend Репетитор/ментор HTML, CSS, JavaScript, React.js,TypeScript
Мабуть, єдиною причиною використовувати CSS-препроцесори на сьогодні залишається відсутність нативних міксинів. Олександре, цікаво почути два-три приклади «створення реальних робочих рішень з нуля» з вашого досвіду. Solid.js та Qwik продовжили демонструвати, що можливо створити сучасний фреймворк з вражаючою продуктивністю «з коробки». Особливо цікавим є їхній підхід до оптимізації первинного завантаження та гідратації. Якщо ви відкриєте офіційну сторінку htmx в X, то побачите нескінченний потік сарказму та мемів. Квітневий реліз Bun 1.1 приніс декілька корисних апдейтів, включно з «Windows Support».
- Хоча Bun 1.0 став помітним релізом у 2023 році, у 2024 він залишився експериментальним для багатьох команд, тоді як Node.js продовжує домінувати в продакшені.
- Одним з найцікавіших трендів року стало зростання популярності «мінімалістичних» підходів до веброзробки.
- Замість гонитви за абстрактними показниками продуктивності команда Deno зосередилась на вирішенні реальних проблем розробників, нарешті додавши повноцінну підтримку npm-екосистеми та package.json.
- З’являється все більше бібліотек та інструментів, оптимізованих саме під цей фреймворк, що робить його все більш привабливим для серйозних завдань.
Підписатись на коментарі
- Firefox (Gecko) продовжує втрачати свої відсотки, тож почав активніше синхронізувати імплементацію стандартів з Chromium-based браузерами.
- Мене звати Олександр, і я займаюся фронтендом в компанії Zfort Group.
- Gemini ж цього разу показав себе найкраще, вивівши і новину, і аналіз події та передбачення на майбутнє.
- Qwik, Astro, Next.js, Nuxt, SvelteKit та багато інших тепер пропонують вбудовану підтримку Tailwind прямо з коробки.
- Web Components нарешті отримали достатню підтримку браузерів для серйозного використання.
- Але Microsoft Copilot, який Microsoft намагається інтегрувати в свою екосистему вже більше року, це щось.
Наприклад, рівно два роки тому в блогах розробників chrome та webkit з’явилися пропозиції та голосування щодо вибору синтаксису для нативного CSS Nesting. Вже через рік «інтернет вибухнув» розсипом статей на тему «CSS Nesting is Here». Сьогодні nesting підтримується усіма браузерами, і якщо ви ще не знайомі з фінальним синтаксисом, рекомендую одну з найкращих статей з цього приводу. Намагатися підбити висновки року для фронтендерів — це дійсно завдання із зірочкою.
- Олександре, цікаво почути два-три приклади «створення реальних робочих рішень з нуля» з вашого досвіду.
- Щодо інструментів стандартизації не можна не згадати вдалий реліз Biome півроку тому, який дозволяє забути про eslint, prettier i зоопарк їхніх плагінів.
- Якщо у CSS ми спостерігали прискорення еволюції, то у світі JavaScript відбувалася більш виважена трансформація з фокусом на продуктивність та спрощення розробки.
- Тепер замість чотирьох різних реалізацій кожної специфікації (Gecko, Blink, WebKit, EdgeHTML) потрібно підтримувати три, причому дві з них (Blink та WebKit) мають спільне коріння.
- Особливо цікавим є їхній підхід до оптимізації первинного завантаження та гідратації.
- Його підхід «JavaScript за необхідності» виявився дуже привабливим для таких, де пріоритетом є простота підтримки та швидкість розробки.
Підсумовуючи рік, можна відзначити, фронтенд робота що фронтенд входить у нову еру зрілості й продовжує еволюціонувати з акцентом на продуктивність та простоту. CSS вийшов на крейсерську швидкість імплементації нових стандартів, здобуваючи потужні можливості з кожним апдейтом браузерів. JavaScript-екосистема почала рух від фрагментації до консолідації, де різні інструменти та фреймворки знаходять свої чіткі ніші та вчаться ефективно взаємодіяти один з одним. Playwright і Cypress продовжили конкурувати за звання найкращого інструменту для E2E-тестування.
Средняя зарплата front-end программиста
При чому я маю на увазі не тільки і не стільки рефакторинг поточного коду в межах IDE, скільки створення реальних робочих рішень з нуля. Server Components, які стабілізувались у 2024 разом з React 19 та Next.js 15, стали, мабуть, найбільш обговорюваною подією року в цій підмножині фронтенду. Пам’ятаю доволі значний проміжок року, коли розділ «React» в щотижневних дайджестах скадався з суцільного потоку статей про серверні компоненти. Проте, на відміну від попередніх великих оновлень React, цього разу спільнота зустріла зміни з певною обережністю. Server Components запропонували дійсно інноваційний підхід до оптимізації, але ціною значного ускладнення ментальної моделі фреймворку, що створює нові виклики для розробників. Мабуть, React цього року був одним із небагатьох елементів в екосистемі JS, які обрали такий шлях розвитку.
AI у фронтенді: від хайпу до практики
Цікаво спостерігати, як «старші» технології можуть не просто відроджуватися, а й задавати нові тренди. Angular, який дехто вже списав з рахунків, продемонстрував, як традиційний enterprise-фреймворк може адаптуватися до сучасних вимог веброзробки. Впровадження сигналів в Angular запропонувало простішу та інтуїтивнішу модель реактивності, яка при цьому забезпечує кращу продуктивність. Angular 18 та 19, що вийшли протягом цього року, стабілізували сигнали та додали корисних фіч типу інкрементальної гідрації та standalone-компонентів.