,

Full Node JS / Express Course in 2 Hours – From Zero to Pro!

Posted by


ПОЛНЫЙ КУРС 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. Успехов в вашем программировании!

0 0 votes
Article Rating

Leave a Reply

28 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
@REDGroupPlus
10 hours ago

Всех с праздником! 🎉
🔥 Забрать подписку по скидке 50% + тариф "навсегда" (ТОЛЬКО ДО 3 сентября) – https://htmllessons.io/premium
*В сентябре подписок в продаже больше не будет, будут только штучные продажи каждого продукта отдельно. Сейчас последняя возможность!

@ЗахарНовик-ц6х
10 hours ago

Макс, привет. Можешь записать урок по написанию API на JS? Просто очень нужно. Смотрел твои уроки, просто огонь!)

@likluklak
10 hours ago

Сделайте какой-нибудь ролик про Express 5

@JavaScript_95
10 hours ago

Спасибо! Но пожалуста, не пиши роуты в контроллерах на express)

@AlexanderPoznanski
10 hours ago

На 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

@mr_Fr0xman
10 hours ago

Автор позиционирует себя, как практик не любящий теорию, но теория очень важна, особенно для тех , кто не знаком с какой-либо темой совсем. Видео построено по принципу – "делай так и будет вот так". Суть такого обучения сводится к банальному запоминаю шагов, но, из-за нехватки теории и детального разьяснения, нет "ясного понимания картины" и ощущения "разложенности по полочкам". Итог один – КПД от такого обучения будет минимальным.

@lavlex8758
10 hours ago

Спасибо. Отличный видос

@NikitaBenzin
10 hours ago

Спасибо большое за прекрасный урок 🔥Ты лучший! ❤

@paljm345
10 hours ago

Глянул половину и увидел куча банальных ошибок: ой тут путь не правильно написал, ой тут импорт не такой должен быть, почему-то не работает __dirname __filename и тд… И все эти ошибки возникли из-за спешки. Зачем спешить?
Подготовил материал, подготовь и код… Я думаю, для тебя, это не составило б большого труда.

@ДмитрийДроздов-щ8к
10 hours ago

Привет! Подскажи пожалуйста, в какой проге ты рисовал схему?)

@dimendroider7550
10 hours ago

Красавчик, первый раз полностью услышал название канала 😂😂😂

@АлексейБомко-ь1ш
10 hours ago

Спасибо за видео 🎉 Лучший!

@romanbush5164
10 hours ago

Было бы здорово, если бы рассмотрели фреймворк koa 2, pm2, routing-controllers. Столкнулся с этим на работе

@mouri_san
10 hours ago

Было б круто увидеть видео на тему плавности анимаций на реакте.

@mouri_san
10 hours ago

На какую тему планируете следующий курс?

@mouri_san
10 hours ago

Легко смотрится, простая и приятная подача. Спасибо!

@Blysspeak
10 hours ago

Лучшей подачи материала пока ещё не видел, учусь только по твоим роликам🎉

@НадеждаБаранова-щ2я
10 hours ago

крутое видео) спасибо 😍

@АртекиОсвенцим
10 hours ago

Скажи пожалуйста что за расширение, которое подсказывает код в редакторе, серым цветом появляется

@doaplz
10 hours ago

это то, что я искал. спасибо.

28
0
Would love your thoughts, please comment.x
()
x