Илья Борисович Государев - Основы разработки веб-приложений на платформах Node.js и Deno

преподавателям и студентам рекомендуется в начале изучения
материалов совместно составить список тем докладов по темам,
расширяющим и дополняющим курс (например: «Синхронизация состояния
веб-приложения на клиенте и сервере» или «Серверный рендеринг в
современных фреймворках») и делиться друг с другом индивидуальным
опытом освоения таких технологий и инструментов.
Первые шаги связаны с терминологией и настройкой среды для работы.
5

Подготовка среды для работы с JavaScript

По состоянию дел на период написания этого пособия язык JavaScript, как
и в течение многих предыдущих лет, является основным языком разработки
клиентских веб-приложений. С другой стороны, есть основания ожидать роста
популярности WebAssembly и расширения соответствующей экосистемы,
которая позволит использовать в рамках браузеров принципиально другие
языки, такие как С. А с третьей стороны в рамках Web3 приложения могут
выполняться в Etliereum-блокчейне и быть написанными на языке типа
Solidity. Но пока мы исходим из того, что при наличии желания понимать и
контролировать практически весь процесс разработки веб-приложения с его
клиентской и серверной частью JavaScript является естественным выбором.
Разработчик может писать код на TypeScript, Elm, ReasonML и т.д., но
результатом так или иначе будут JavaScript-сценарии. Поэтому довольно
логично, что JavaScript становится универсальным языком решения
практически всех задач веб-разработки, включая автоматизацию и разработку
бэкэнда (или, во всяком случае, слоя бэкэнда-для-фронтэнда).
Язык JavaScript развивается достаточно динамично, в конвергенции с
другими языками, вбирая в себя некоторые их характеристики. Ежегодно
нововведения фиксируются в очередной версии стандарта (например,
ECMAScript-2023). Часто они заранее «обкатываются» на свежих версиях
платформ, поэтому важно следить за этими обновлениями.
Целью этого пособия не является доказательство или обоснование
преимуществ использования JavaScript для разработки на внебраузерной
платформе. Но некоторые очевидные вещи всё же отметим. Если много лет
назад допустимо было создавать программы на JavaScript прямо в браузере,
напрямую записывая инструкции в элемент script, то современная разработка
для браузера ведётся в специальном окружении, которое включает не только
редактор кода или IDE, но и линтеры, средства для работы с каскадными
стилями, а также библиотеку типа React с сопутствующими инструментами.
Все эти составляющие JavaScript-экосистемы подключаются к проекту в виде
прямых или девелоперских зависимостей через менеджер зависимостей, в
качестве которого в большинстве случаев используется npm, являющийся
частью экосистемы Node.js.
Когда мы говорим о разработке на JavaScript не для браузера, то скорее
всего имеем в виду разработку на платформе Node.js, которая нацелена:
•

•

на создание сценариев, работающих не в браузере или не только в
браузере (например, для вычислений или для автоматизации работы
в окружении);
на создание серверных веб-приложений.
6

Сначала кратко обсудим первый аспект.
Node.js и Deno - это программное обеспечение, относящееся к классу сред
исполнения (кратко - runtime). Runtime не просто присутствует в памяти во
время выполнения программы, а предоставляет виртуальную машину, которая
и осуществляет выполнение. В основе Node.js и Deno находится движок виртуальная машина V8, разрабатываемая в Google. На том же движке
работает и браузер Chrome. При этом Deno содержит ещё и транспилятор
TypeScript. В 2022 г. на профильных ресурсах обсуждали также новый
инструмент под названием bun.sh - к этому мы вернёмся в Главе 9. Сложно
сказать, что будет с этим инструментом дальше - но он интересен как феномен
развития, поэтому и фиксируется в этом пособии.
Node используется в двух основных «режимах»:
• выполнение в стиле интерфейса командной строки;
• выполнение «долгоиграющих» сценариев, таких как веб-сервера.
Первый вариант обычен, например, при создании React-приложения по
шаблону.
Современная
клиентская
веб-разработка,
как правило,
подразумевает наличие многих файлов с исходным кодом (таких как файлы
компонентов). Чтобы подготовить production-версию, эти файлы нужно
собрать в единый бандл, а перед этим прогнать через тесты. Эти задачи можно
было бы решать разными способами, но промышленным стандартом стало
использование npm-пакетов на платформе Node, которые --">