8-25-2022

Тренди програмування HTML, CSS і JS 2022

І знову привіт!

Мене звуть Олександра Стеценко, я операційний директор Wezom Академії. І сьогодні я хочу поговорити з вами про тренди програмування у 2022 році та в найближчому майбутньому. Будь-який веб-розробник вам скаже, що тенденції у вебі змінюються дуже швидко. Не встигаєте ви отримати нові знання і навчитися, навчитися використовувати їх на практиці, аж тут вони застарівають і потрібно оновлювати свою «базу знань».

До речі, швидка зміна трендів програмування може доставити багато клопотів для тих, хто обирає самостійне навчання веб-розробці. В інтернеті величезна кількість відверто застарілої інформації. І дехто через незнання витрачає свій час та сили на вивчення того, що вже фактично нікому не потрібне. Тому зараз поговоримо про те, що актуально сьогодні і буде актуально в найближчому майбутньому.

Почнемо з головного: популярних мов програмування

Щоб не бути голослівними, звернемось до GitHub. А точніше — до результатів щорічного звіту Octoverse, в якому компанія публікує ТОП мов програмування. Результатів за 2022 рік ще немає, проте статистика 2021 року досить показова:

Як бачимо, трійка лідерів залишається незмінною вже багато років. Це JavaScript, Python та Java. Водночас маємо досить сильну «просадку» PHP, C++ і особливо Ruby, котрий після 2015 року почав стрімко втрачати популярність. А TypeScript навпаки почав набирати оберти після 2017 року і впевнено підійшов до ТОП-3.

Зверніть увагу! Дані звіту Octoverse надають інформацію саме по GitHub, а не в цілому по вебу. Тому картинку не можна назвати на 100% обʼєктивною. Та враховуючи, що на GitHub, зараз 73 мільйони розробників, з яких 16 мільйонів приєдналися протягом 2021 року, все ж можемо говорити про певну обʼєктивність.

Загальні тренди веб-розробки та тенденції IT-сфери

Отже, давайте без зайвих слів коротко «пробіжимося» по найбільш ймовірних трендах на найближчі кілька років!

1. React (JavaScript-бібліотека) буде рости. Тут фактично без варіантів, тому що реально серйозних конкурентів у нього поки що немає.
2. Вірогідно, буде зростати популярність і Vue.js, але не такими швидкими темпами, як React.
3. Нейромережі та No-code (конструктори сайтів) не зможуть замінити веб-розробників. Звісно, No-code буде розширюватися і покривати собою певні ніші. З його допомогою вже зараз можна зробити непоганий лендінг, невеликий онлайн-магазин чи сайт-візитку. Але для серйозних проєктів він не підійде.
4. Попит на фронтендерів продовжить зростати. Незважаючи на те, що джунів у фронтенді досить багато, їх охоче беруть в штат для подальшого навчання та розвитку. Тому фронтенд — все ще пріоритетний напрямок для новачків у веб-розробці.
5. Доступність сайтів залишиться важливим трендом. А значить, робота з семантикою, розстановка атрибутів, alt-тексту і таке інше не втрачають актуальності.
6. Фокусування на безпеці збільшиться, проте навряд чи 2022-2023 роки стануть «роками безпеки». Але будемо слідкувати, все може дуже швидко змінитися.
7. Буде зростати попит на комплексні дизайн-системи. Ми спостерігаємо цей тренд вже зараз, а надалі він буде тільки розширюватися.
8. Критерії якості веб-розробки стануть більш жорсткими. І це правильний тренд, адже ніхто не хоче переписувати код за попереднім розробником, виправляючи очевидні помилки на недопрацювання.
9. Можливо, в тренди вийде фреймворк Remix. Розробники прийняли його досить позитивно, тому радимо слідкувати за Remix-ом і не відкидати його.

Зауважимо, що заробітна плата junior-розробників за останні 2-3 роки виросла несильно. Тому тут варто дивитися не на стартову ЗП, а на перспективу. Тому що в IT індексація зарплати — процес досить швидкий. А для мідлів та сеньйорів цифри будуть набагато приємнішими.

Щодо затребуваності веб-розробників, тут все добре. Дефіцит кадрів зберігається. Навіть впевнений джун без проблем знайде роботу. Віддалено — так точно. А за мідлів та сеньйорів компанії готові серйозно боротися і переманювати спеціалістів в тому числі гривнею. Тому з пошуком роботи складнощів не буде й надалі.

Чи варто вивчати JavaScript і який фреймворк вибрати

Як ми вже зазначили вище, JavaScript — одна з найбільш популярних мов програмування. Тому питання, чи варто вивчати JavaScript, не зовсім коректне. Однозначно варто! Це відносно проста, ефективна та універсальна мова, з якої починає більшість розробників. Тому так, JavaScript в тренді. І буде в тренді ще дуже довго.

