MERN Stack

MERN Stack Разработка / #1 - Создание Full Stack приложения (React + Node)

MERN Stack Разработка / #1 - Создание Full Stack приложения (React + Node)

Представляем вам курс по изучению MERN Stack разработки с нуля для начинающих. В ходе курса мы выполним построение небольшого веб сайта на базе MERN стека (Mongo, Express, Node, React JS).

Видеоурок

Что такое MERN?

Ранее, скорее всего, вы уже изучали такие вещи, как Node.js, React и базы данных MongoDB. Сейчас вы умеете работать с ними, но не знаете, как их можно все вместе скомбинировать, чтобы построить полноценный веб-сайт.


И вот MERN — это не новая технология, а просто набор технологий, или, другими словами, полноценный стек, который позволяет создавать веб-приложения от начала и до конца.


MERN — это аббревиатура, которая расшифровывается как MongoDB, Express, React и Node.js. Каждая из этих технологий отвечает за свою часть приложения. React отвечает за интерфейс, то есть за то, что видит пользователь. Node.js и Express отвечают за серверную логику, обработку запросов и работу с данными. А MongoDB используется для хранения информации в базе данных.



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


Как работает приложение на MERN?

Чтобы лучше понять, как всё это устроено, давайте представим простой сценарий. Пользователь открывает сайт и видит список записей. Эти записи не хранятся в самом React-приложении — они лежат в базе данных.


Когда страница загружается, React отправляет запрос на сервер. Сервер принимает этот запрос, обращается к базе данных, получает нужные данные и отправляет их обратно. После этого React отображает их на странице.



Если пользователь, например, добавляет новую запись, то происходит примерно тот же процесс. Данные отправляются с клиента на сервер, сервер сохраняет их в базе, а затем возвращает обновлённый результат.


И вот за счёт такого взаимодействия мы получаем полноценное приложение, где данные не просто «зашиты» в коде, а хранятся и изменяются в реальном времени.


Что вы должны уже знать?

Хоть этот курс и рассчитан на новичков, всё же некоторые знания вам будут нужны. Вам нужно быть знакомыми с основами веб-разработки. Стоит уметь работать с JavaScript, React и Node хотя бы на базовом уровне. Также будет большим плюсом, если ранее вы работали с базами данных. Все курсы по этим направлениям есть на нашем сайте, поэтому там вы спокойно сможете ознакомиться со всем этим.



При этом, если вы не использовали их в связке, то это как раз идеально, ведь в этом курсе мы как раз и будем всё это объединять воедино для создания полноценных веб-сайтов.


План курса

В курсе мы создадим небольшой веб-сайт, который будет работать с базой данных. Это будет простой, но полноценный проект, в котором можно будет добавлять записи, просматривать их, редактировать и удалять.


У нас не будет регистрации и сложной авторизации, чтобы не перегружать проект лишней логикой. Мы сосредоточимся именно на том, как работает связка MERN и как правильно строить взаимодействие между клиентом, сервером и базой данных.


Дополнительный курс

Если вас интересует более углубленное изучение построения веб проектов с использованием языка JavaScript и технологии Node JS, то предлагаем вам нашу программу обучения по теме Node JS. В программе вы найдете информацию как по разработке клиентской стороны, так и серверной стороны сайта. Вы можете ознакомиться с этой программой здесь.


Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Фреймворк Next JS / Изучение NextJS для начинающих
8 уроков
Three.js с нуля: Разработка сайта с 3Д Графикой
10 уроков
Курс Nuxt JS / Изучение Nuxt.js фреймворка
8 уроков
Создание приложения на React JS / Использование API
7 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Изучение JavaScript для начинающих!
15 уроков
Комментарии
Добавить комментарий

Пока комментариев нет