← JavaScript Basic
Безкоштовний урок-прев'ю
Що таке JavaScript і де його використовують
JavaScript (JS) — мова програмування, що робить вебсторінки інтерактивними. Якщо HTML — це структура сторінки, CSS — її вигляд, то JS — це поведінка: кліки, валідація форм, анімації, динамічне підвантажування контенту без перезавантаження.
Де використовується
- У браузері — інтерактивні елементи на сайті
- На сервері — Node.js дозволяє писати backend на JS
- Мобільні застосунки — React Native, Ionic
- Десктоп — Electron (VS Code, Slack, Discord написані на ньому)
- AI та геймдев — TensorFlow.js, Phaser
JavaScript — №1 за поширеністю в опитуваннях StackOverflow понад 10 років поспіль.
Як JS працює у браузері
Браузер має вбудований JavaScript-двигун (V8 у Chrome, SpiderMonkey у Firefox), що читає твій код і одразу виконує його. Не потрібен окремий компілятор: пишемо й запускаємо.
<!DOCTYPE html>
<html>
<body>
<script>
console.log("Привіт! Я працюю в браузері");
</script>
</body>
</html>
Відкрий у браузері → натисни F12 → вкладка Console → побачиш повідомлення.
Версії JavaScript
Стандарт називається ECMAScript (скорочено ES):
- ES5 (2009) — базовий стандарт, працює всюди
- ES6 / ES2015 — революційне оновлення:
let,const, arrow-функції, класи, модулі - ES2020+ —
?.(optional chaining),??(nullish coalescing)
У цьому курсі ми вивчатимемо сучасний JavaScript (ES2015+) — без застарілого var та конструкцій із старих епох.
Тест: перевір себе
- Чим відрізняються ролі HTML, CSS і JavaScript у браузері?
- Назви три місця, де JavaScript використовується крім браузера.
- Який рік випуску ES6 і чому ця версія важлива?
- Як подивитися повідомлення з
console.log?
Відповіді
- HTML — структура сторінки (контент), CSS — вигляд (кольори, шрифти, розміри), JavaScript — поведінка (інтерактивність, реакція на дії користувача).
- Сервер (Node.js), мобільні застосунки (React Native, Ionic), десктоп (Electron), AI/ML (TensorFlow.js).
- ES6 випущено у 2015 році. Це була найбільша зміна стандарту: додалися
let/const, arrow-функції, класи, модулі, шаблонні рядки, деструктуризація — без яких сучасний JS неможливо уявити. F12→ вкладкаConsole.