Город МОСКОВСКИЙ
01:17:35

Как создать простое веб-приложение с нуля на Node.js, Express, MongoDB, Handlebars

Аватар
HTML и CSS: создаем привлекательные сайты
Просмотры:
149
Дата загрузки:
27.11.2023 18:20
Длительность:
01:17:35
Категория:
Технологии и интернет

Описание

Создаю простое приложение «Список дел» с нуля. Рассказываю подробно, для начинающих. Использованы самые простые технологии: HTML, CSS, Javascript, Node.js, MongoDB.

Получившееся приложение хранит в базе данных список дел. Дела можно добавлять, удалять и ставить Выполнено.

Весь исходный код приложения доступен в github-репозитории: https://github.com/SergeiAmpilov/todoapp

Вы всегда можете обратиться к исходному коду, если что-то не получается!
---
Статическая вёрстка по технологии БЭМ.
Я заранее приготовил для вас вёрстку нашего будущего приложения. здесь нет ничего сложного, и я предлагаю вам просто использовать готовый проект.

Он расположен в папке /static
---
Подготовка к разработке. Что вам понадобится:
1 - редактор кода. Подойдет любой но я рекомендую бесплатный и один из моих любимых - Visual Studio Code (VS Code) https://code.visualstudio.com/

2 - вам понадобится Node.js. Это версия Javascript для работы на сервере https://nodejs.org/en/download

когда процесс установки завершен, проверьте что всё установлено корректно с помощью команды

node -v

3 - у вас должен быть установлен npm - Node Package Manager. Это утилита командной строки для управления пакетами в вашем проекте обычно она устанавливается вместе с Node.js. но вы на всякий случай проверьте, что она у вас тоже установлена с помощью команды

npm -v

4 - Установите базу данных MongoDB официального сайта. https://www.mongodb.com/try/download/community-kubernetes-operator

ссылка на скачивание: https://fastdl.mongodb.org/windows/mongodb-windows-x86_64-4.4.23-signed.msi

Когда установка будет завершена, запустите сервер MongoDB своём локальном компьютере. для этого достаточно выполнить команду

mongod

5 - для удобства тестирования запросов рекомендую установить любую API-клиент, например Postman ( https://www.postman.com/downloads/ ), или Insomnia ( https://insomnia.rest/download )

На этом подготовка завершена.


Happy coding!

Рекомендуемые видео