Але мова програмування — це одне, а фреймворки, які спрощують роботу з кодом, — дещо інше. І саме тут у багатьох виникають питання. Фреймворків багато — який варто обрати?

Якби нас попросили вибрати лише один фреймворк для JS, це однозначно був би React!

React — це JavaScript бібліотека з відкритим вихідним кодом, котра використовується в першу чергу для створення користувацьких інтерфейсів. Для кращого розуміння: саме React використовують Facebook, Instagram та WhatsApp.

Сильні сторони React.js:

• досить легке обʼєднання JavaScript та HTML;
• простота розробки динамічних веб-додатків;
• нескладне налагодження;
• активне і велике комʼюніті.

Крім React також радимо звернути увагу на інші фреймворки:

1. Angular — фреймворк для інтеграції JavaScript з HTML та CSS. На сьогоднішній день на цьому фреймворку побудовано близько 400 тисяч сайтів. Його в тому числі використовують Google, Microsoft і YouTube.
2. Svelte — доволі популярний фреймворк, створений на TypeScript. Основна особливість його — компілювання проєктів в JavaScript безпосередньо в процесі збирання, а не виконання. Це суттєво пришвидшує розробку.
3. Vue.js — ще один популярний фреймворк, котрий у 2020 році став фаворитом GitHub, навіть обійшовши Angular і React. Та й зараз інтерес до Vue продовжує зростати, тому обов’язково зверніть на нього увагу.

Додамо до цього списку ще Aurelia, Backbone.js, Ember.js, Express.js, Meteor та Next.js. Вони у більшості своїй більш вузьконаправлені і не такі універсальні, як той же React і Vue, проте знати про них варто. А в ідеалі — ще й вміти правильно використовувати.

Список необхідних навичок для того, щоб стати затребуваним розробником

Тренди трендами, але що потрібно від веб-розробника, щоб бути спеціалістом, котрого охоче візьмуть на роботу? Тут насправді особливих змін за останній час не відбулося, та й навряд чи вони відбудуться найближчими роками.

Що повинен знати та вміти Junior-розробник

Основи та синтаксис HTML, CSS та JavaScript, семантика, доступність, флекси та гріди, робота зі шрифтами, препроцесори Sass та PostCSS, методологія БЕМ, Бутстрап, React або Vue.js, верстка під React.

Що повинен знати та вміти Middle-розробник

Все вищезазначене плюс TypeScript, Next.js, Redux, Mobx, Unit-тесты, RestAPI, Angular, WebSockets, GraphQL, Vuex, Nuxt, CSS-in-JS, Webpack, CI/CD, Docker, Gulp, алгоритми та структури даних, патерни MVS.

Чи важко стати розробником у 2022-2023 році?

Минулого року компанія State of the Developer Nation опублікувала результати досліджень веб-розробки, в яких зазначила що в світі 26,8 мільйонів розробників тільки програмного забезпечення. А до 2030 року їх кількість зросте до 45 мільйонів. У веб-розробці в принципі ситуація ідентична. Кількість розробників зростає. Разом з тим зростає конкуренція і найголовніше — вимоги до спеціалістів.

Не відкрию Америку, якщо скажу, що розробник-початківець у 2000 році і в 2022 році — це спеціалісти абсолютно різного рівня. Двадцять років тому елементарних знань верстки було достатньо, щоб бути затребуваним робітником та отримувати кількатисячну заробітну плату в доларах. Зараз же зі знанням тільки HTML та CSS в кращому випадку можна знаходити невеликі дешеві замовлення на фрілансі. Щоб зацікавити роботодавця, сьогодні потрібно окрім HTML та CSS хоча б на початковому рівні працювати з JavaScript та орієнтуватися як мінімум в одному з популярних фреймворків.

То чи важко стати розробником зараз?

Немає однозначної відповіді. З одного боку, вчити треба значно більше, ніж раніше. А практикуватися доведеться постійно, щоб відточувати навички та швидко підлаштовуватися під нові тренди програмування. З іншого боку, зараз є величезна кількість курсів, онлайн-марафонів, лекцій, форумів і просто інформації в інтернеті, котра доступна всім бажаючим. Бери і навчайся!

Почніть з базису: HTML, CSS та JavaScript. Цього достатньо, щоб почати працювати. А найголовніше — у вас зʼявиться чітке розуміння, куди рухатися далі та що вивчати, щоб стати ще кращим спеціалістом.

Будьте готові, що шлях не буде простим. Ви будете робити помилки — всі їх роблять. Іноді руки просто будуть опускатися, а в голові час від часу зʼявлятиметься думка «Можливо це не моє…». Відганяйте її. Памʼятайте, задля чого ви почали вчитися. І не сумнівайтеся, що досягнете мети. А потім, оглядаючись назад, зрозумієте, що все виявилось не так вже й складно.

Бажаю вам успіхів!