Ты каждый день используешь JavaScript — когда листаешь ленту Instagram, отправляешь сообщение в Telegram или кладёшь товар в корзину на Wildberries. Каждое из этих действий обрабатывает JS-код прямо в твоём браузере.
HTML создаёт структуру страницы, CSS делает её красивой. Но без JavaScript страница мёртвая — она не реагирует на действия пользователя. JavaScript — это то, что делает веб живым и интерактивным.
Если HTML — это скелет сайта, CSS — внешний вид, то JavaScript — это мозг, который думает и реагирует.
Прямо в браузере. Когда ты открываешь сайт, браузер скачивает JS и запускает его на твоём компьютере. Никакой установки, никакого компилятора — открыл консоль браузера (F12) и уже можешь писать код.
Открой любую страницу в браузере, нажми F12, перейди на вкладку Console и напечатай:
console.log('Привет, мир!')Нажми Enter — ты только что запустил свой первый JS-код.
Ошибка 1: Перепутать кавычки
console.log('Привет") // SyntaxError — открывающая и закрывающая кавычки разные
console.log('Привет') // ПравильноОшибка 2: Опечатка в имени функции
Console.log('Привет') // ReferenceError — Console с большой буквы не существует
console.log('Привет') // Правильно — строчные буквыОшибка 3: Смешать число и строку
console.log('Возраст: ' + '25' + 5) // 'Возраст: 255' — не 260!
console.log('Возраст: ' + (25 + 5)) // 'Возраст: 30' — скобки фиксируют порядокJavaScript — единственный язык программирования, который нативно понимает браузер. Это делает его обязательным для любого веб-разработчика. По данным GitHub, JS остаётся самым популярным языком в мире уже много лет подряд.
Первые шаги: вывод данных и простые вычисления
// console.log — главный инструмент для вывода данных
console.log('Привет, мир!') // Привет, мир!
// Математика работает как калькулятор
console.log(2 + 2) // 4
console.log(10 / 3) // 3.3333333333333335
console.log(2 ** 10) // 1024 (степень)
console.log(17 % 5) // 2 (остаток от деления)
// Строки можно склеивать через +
console.log('Добро' + ' ' + 'пожаловать!') // Добро пожаловать!
// Реальный пример: Instagram-счётчик лайков
let likes = 1240
likes = likes + 1
console.log('Лайков: ' + likes) // Лайков: 1241Ты каждый день используешь JavaScript — когда листаешь ленту Instagram, отправляешь сообщение в Telegram или кладёшь товар в корзину на Wildberries. Каждое из этих действий обрабатывает JS-код прямо в твоём браузере.
HTML создаёт структуру страницы, CSS делает её красивой. Но без JavaScript страница мёртвая — она не реагирует на действия пользователя. JavaScript — это то, что делает веб живым и интерактивным.
Если HTML — это скелет сайта, CSS — внешний вид, то JavaScript — это мозг, который думает и реагирует.
Прямо в браузере. Когда ты открываешь сайт, браузер скачивает JS и запускает его на твоём компьютере. Никакой установки, никакого компилятора — открыл консоль браузера (F12) и уже можешь писать код.
Открой любую страницу в браузере, нажми F12, перейди на вкладку Console и напечатай:
console.log('Привет, мир!')Нажми Enter — ты только что запустил свой первый JS-код.
Ошибка 1: Перепутать кавычки
console.log('Привет") // SyntaxError — открывающая и закрывающая кавычки разные
console.log('Привет') // ПравильноОшибка 2: Опечатка в имени функции
Console.log('Привет') // ReferenceError — Console с большой буквы не существует
console.log('Привет') // Правильно — строчные буквыОшибка 3: Смешать число и строку
console.log('Возраст: ' + '25' + 5) // 'Возраст: 255' — не 260!
console.log('Возраст: ' + (25 + 5)) // 'Возраст: 30' — скобки фиксируют порядокJavaScript — единственный язык программирования, который нативно понимает браузер. Это делает его обязательным для любого веб-разработчика. По данным GitHub, JS остаётся самым популярным языком в мире уже много лет подряд.
Первые шаги: вывод данных и простые вычисления
// console.log — главный инструмент для вывода данных
console.log('Привет, мир!') // Привет, мир!
// Математика работает как калькулятор
console.log(2 + 2) // 4
console.log(10 / 3) // 3.3333333333333335
console.log(2 ** 10) // 1024 (степень)
console.log(17 % 5) // 2 (остаток от деления)
// Строки можно склеивать через +
console.log('Добро' + ' ' + 'пожаловать!') // Добро пожаловать!
// Реальный пример: Instagram-счётчик лайков
let likes = 1240
likes = likes + 1
console.log('Лайков: ' + likes) // Лайков: 1241Ты пишешь первый код для своего профиля в социальной сети. Выведи своё имя, год рождения, и посчитай сколько тебе будет лет в 2030 году.
Строки пишутся в кавычках: "Иван". Числа без кавычек: 1995. Сложение и вычитание работают как в математике.