Установка Node.js на Windows и macOS
Node.js помогает JavaScript взаимодействовать с устройствами ввода-вывода через свой API и подключать разные внешние библиотеки (главное, делать это без фанатизма).
Перейдите на официальный сайт и скачайте последнюю стабильную версию с припиской LTS. На сайте есть версии и для Windows, и для macOS. Выглядит это примерно так:
После загрузки запустите установщик и установите Node.js как любую другую программу (то есть Далее—Далее—Далее). Чтобы проверить, что Node.js установилась, и узнать версию, откройте терминал и введите две команды node -v и npm -v .
Вот и всё — можете пользоваться.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше
Как перевернуть сайт. Самая короткая инструкция
Не представляем, зачем это может понадобиться, но не могли пройти мимо.
Никакой магии. Мы вызываем JavaScript-функцию rotateBody() , которая применяет свойство transform с значением rotate(180deg) к элементу . Когда вы нажмете на кнопку «Перевернуть», всё, что находится внутри будет повернуто на 180 градусов (то есть, встанет вниз головой)
function rotateBody() < document.body.style.transform = 'rotate(180deg)'; >
Но такой код повернёт страницу только один раз. Если нужно, чтобы она возвращалась обратно при втором клике, усложним код:
let isRotated = false; function rotateBody() < if (isRotated) < document.body.style.transform = 'rotate(0deg)'; document.body.style.direction = "ltr"; >else < document.body.style.transform = 'rotate(180deg)'; document.body.style.direction = "rtl"; >isRotated = !isRotated; >
Надеемся, вы прочитали это описание до того, как нажать на кнопку.
- 25 октября 2023
Как узнать геолокацию: Geolocation API
Geolocation API позволяет сайтам запрашивать, а пользователям предоставлять свое местоположение веб-приложениям. Геолокация может использоваться для выбора города в интернет-магазине, отображения пользователя на карте или навигации в ближайший гипермаркет.
Основной метод Geolocation API — getCurrentPosition() , но есть и другие методы и свойства, которые могут пригодиться.
- 16 октября 2023
Что такое localStorage и как им пользоваться
localStorage — это место в браузере пользователя, в котором сайты могут сохранять разные данные. Это как ящик для хранения вещей, которые не исчезнут, даже если вы выключите компьютер или закроете браузер.
До localStorage разработчики часто использовали cookies, но они были не очень удобны: мало места и постоянная передача данных туда-сюда. LocalStorage появился, чтобы сделать процесс более простым и эффективным.
- 12 октября 2023
Случайное число из диапазона
Допустим, вам зачем-то нужно целое случайное число от min до max . Вот сниппет, который поможет:
function getRandomInRange(min, max)
- Math.random () генерирует случайное число между 0 и 1. Например, нам выпало число 0.54 .
- (max — min + 1): определяет количество возможных значений в заданном диапазоне. 10 — 0 + 1 = 11 . Это значит, что у нас есть 11 возможных значений (0, 1, 2, . 10).
- Math.random () * (max — min + 1): умножает случайное число на количество возможных значений: 0.54 * 11 = 5.94 .
- Math.floor (): округляет число вниз до ближайшего целого. Так, Math.floor(5.94) = 5 .
- . + min: смещает диапазон так, чтобы минимальное значение соответствовало min . Но в нашем примере, так как min = 0 , это не изменит результат. Пример: 5 + 0 = 5 .
- Итак, в нашем примере получилось случайное число 5 из диапазона от 0 до 10.
Чтобы протестировать, запустите:
console.log(getRandomInRange(1, 10)); // Тест
- 7 сентября 2023
В чём разница между var и let
Если вы недавно пишете на JavaScript, то наверняка задавались вопросом, чем отличаются var и let , и что выбрать в каждом случае. Объясняем.
var и let — это просто два способа объявить переменную. Вот так:
var x = 10; let y = 20;
Переменная, объявленная через var , доступна только внутри «своей» функции, или глобально, если она была объявлена вне функции.
function myFunction() < var z = 30; console.log(z); // 30 >myFunction(); console.log(z); // ReferenceError
Это может создавать неожиданные ситуации. Допустим, вы создаёте цикл в функции и хотите, чтобы переменная i осталась в этой функции. Если вы используете var , эта переменная «утечёт» за пределы цикла и будет доступна во всей функции.
Переменные, объявленные с помощью let доступны только в пределах блока кода, в котором они были объявлены.
if (true) < let a = 40; console.log(a); // 40 >console.log(a); // ReferenceError
В JavaScript блок кода — это участок кода, заключённый в фигурные скобки <> . Это может быть цикл, код в условном операторе или что-нибудь ещё.
if (true) < let blockScoped = "Я виден только здесь"; console.log(blockScoped); // "Я виден только здесь" >// здесь переменная blockScoped недоступна console.log(blockScoped); // ReferenceError
Если переменная j объявлена в цикле с let , она останется только в этом цикле, и попытка обратиться к ней за его пределами вызовет ошибку.
- 30 августа 2023
Быстрый гайд по if, else, else if в JavaScript
Допустим, вы собираетесь идти на прогулку. Если на улице солнечно, вы возьмёте с собой солнечные очки.
Это можно описать с помощью оператора if .
let weather = "sunny"; if (weather === "sunny")
А если погода не солнечная, а, скажем, дождливая, вы возьмете зонт.
Этот сценарий можно описать с помощью if-else .
let weather = "rainy"; if (weather === "sunny") < console.log("Возьму солнечные очки"); >else
Условный оператор if-else if-else
Теперь представим, что у вас есть несколько вариантов транспорта для дороги на работу: машина, велосипед, общественный транспорт. Выбор будет зависеть от различных условий, например, погоды и времени суток. Логично, что в дождь безопаснее ехать на автобусе, а в хорошую погоду можно прокатиться на машине или велосипеде, если утро и пробки. То есть схема такая:
И всё это очень легко описывается кодом:
let weather = "sunny"; let time = "morning"; if (weather === "rainy") < // если дождь, то только так console.log("Еду на автобусе"); >else if (time === "morning") < // если не дождь и утро console.log("Еду на велике мимо пробок"); >else < // если второе не дождь и не утро console.log("Еду на машине"); >
Ветвление только может показаться сложным, но вообще оно очень логичное, если понять, какие действия после каких условий выполняются. Разберитесь один раз и поймёте на всю жизнь, 100%.
- 30 августа 2023
Как исправить ошибки SyntaxError в JavaScript
Ошибки SyntaxError появляются, если разработчик нарушил правила синтаксиса JavaScript, например, пропустил закрывающую скобку или точку с запятой. Давайте посмотрим, что означает каждая ошибка и в чём может быть проблема.
Ошибка TypeError: что это и как её исправить
Ошибки TypeError появляются, когда разработчики пытаются выполнить операцию с неправильным типом данных. Давайте разберём несколько примеров: почему появилась ошибка и как её исправить.
3 способа объявить функцию в JavaScript
Функции в JavaScript можно объявить тремя способами: через декларативное объявление, функциональное выражение или с помощью стрелок. Звучит сложно, но на самом деле всё совсем не так.
Как сделать простой слайдер на HTML и JavaScript
Вы сверстали сайт и сделали его красивым с помощью CSS. Осталось добавить интерактива, и можно добавлять проект в портфолио.
«Оживить» на сайте можно что угодно: меню, модальные окна, корзину, пагинацию… В этой статье мы разберём слайдер — посмотрим, как его сделать на чистом JavaScript. Слайдер пригодится для раздела с отзывами, фотографиями сотрудников, изображениями товаров или чего-нибудь ещё — всё зависит только от вашей фантазии и проекта.
☝ Мы покажем лишь один из возможных вариантов. Это не эталонное решение, да в разработке и не бывает единственно верного способа решить задачу. Но код точно работает, поэтому можете скопировать его в свой проект.
Downloads
Download the Node.js source code or a pre-built installer for your platform, and start developing today.
Recommended For Most Users
Latest Features
Windows Installer (.msi) | 32-bit | 64-bit | ARM64 | |
---|---|---|---|---|
Windows Binary (.zip) | 32-bit | 64-bit | ARM64 | |
macOS Installer (.pkg) | 64-bit / ARM64 | |||
macOS Binary (.tar.gz) | 64-bit | ARM64 | ||
Linux Binaries (x64) | 64-bit | |||
Linux Binaries (ARM) | ARMv7 | ARMv8 | ||
Source Code | node- v20.9.0 .tar.gz |
Additional Platforms
- Signed SHASUMS for release files(How to verify)
- All download options
- Installing Node.js via package manager
- Previous Releases
- Nightly builds
- Unofficial builds
- Building Node.js from source on supported platforms
- Installing Node.js via binary archive
- Install on Windows Subsystem for Linux (WSL)
Copyright OpenJS Foundation and Node.js contributors. All rights reserved. The OpenJS Foundation has registered trademarks and uses trademarks. For a list of trademarks of the OpenJS Foundation, please see our Trademark Policy and Trademark List. Trademarks and logos not indicated on the list of OpenJS Foundation trademarks are trademarks™ or registered® trademarks of their respective holders. Use of them does not imply any affiliation with or endorsement by them.
Как установить Node.js на Ubuntu
В Рег.облаке можно за пару кликов заказать готовый облачный сервер с Node.js.
В нашей инструкции мы расскажем, что такое Node.js и зачем она нужна, а затем покажем быстрые способы установки Node.js на Ubuntu.
Облачные серверы нового поколения
Попробуйте Облачный VPS с установленным Node.js!
Что такое Node.js
Node.js (или Node, Nodejs, Node js) — это платформа, которая позволяет выполнять JavaScript код на сервере, а не в браузере клиента.
Например, вы разработали онлайн-редактор текста, который работает только в браузере. Ваш проект стал разрастаться и вам нужно добавить в него функции для корпоративного сегмента (сохранение файлов и их версий на сервере, совместное редактирование и прочее). Для этого нужно начать хранить и обрабатывать данные на сервере. Благодаря платформе Node.js вы можете сохранить и переиспользовать основную часть кода, а не реализовывать всю логика «с нуля» на другом языке.
Node.js работает на движке V8 JavaScript, который разработан и поддерживается Google. V8 компилирует JavaScript-код в эффективные машинные инструкции. Он не использует интерпретатор, байт-код или любой другой промежуточный код, что значительно сокращает время выполнения.
К тому же, Node.js обеспечивает эффективное распределение ресурсов и управление потоками обработки. Он работает в асинхронном режиме, то есть сервер не создает отдельный поток для каждого подключения, а гибко распределяет доступные ресурсы в зависимости от текущей загрузки сервера.
Все это позволяет сократить время обработки запросов и создавать масштабируемые сервисы, способные эффективно обслуживать сотни тысяч пользователей одновременно.
С помощью Node.js можно работать с готовыми библиотеками, создавать API, запускать скрипты и обрабатывать пакеты. Также платформа подойдет для создания десктопных программ и гибридных приложений.
Рассмотрим способы установки Node.js на Ubuntu.
Как установить Node js на Ubuntu
Если когда-то у вас уже была установлена одна из версий Node, вы можете переустановить Node js или полностью удалить старую версию, а затем поставить новую. Мы рассмотрим варианты установки Node.js с нуля.
Node.js можно установить на Ubuntu одним из способов:
- через NVM (Node Version Manager) — bash-скрипт,
- через PPA (Personal Package Archive) — архив персональных пакетов,
- с помощью пакетного менеджера Ubuntu,
- через бинарные файлы.
Рассмотрим два самых простых и надежных варианта установки — с помощью пакетного менеджера и через архив персональных пакетов PPA.
Установка Node.js через пакетный менеджер
Пакетный менеджер — самый простой инструмент для установки дистрибутива Node.js. Обратимся к официальным репозиториям Ubuntu и установим стабильную версию.
Перед установкой убедитесь, что вы зашли под суперпользователем sudo.
Откройте терминал. Если вы пользуетесь графической оболочкой, используйте сочетание клавиш Ctrl+Alt+T.
Обновите локальный индекс пакетов:
sudo apt update
База знаний
Node.js это среда выполнения JavaScript. Мы покажем вам, как развернуть свой проект использующий данную среду на общем хостинге под управлением панели управления cPanel .
Bu muhim: Siz allaqachon tugallangan loyihani hostingga joylashtirishingiz mumkin. Siz loyihani mahalliy serverda qurishingiz kerak va shundan keyingina tayyor loyihani xostga tayinlang. Xosting shaxsiy server emas.
Это важно: Вы можете развернуть уже готовый проект на хостинге. Вы должны собрать проект на локальном сервере и уже потом разметить готовый проект на хостине. Хостинг, это не персональный сервер.
Авторизируйтесь в панели управления cPanel
- зайти в панель управления доступы были отправлены на контактный электронный адрес.
- или перейдя из личного кабинета в нужную услугу.
1) Перейдите в раздел ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ и откройте Настройка Node.js приложений
2) в открывшемся окне +создать приложение :
3) выбираем требуемую версию Node.js
3.1) режим работы приложения Development или Production
3.2) указываем Корневой каталог приложения : например поддомен/папка
3.3) URL адрес , на котором будет запущено приложение
3.4) файл запуска приложения
3.5) укажите файл лога: поддомен/папка /logs/passenger.log или public_html /logs/passenger.log
3.6) нажимаем на кнопку Создать
3.0) для основного домена Корневой каталог приложения будет : public_html/site
4) В указанный при создании приложения каталог удобным способом загружаем файлы приложения. Например, по FTP или посредством Диспетчера файлов
5) Если ваше приложение использует базу данных MySQL, то создаём её в пункте Мастер баз данных MySQL раздела Базы данных.
Инструкция о том как это сделать: Создать базу данных MySQL в cPanel
6) Устанавливаем модули, требуемые для запуска приложения, указанные в файле package.json в директории с проектом (здесь же при необходимости можем и отредактировать этот файл), нажатием на кнопку “Установить NPM пакеты”
На данном этапе установка Node.js завершена и можно переходить к более тонкой настройке своего проекта.
Это важно:
- При внесении изменений проект нужно остановить, после внесения изменений необходимо перезапустить.
- Перед удалением проекта на Node.js его необходимо остановить , после чего можно удалить .
Bu muhim:
- loyihaga o’zgartirishlar kiritishda uni keyinroq qayta ishga tushirish kerak.
- Node.js loyihasini o’chirishdan oldin uni to’xtatish kerak, shundan so’ng uni o’chirish mumkin .