Что такое технический стек?

Стек — это комбинация всех фреймворков и библиотек, с помощью которых вы можете создать целое приложение от Frontend до Backend и базы данных.


Стек МЕРН

  • Разновидность веб-разработки Full Stack.
  • MERN Stack — это технический стек, используемый для создания комплексного веб-приложения полного стека.
  • У нас есть клиент, состоящий из React, Node и Express для API, а также серверной части и MongoDB в качестве базы данных.

Описание изображения


MongoDB

  • MongoDB — это база данных NoSQL на основе документов.
  • Данные хранятся в виде документов.
  • Он не следует какой-либо схеме, как это делают базы данных SQL.


Выражать

  • Express — это бэкенд-фреймворк для создания веб-приложений на Node.js.
  • Express позволяет создать сервер, работающий на Node.
  • Сервер получает запросы от клиента и возвращает ответ.
  • Он отвечает за взаимодействие с базой данных.


Узел

  • Node — это кроссплатформенная среда выполнения с открытым исходным кодом для запуска приложений JavaScript.
  • Поскольку JavaScript может работать только внутри браузера, Node создает среду, в которой мы также можем запускать JavaScript на сервере.


Реагировать

  • React — это библиотека JS для создания интерактивного внешнего интерфейса для вашего веб-приложения.
  • React использует виртуальный DOM, который быстро обновляется при изменении обычного DOM.


Как работает стек MERN?

  1. Пользователь взаимодействует с интерфейсной/клиентской частью приложения, созданного с использованием React.

  2. Пользователь нажимает кнопку, которая запрашивает определенные данные.

  3. Этот запрос отправляется Клиентом/Внешним интерфейсом на Сервер/Бэкенд в виде HTTP-запроса.

Описание изображения

  1. Затем сервер анализирует запрос. В зависимости от характера и контекста запроса Сервер взаимодействует с базой данных MongoDB. Сервер может добавлять, извлекать, обновлять и удалять данные из базы данных.

  2. Сервер взаимодействует с базой данных от имени пользователя. Если взаимодействие прошло успешно, Сервер отправляет ответ с запрошенными данными Клиенту.

  3. Затем клиент отображает эти данные в пользовательском интерфейсе, чтобы пользователь мог их читать и взаимодействовать с ними.


Дорожная карта для разработки стека MERN

  1. Основы Интернета
  2. HTML
  3. CSS
  4. Фреймворки CSS, такие как Bootstrap и Tailwind
  5. JavaScript
  6. JavaScript ES6
  7. Реагировать
  8. Узел
  9. Выражать
  10. MongoDB
  11. Гит и Гитхаб


Ресурсы для стека MERN

Курсы на ютубе:

1-youtu.be/98BzS5Oz5E4

2-youtu.be/-0exw-9YJBo

3-youtu.be/ktjafK4SgWM

4-youtu.be/H-9l-gTq-C4

Спасибо за чтение. ❤️