MERN Stack Разработка / #1 - Создание Full Stack приложения (React + Node)
Видеоурок
Что такое MERN?
Ранее, скорее всего, вы уже изучали такие вещи, как , и базы данных . Сейчас вы умеете работать с ними, но не знаете, как их можно все вместе скомбинировать, чтобы построить полноценный веб-сайт.
И вот MERN — это не новая технология, а просто набор технологий, или, другими словами, полноценный стек, который позволяет создавать веб-приложения от начала и до конца.
MERN — это аббревиатура, которая расшифровывается как MongoDB, Express, React и Node.js. Каждая из этих технологий отвечает за свою часть приложения. React отвечает за интерфейс, то есть за то, что видит пользователь. и отвечают за серверную логику, обработку запросов и работу с данными. А MongoDB используется для хранения информации в базе данных.

Если говорить проще, то MERN — это способ связать клиентскую часть сайта с сервером и базой данных. При этом сделать всё так, чтобы всё работало как единое целое. Пользователь нажимает кнопку на сайте, React отправляет запрос на сервер, сервер обрабатывает его через Express, взаимодействует с базой данных MongoDB и возвращает результат обратно на сторону клиента. И всё это происходит практически мгновенно.
Как работает приложение на MERN?
Чтобы лучше понять, как всё это устроено, давайте представим простой сценарий. Пользователь открывает сайт и видит список записей. Эти записи не хранятся в самом React-приложении — они лежат в базе данных.
Когда страница загружается, React отправляет запрос на сервер. Сервер принимает этот запрос, обращается к базе данных, получает нужные данные и отправляет их обратно. После этого React отображает их на странице.

Если пользователь, например, добавляет новую запись, то происходит примерно тот же процесс. Данные отправляются с клиента на сервер, сервер сохраняет их в базе, а затем возвращает обновлённый результат.
И вот за счёт такого взаимодействия мы получаем полноценное приложение, где данные не просто «зашиты» в коде, а хранятся и изменяются в реальном времени.
Что вы должны уже знать?
Хоть этот курс и рассчитан на новичков, всё же некоторые знания вам будут нужны. Вам нужно быть знакомыми с основами веб-разработки. Стоит уметь работать с , React и Node хотя бы на базовом уровне. Также будет большим плюсом, если ранее вы работали с базами данных. Все курсы по этим направлениям есть на , поэтому там вы спокойно сможете ознакомиться со всем этим.

При этом, если вы не использовали их в связке, то это как раз идеально, ведь в этом курсе мы как раз и будем всё это объединять воедино для создания полноценных веб-сайтов.
План курса
В курсе мы создадим небольшой веб-сайт, который будет работать с базой данных. Это будет простой, но полноценный проект, в котором можно будет добавлять записи, просматривать их, редактировать и удалять.
У нас не будет регистрации и сложной авторизации, чтобы не перегружать проект лишней логикой. Мы сосредоточимся именно на том, как работает связка MERN и как правильно строить взаимодействие между клиентом, сервером и базой данных.
Дополнительный курс
Если вас интересует более углубленное изучение построения веб проектов с использованием языка JavaScript и технологии Node JS, то предлагаем вам нашу программу обучения по теме Node JS. В программе вы найдете информацию как по разработке клиентской стороны, так и серверной стороны сайта. Вы можете ознакомиться с этой программой .
Большое задание по курсу
Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца
Также стоит посмотреть