MERN Stack

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

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

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

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Что такое 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 місяця

Також варто подивитися

Вивчення JavaScript: від нуля та до створення сайту
Курс Nuxt JS / Изучение Nuxt.js фреймворка
8 уроків
Three.js с нуля: Разработка сайта с 3Д Графикой
10 уроків
Практика React JS / Разработка магазина (eCommerce)
9 уроків
Создание приложения на React JS / Использование API
7 уроків
Изучение библиотек jQuery
24 урока
Коментарі
Додати коментар

Поки що коментарів немає