Что такое JavaScript

JavaScript — это язык программирования, который браузер понимает и выполняет. Он делает страницы интерактивными: реагирует на клики, отправляет данные, меняет содержимое. HTML задаёт структуру, CSS — внешний вид, а JavaScript — поведение.

HTML создаёт скелет страницы: заголовки, параграфы, кнопки. CSS покрашивает этот скелет: цвета, шрифты, расположение. Но без JavaScript страница статична — ничего не происходит, когда вы нажимаете кнопку.

JavaScript добавляет поведение. Когда вы нажимаете кнопку и появляется выпадающее меню — это JavaScript. Когда форма проверяет, заполнены ли поля — это JavaScript. Когда корзина покупок обновляется — это тоже JavaScript.

Как JavaScript попадает в браузер:

• Браузер скачивает HTML-страницу
• Находит тег <script> — это указание: «здесь есть JavaScript»
• Скачивает и выполняет JavaScript-код
• Код работает с HTML-элементами и реагирует на действия пользователя

Представьте дом: HTML — это стены и перегородки, CSS — покраска и мебель, JavaScript — это электричество и кнопки, которые делают дом удобным для жизни.

**Самый простой:**

console.log('Привет, мир!');
// Выведет в консоль: Привет, мир!

console.log() — это функция, которая отправляет текст в консоль браузера. Это самый простой способ убедиться, что JavaScript работает.

**Простой:**

let name = 'Анна';
let age = 25;
console.log('Меня зовут ' + name + ', мне ' + age + ' лет');
// Выведет: Меня зовут Анна, мне 25 лет

JavaScript умеет работать с данными: сохранять их в переменные и комбинировать.

**Реальный пример:**

// Интерактивность — реакция на действие пользователя:
// В HTML: <button onclick="alert('Привет!')">Нажми меня</button>
// Когда вы кликаете на кнопку — появляется всплывающее окно.
// Это JavaScript реагирует на событие клика.

Вот зачем нужен JavaScript: страница перестаёт быть статичной и начинает реагировать на пользователя.

**Неправильно:** Думать, что JavaScript — это Java

**Почему:** Названия похожи, но это совершенно разные языки. JavaScript появился за 3 года до Java. Название — маркетинговый ход 1995 года.

**Правильно:** JavaScript и Java — разные языки. Не путайте их.

**Неправильно:** Путать порядок: CSS перед HTML

**Почему:** HTML создаёт структуру, CSS стилизует её. Без HTML нет чего стилизовать.

**Правильно:** Порядок: HTML (структура) → CSS (стили) → JavaScript (поведение).

• JavaScript — язык программирования для браузера
• HTML задаёт структуру, CSS — внешний вид, JavaScript — поведение
• console.log() — основной инструмент для вывода информации
• JavaScript выполняется в движке браузера (V8 в Chrome)
• Код выполняется сверху вниз, строка за строкой

Назад: Вы научились пользоваться DevTools (J0) — теперь вы будете писать код, который появляется в консоли.

Вперёд: Следующий урок (J2) знакомит с переменными — как хранить данные в JavaScript.

• MDN: JavaScript
• ECMAScript: спецификация языка