5 варіантів практичного застосування JavaScript

08.04.20.⏰3 хв

Найвідоміше застосування JavaScript у веб розробці. Найчастіше до JS вдаються, коли потрібно додати динамічності на сайт або зробити браузерний додаток, але це далеко не всі його можливості. Детальніша характеристика мови та областей застосування у статті.

Коротка характеристика

🔸прототипний стиль програмування (замість класів і спадкування — прототипи і клонування);
🔸слабка динамічна типізація;
🔸функції як об'єкти першого класу (тобто їх можна створювати прямо під час виконання програм).

Області застосування JavaScript

Динамічні веб сторінки

Підказки, рухомі картинки, анімації — це все може зробити JavaScript. JS-код вбудований у веб сторінку і, коли користувач відкриває її, скрипт виконується одразу в браузері. Без JavaScript, майже, неможливо створити повноцінний сайт. Додайте до JS знання HTML, CSS і Ви отримаєте непоганий набір навичок для початківця фронтенд розробника. Для повноти картини варто освоїти декілька популярних фреймворків: наприклад React, Svelte, Vue.js.

Веб додатки та ігри

Для прикладу, Google Maps і веб клієнт Gmail використовують JavaScript. А якщо Ви хочете написати гру — візьміть JS, HTML5, одну з готових бібліотек (скажімо, EaselJS або PixiJS) і створіть свою браузерну бродилку, «три в ряд» або те, що зараз популярне.

Розширення для браузера

Оскільки JavaScript виконує код в браузері, це ідеальний вибір для створення браузерних розширень. Напишіть свій переглядач пошти або, наприклад, лічильник активності, який буде відстежувати скільки часу Ви провели за роботою, а скільки за переглядом соцмереж.

Серверні додатки

Так, на JavaScript спокійно можна написати веб сервер. Але якщо в браузері у JS практично немає конкурентів, то у світі бекенд йому доводиться змагатися з іншими мовами: PHP, Python та іншими. Головна перевага JavaScript у цій битві — можливість розробляти клієнтську та серверну частини на одній і тій же мові. Щоб писати бекенд на JavaScript, зазвичай використовується Node.js — він дозволяє виконувати JS-код поза браузером.

Десктоп

JavaScript підходить також для створення настільних додатків. GitHub поєднав Node.js та движок рендеринга Chromium, розробивши таким чином фреймворк Electron, на якому можна писати крос платформні десктопні проєкти. Наприклад, GitHub Desktop, Visual Studio Code, Skype, WordPress Desktop.

У Electron є аналог — NW.js, який в основному використовується для створення настільних версій сайтів та ігор.