ПОЛНЫЙ КУРС NODE JS / EXPRESS за 2 часа – С НУЛЯ до ПРОФИ!
Node.js и Express.js – это два мощных инструмента для создания серверных приложений на JavaScript. Node.js предоставляет среду выполнения для JavaScript на стороне сервера, а Express.js – минималистичный и гибкий фреймворк для создания веб-приложений. В этом уроке мы рассмотрим, как использовать оба инструмента для создания полноценного серверного приложения за 2 часа.
Шаг 1: Установка Node.js
Первым шагом в создании нашего серверного приложения будет установка Node.js. Для этого перейдите на официальный сайт Node.js (https://nodejs.org/) и загрузите установщик для вашей операционной системы. Запустите установщик и следуйте инструкциям на экране. После установки, убедитесь, что Node.js успешно установлен, запустив командную строку и введя команду:
node -v
Если вы видите версию Node.js, значит установка прошла успешно.
Шаг 2: Создание нового проекта
Для создания нового проекта воспользуемся командой npm init
, которая поможет нам настроить наш проект и создать файл package.json. Запустите командную строку и перейдите в папку, где хотите создать проект. Затем введите следующую команду:
npm init
Следуйте инструкциям и введите имя проекта, описание, автора и другую информацию. По умолчанию будет создан файл package.json, в котором будут указаны все зависимости проекта.
Шаг 3: Установка Express.js
Следующим шагом будет установка фреймворка Express.js. Для этого воспользуйтесь командой:
npm install express
После установки вы сможете начать использовать Express.js в вашем проекте.
Шаг 4: Создание сервера с помощью Express.js
Теперь давайте создадим простой сервер с помощью Express.js. Для этого создайте файл index.js (или любое другое имя) в корне вашего проекта и добавьте следующий код:
const express = require('express');
const app = express();
app.get('/', (req, res) => {
res.send('Привет, мир!');
});
app.listen(3000, () => {
console.log('Сервер запущен на порту 3000');
});
Этот код создает простой сервер, который прослушивает порт 3000 и отправляет ответ "Привет, мир!" для любых запросов на корневой URL.
Шаг 5: Запуск сервера
Чтобы запустить сервер, перейдите в командной строке в корневую папку вашего проекта и введите следующую команду:
node index.js
Теперь ваш сервер запущен и вы можете открыть браузер и перейти на адрес http://localhost:3000, чтобы увидеть сообщение "Привет, мир!".
Шаг 6: Расширение функциональности сервера
Express.js предоставляет множество возможностей для расширения функциональности вашего сервера. Например, вы можете создавать маршруты для обработки различных запросов, использовать middleware для обработки запросов перед тем, как они достигнут обработчиков маршрутов, и многое другое.
Для дальнейшего изучения Express.js рекомендуется пройти дополнительные онлайн-уроки, изучить официальную документацию и попробовать создать более сложное веб-приложение.
Поздравляю! Теперь у вас есть полноценное серверное приложение на Node.js и Express.js, созданное за 2 часа с нуля. Надеюсь, этот урок был полезен и вдохновил вас на дальнейшее изучение серверной разработки на JavaScript. Успехов в вашем программировании!
Всех с праздником! 🎉
🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) – https://htmllessons.io/premium
*В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!
Макс, привет. Можешь записать урок по написанию API на JS? Просто очень нужно. Смотрел твои уроки, просто огонь!)
Сделайте какой-нибудь ролик про Express 5
Спасибо! Но пожалуста, не пиши роуты в контроллерах на express)
На 1:00:15 можно так сделать присоединение views:
app.set("views", path.join(__dirname, 'src', 'views')).
app.use(express.static(path.join(__dirname, 'src', 'views')))
В функции path.join со 2-ого параметра можно указывать переменное кол-во параметров – типа строк, которые являются поддиректориями.
Из описания: параметр paths – series of path segments to join into one path
Автор позиционирует себя, как практик не любящий теорию, но теория очень важна, особенно для тех , кто не знаком с какой-либо темой совсем. Видео построено по принципу – "делай так и будет вот так". Суть такого обучения сводится к банальному запоминаю шагов, но, из-за нехватки теории и детального разьяснения, нет "ясного понимания картины" и ощущения "разложенности по полочкам". Итог один – КПД от такого обучения будет минимальным.
Спасибо. Отличный видос
Спасибо большое за прекрасный урок 🔥Ты лучший! ❤
Глянул половину и увидел куча банальных ошибок: ой тут путь не правильно написал, ой тут импорт не такой должен быть, почему-то не работает __dirname __filename и тд… И все эти ошибки возникли из-за спешки. Зачем спешить?
Подготовил материал, подготовь и код… Я думаю, для тебя, это не составило б большого труда.
Привет! Подскажи пожалуйста, в какой проге ты рисовал схему?)
Красавчик, первый раз полностью услышал название канала 😂😂😂
Спасибо за видео 🎉 Лучший!
Было бы здорово, если бы рассмотрели фреймворк koa 2, pm2, routing-controllers. Столкнулся с этим на работе
Было б круто увидеть видео на тему плавности анимаций на реакте.
На какую тему планируете следующий курс?
Легко смотрится, простая и приятная подача. Спасибо!
Лучшей подачи материала пока ещё не видел, учусь только по твоим роликам🎉
крутое видео) спасибо 😍
Скажи пожалуйста что за расширение, которое подсказывает код в редакторе, серым цветом появляется
это то, что я искал. спасибо.