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, який в основному використовується для створення настільних версій сайтів та ігор.