Зачем нам нужен Node.js

Браузер vs Node.js: среды выполнения JavaScript

Браузер

• Основная среда фронтенд-разработки.
• JavaScript изначально создавался для браузеров.
• Предоставляет собственные фишки для взаимодействия с веб-страницей (они называются Browser API или Web API) — например, методы для работы c DOM: createElement, append и др.
• Имеет ограничения: скрипты не могут напрямую работать с файловой системой или запускать произвольные процессы. Браузер выполняет код в «песочнице» для обеспечения безопасности пользователя.

Node.js

• Среда выполнения JavaScript вне браузера.
• Использует тот же JavaScript движок V8, что браузер Chrome.
• Предоставляет расширенные возможности: работу с файлами, базами данных, сетью и внешними процессами.
• Предназначен для разработчиков.
• Код, написанный для браузера, может не работать в Node.js (и наоборот) из-за различий в доступных API.

JavaScript core, среды выполнения и стандарты

JavaScript - это скриптовый язык программирования. Это значит, что сам по себе он существовать не может, а встраивается в среду выполнения. Среда выполнения может декларировать для скриптового языка свои правила и возможности, которые описываются в отдельных спецификациях.

Cтандартом языка JavaScript является спецификация ECMAScript. Она описывает язык программирования (так называемый JavaScript core), но не включает в себя возможности, которые предоставляет браузерная среда выполнения или среда выполнения Node.js.

Возможности браузерной среды описаны в другом стандарте - HTML Living Standard, а возможности Node.js - в документации Node.js.

Современный frontend-проект: зависимости, библиотеки и фреймворки

Современные веб-приложения состоят не только из собственного кода проекта, но и из множества сторонних библиотек и инструментов. Они помогают сосредоточиться на уникальном коде, а не на повторяющихся задачах.

Библиотеки

• Универсальные программные модули, не зависящие от конкретного проекта.
• Предоставляют готовые решения для типичных задач: работа с данными, построение графиков, создание SPA, выполнение запросов к серверу и др.
• Подключаются к проекту через менеджер пакетов (например, npm), но также можно подключить скрипты с ними напрямую к HTML

Фреймворки (примеры: Angular, Next.js).

• Более масштабные решения, задающие архитектуру и определяющие структуру приложения.
• Определяют, как компоненты программы взаимодействуют между собой и как строится весь проект

Зависимости (dependencies)

Библиотеки и фреймворки, которые используются в проекте, называются зависимостями.

• Современные проекты используют десятки сторонних пакетов — от библиотек и утилит до инструментов сборки.
• Для их установки и обновления используется Node.js и менеджер пакетов (npm).
• Такое управление зависимостями делает проект переносимым и независимым от конкретной среды разработки.

Вспомогательные задачи разработки

Перед тем как приложение попадёт в браузер, выполняется ряд подготовительных шагов (они зависят от конкретного проекта):

• Транспиляция: преобразование TypeScript → JavaScript (браузер понимает только JavaScript)
• Сборка: объединение или разделение файлов проекта для оптимальной загрузки.
• Преобразование стилей: SASS/LESS → CSS (браузер понимает только CSS).
• Проверка и тестирование: линтинг, запуск тестов и утилит для контроля качества кода.
• и множество других задач...

Почему для этого нужен Node.js

• Без Node.js выполнение этих задач зависит от IDE (среды разработки) или расширений браузера.
• Node.js позволяет автоматизировать весь процесс: управлять зависимостями для разработки (devDependencies), запускать сборщики, транспиляторы и тесты.

Благодаря этому проект становится независимым от конкретной среды и может запускаться одинаково у всех разработчиков.

Node.js и npm: управление пакетами

npm (Node Package Manager)

• Менеджер пакетов, устанавливаемый вместе с Node.js.
• Позволяет добавлять, обновлять и удалять зависимости проекта.

npx (Node Package Execute)

• Инструмент для запуска пакетов напрямую, без их предварительной установки в проект.

На первых этапах достаточно знать, что npm и npx работают “из коробки” вместе с Node.js — без дополнительной настройки.

Вывод

Node.js — основа современной фронтенд-разработки. Она обеспечивает разработчику среду для автоматизации, сборки и управления зависимостями проекта.

С помощью Node.js можно:

• запускать транспиляторы, препроцессоры и сборщики;
• управлять зависимостями через npm;
• сделать проект независимым от конкретной IDE или операционной системы.

Понимание и использование Node.js — необходимый навык для любого современного фронтенд-инженера.

🏠 Домашнее задание

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

• Цель задания

Установить Node.js на свой компьютер и проверить корректность установки.

• Задача

Подготовить рабочую среду для разработки JavaScript-приложений, установив Node.js и npm.

Требования

1. Скачать Node.js

1. Перейдите на официальный сайт: https://nodejs.org/en
2. Скачайте LTS версию (Long Term Support - рекомендуемая для большинства пользователей)
3. Выберите версию для вашей операционной системы:

• Windows: .msi файл
• macOS: .pkg файл
• Linux: выберите подходящий пакет для вашего дистрибутива

2. Установить Node.js

1. Запустите скачанный установочный файл
2. Следуйте инструкциям мастера установки:

• Примите лицензионное соглашение
• Выберите папку для установки (можно оставить по умолчанию)
• Важно: Убедитесь, что выбрана опция "Add to PATH" (добавить в PATH)
• При необходимости разрешите установку дополнительных инструментов

3. Дождитесь завершения установки
4. Перезагрузите компьютер (если потребуется)

3. Проверить установку

Откройте терминал (командную строку) и выполните следующие команды:

Для Windows:

• Нажмите Win + R, введите cmd и нажмите Enter
• Или найдите "Командная строка" в меню Пуск

Для macOS:

• Нажмите Cmd + Space, введите "Terminal" и нажмите Enter
• Или найдите Terminal в папке "Утилиты"

Для Linux:

• Нажмите Ctrl + Alt + T
• Или найдите Terminal в меню приложений

Выполните команды:

# Проверить версию Node.js
node --version
 
# Проверить версию npm (менеджер пакетов)
npm --version

Ожидаемый результат

После успешной установки команды должны вывести:

• node --version - номер версии Node.js (например, v20.10.0)
• npm --version - номер версии npm (например, 10.2.3)

Что делать если что-то пошло не так

Ошибка "command not found" или "не является внутренней командой"

• Перезагрузите компьютер
• Проверьте, что Node.js установлен с опцией "Add to PATH"
• Переустановите Node.js, следуя инструкциям

Старая версия Node.js

• Удалите старую версию через панель управления (Windows) или стандартные средства ОС
• Установите новую версию