Що таке JavaScript?
JavaScript — мова програмування, яка виконується прямо в браузері й робить сторінки інтерактивними: реагує на кліки, надсилає запити до сервера, змінює вміст без перезавантаження. З появою Node.js нею пишуть і серверну частину.
HTML задає структуру сторінки, CSS — її зовнішній вигляд, а JavaScript відповідає за поведінку. Без нього сторінка залишається статичним документом: не відкриється меню, не надішлеться форма, не підвантажаться нові товари під час прокручування.
JavaScript — єдина мова, яку браузери виконують нативно, тому в нього немає альтернативи у фронтенді. Навколо нього виросла величезна екосистема: React, Vue та Angular для інтерфейсів, Node.js для серверів, інструменти збірки й тестування.
Де застосовується
JavaScript виконується в кожному браузері, тому без нього не обходиться жоден інтерактивний сайт: меню, слайдери, валідація форм, підвантаження даних без перезавантаження, кошик інтернет-магазину. Поверх мови працюють React, Vue і Angular, але під ними все одно лишається вона.
За межами браузера у мови не менше застосувань. На Node.js пишуть сервери й телеграм-ботів, на React Native — мобільні застосунки, у Google Apps Script — автоматизацію таблиць і пошти. Навіть аналітичні скрипти й теги в Google Tag Manager — це той самий JavaScript.
Приклад
Користувач вводить промокод і, не перезавантажуючи сторінку, бачить перерахунок суми замовлення. JavaScript перехоплює натискання, надсилає код на сервер, дочікується відповіді й оновлює цифру на екрані — разом із повідомленням про помилку, якщо код недійсний.
document.querySelector('#promo').addEventListener('submit', async (event) => {
event.preventDefault();
const code = event.target.code.value;
const res = await fetch(`/api/promo/${code}`);
if (!res.ok) return showError('Промокод не знайдено');
const { total } = await res.json();
document.querySelector('#total').textContent = total;
});Java і JavaScript — це різні мови
Попри схожі назви, спільного в них майже нічого немає: різний синтаксис, різні середовища виконання, різні задачі. Назва зʼявилася 1995 року як маркетинговий хід на хвилі популярності Java.
Часті запитання
Чи можна вивчити JavaScript без знання HTML і CSS?
Технічно так, але на практиці це незручно: код фронтенду майже завжди працює з елементами сторінки. Логічний порядок — спершу розмітка, потім стилі, потім мова. Тоді одразу зрозуміло, який елемент ви знаходите і що саме змінюєте.
Що таке асинхронність у JavaScript?
Спосіб виконувати довгі операції — запити до сервера, роботу з файлами — не зупиняючи решту коду. Поки відповідь не прийшла, сторінка продовжує реагувати на дії користувача. Записують це через проміси і конструкцію async/await.
Чим JavaScript відрізняється від TypeScript?
TypeScript — це та сама мова з доданою системою типів. Він не виконується у браузері напряму: компілятор перетворює його на звичайний JavaScript. Типи потрібні, щоб знаходити помилки до запуску, і особливо окупаються на великих довгоживучих проєктах.
Чи потрібен JavaScript, якщо одразу вчити React?
Обовʼязково потрібен. React — це бібліотека на JavaScript, і в компонентах ви постійно користуєтеся масивами, деструктуризацією, асинхронністю і модулями. Без цієї бази фреймворк сприймається як набір правил, які ламаються на першій нестандартній задачі.