JavaScript с нуля в 2025: полное руководство для начинающих

Онлайн-тренажер Python для начинающих

Изучайте Python легко и без перегрузки теорией. Решайте практические задачи с автоматической проверкой, получайте подсказки на русском языке и пишите код прямо в браузере — без необходимости что-либо устанавливать.

Начать курс

Введение в JavaScript: почему стоит начать в 2025 году

JavaScript — это язык, который управляет современным интернетом. В 2025 году он остаётся одним из самых востребованных языков программирования в мире. Если вы решили начать свой путь в IT, JavaScript — идеальный старт. Он работает везде: в браузере, на сервере (через Node.js), на мобильных устройствах и даже в робототехнике.

В этом руководстве мы разберём, с чего начать изучение JavaScript в 2025 году. Вы узнаете, как установить окружение, напишете свою первую программу на Node.js и освоите базовые конструкции языка. Никакой сложной теории — только практика и понятные примеры.

1. Настройка окружения: Node.js и VS Code

В 2025 году лучший способ начать изучать JavaScript — использовать Node.js. Это среда выполнения, которая позволяет запускать JS-код не только в браузере, но и на компьютере. Вам не понадобится сложный сервер — достаточно установить Node.js и редактор кода.

Установка Node.js

Перейдите на официальный сайт nodejs.org и скачайте LTS-версию (Long Term Support). Установка простая — просто следуйте инструкциям установщика. После установки откройте терминал (командную строку) и проверьте версию:

node --version
npm --version

Если вы видите номера версий (например, v22.0.0), всё работает. npm — это менеджер пакетов, он пригодится позже.

Редактор кода: Visual Studio Code

Для написания кода рекомендую Visual Studio Code (VS Code). Это бесплатный редактор от Microsoft с подсветкой синтаксиса, автодополнением и встроенным терминалом. Скачайте его с code.visualstudio.com.

После установки создайте папку для проектов, например js-learning, и откройте её в VS Code. Теперь вы готовы писать код!

2. Первая программа: "Hello, World!" на Node.js

Создайте в папке файл index.js и напишите:

// Первая программа на JavaScript
console.log("Привет, мир! Я изучаю JavaScript в 2025 году!");

// Простое вычисление
const sum = 2 + 3;
console.log("Сумма 2 + 3 =", sum);

Запустите программу в терминале VS Code:

node index.js

Вы увидите:

Привет, мир! Я изучаю JavaScript в 2025 году!
Сумма 2 + 3 = 5

Поздравляю! Вы только что написали и запустили свою первую программу на JavaScript. Функция console.log() — это аналог print() в Python. Она выводит данные в консоль.

3. Основы синтаксиса: переменные, типы данных и функции

Теперь разберём ключевые концепции JavaScript. В 2025 году стандарт языка — ES2024, но основы остаются неизменными.

Переменные: let, const и var

В современном JavaScript используют let и const. var устарел, но вы можете встретить его в старом коде.

const — для значений, которые не меняются (константы).
let — для переменных, которые могут изменяться.

// Константа: значение не изменится
const userName = "Анна";
// userName = "Мария"; // Ошибка! Нельзя переопределить const

// Переменная: можно менять
let age = 25;
age = 26; // Теперь age = 26

console.log(userName, age); // Анна 26

Типы данных

JavaScript — язык с динамической типизацией. Это значит, что тип переменной определяется автоматически. Основные типы:

String (строка) — текст в кавычках: "Hello", 'Привет'
Number (число) — целые и дробные: 42, 3.14
Boolean (логический) — true или false
Array (массив) — список значений: [1, 2, 3]
Object (объект) — набор пар ключ-значение: {name: "Иван", age: 30}
undefined — переменная объявлена, но не имеет значения
null — "ничего", пустое значение

const message = "Учим JavaScript"; // String
const year = 2025;                 // Number
const isStudent = true;            // Boolean
const fruits = ["яблоко", "банан", "апельсин"]; // Array
const person = {                   // Object
  name: "Ольга",
  age: 28,
  city: "Москва"
};

console.log(typeof message); // "string"
console.log(typeof year);    // "number"

Функции: кирпичики программы

Функции позволяют переиспользовать код. В 2025 году стандартом стали стрелочные функции (arrow functions), но классический синтаксис тоже работает.

// Классическая функция
function greet(name) {
  return "Привет, " + name + "!";
}

// Стрелочная функция (современный стиль)
const greetArrow = (name) => {
  return `Привет, ${name}!`; // Шаблонная строка
};

// Если функция короткая, можно ещё короче:
const double = (x) => x * 2;

console.log(greet("Мир"));      // Привет, Мир!
console.log(greetArrow("Анна")); // Привет, Анна!
console.log(double(5));         // 10

Обратите внимание на шаблонные строки — они используют обратные кавычки ` и позволяют вставлять переменные через ${}. Это очень удобно!