Menu
CoddyTech
START LEARNING
Путь обучения

Роадмап MERN-разработчика

Бесплатные курсы в том порядке, в котором они нужны MERN-разработчику: HTML, CSS и JavaScript для страницы, React для интерфейса, затем Node.js и Express для сервера, MongoDB для данных и вход в аккаунт, чтобы всё это защитить. Один язык, JavaScript, от первого тега до последнего маршрута API, и каждый урок выполняется в браузере.

Начать обучение(бесплатно)

711,880+ codders записались на эти курсы

718 уроков808 задачи3,295 вопросов квиза

Роадмап MERN-стека, шаг за шагом

5 курсов16 разделов718 уроков808 задачи3,295 вопросов квиза

Каждый шаг представляет собой раздел уже существующего курса Coddy. Проходите их по порядку или переходите сразу к тому, которого вам не хватает: прогресс в любом случае сохраняется по каждому курсу отдельно.

  1. 1
    Шаг 1

    HTML и CSS: страницаСвоя страница

    Начать этот шагНачать    Элементы, ссылки, формы и семантическая разметка, затем селекторы, блочная модель, flexbox, grid и адаптивная вёрстка. Позже React будет писать HTML за вас, так что это язык, на котором он говорит.НачатьСвоя страница
    3 разделов, по порядку
    1. Основы60 уроков86 задачи251 вопросов3 проектов
    2. Стилизация с CSS76 уроков110 задачи418 вопросов3 проектов
    3. Мастерство CSS43 уроков40 задачи164 вопросов
    179 уроков236 задачи833 вопросов6 проектов
  2. 2
    Шаг 2

    JavaScriptСвоя страница

    Начать этот шагНачать    Переменные, функции, массивы и объекты, затем условия и циклы, затем классы. Это единственный язык, который вы используете на каждом следующем шаге, в браузере и на сервере.НачатьСвоя страница
    3 разделов, по порядку
    1. Основы77 уроков111 задачи389 вопросов3 проектов
    2. Логика и поток65 уроков69 задачи325 вопросов2 проектов
    3. Объектно-ориентированное программирование56 уроков62 задачи304 вопросов
    198 уроков242 задачи1,018 вопросов5 проектов
  3. 3
    Шаг 3

    JavaScript в браузере

    Начать этот шагНачать    DOM, события, формы и валидация, затем практические приёмы вроде вкладок, модальных окон и адаптивной навигации. То, что React делает за вас, становится понятным, когда вы уже сделали это вручную.Начать
    2 разделов, по порядку
    1. JavaScript в действии27 уроков27 задачи163 вопросов
    2. Практический фронтенд35 уроков34 задачи197 вопросов
    62 уроков61 задачи360 вопросов
  4. 4
    Шаг 4

    React: буква R в MERNСвоя страница

    Начать этот шагНачать    Компоненты, JSX, props, state, события, списки и управляемые формы, а в конце небольшая карточка для соцсети, которую вы собираете шаг за шагом. React и есть тот интерфейс, с которым будет работать ваш API.НачатьСвоя страница42 уроков37 задачи65 вопросов
  5. 5
    Шаг 5

    Node.js: буква N в MERNСвоя страница

    Начать этот шагНачать    JavaScript вне браузера: аргументы командной строки, модули, чтение и запись файлов, колбэки, промисы, async и await, цикл событий и события. Вы создаёте инструмент для заметок в командной строке.НачатьСвоя страница24 уроков24 задачи44 вопросов6 проектов
  6. 6
    Шаг 6

    Express и REST API: буква E

    Начать этот шагНачать    Маршруты, параметры, JSON, middleware, обработчики ошибок и роутеры на сайте рецептов, затем API для списка задач: POST, PATCH, PUT и DELETE, валидация с zod, фильтрация, сортировка, пагинация и CORS.Начать
    2 разделов, по порядку
    1. Основы Express20 уроков20 задачи39 вопросов1 проект
    2. REST API18 уроков18 задачи45 вопросов1 проект
    38 уроков38 задачи84 вопросов2 проектов
  7. 7
    Шаг 7

    MongoDB и вход: буква M

    Начать этот шагНачать    Документы и коллекции из API на Express: вставка, ObjectId, фильтры, операторы обновления, уникальные индексы, агрегация и $lookup. Затем вопрос, кто может видеть данные: хешированные пароли, сессии, JWT, владельцы и роли администратора, заголовки безопасности и ограничение частоты запросов.Начать
    2 разделов, по порядку
    1. Базы данных с MongoDB18 уроков18 задачи44 вопросов4 проектов
    2. Аутентификация и безопасность17 уроков17 задачи37 вопросов4 проектов
    35 уроков35 задачи81 вопросов8 проектов
  8. 8
    Шаг 8

    Терминал и GitСвоя страница

    Начать этот шагНачать    Файлы, права доступа, пайпы и скрипты в настоящем терминале, затем коммиты, ветки, слияния и удалённые репозитории. Каждый MERN-проект живёт в репозитории Git и запускается из командной строки.НачатьСвоя страница
    2 разделов, по порядку
    1. Основы82 уроков80 задачи440 вопросов3 проектов
    2. Контроль версий58 уроков55 задачи370 вопросов2 проектов
    140 уроков135 задачи810 вопросов5 проектов
Что вы получаете
Всё, что вам нужно, чтобы научиться программировать

Учитесь на практике

Пишите реальный код, работайте с базами данных, создавайте сайты и осваивайте ИИ-промпты. Наши интерактивные уроки охватывают все навыки, необходимые современным разработчикам.

playground.js
Редактор кода
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Тест №1test Case Success icon
Тест №2test Case Success icon
Тест №3test Case Failure icon
Ввод
"Alex"
Вывод
"Hello, Coddy! Alex"

Создайте свою серию

Будьте последовательны и наблюдайте за своим прогрессом! Отслеживайте ежедневную привычку программирования, защищайте свою серию с помощью дней заморозки и получайте награды за каждый день.

12 дней подряд

Возвращайтесь завтра, чтобы сохранить серию!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Всё или ничего

День 5 из 7

fire Freeze icon

Заморозка серии

2 left

Вы не одиноки

Соревнуйтесь в глобальных рейтингах, приглашайте друзей, чтобы получать награды, и празднуйте успехи друг друга. Программировать веселее с друзьями!

Лига Претендентов
Лига ПретендентовТоп 7 продвигаются
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconЗона продвиженияleaderboard Arrow Up icon

Учитесь как угодно

Читайте, слушайте, проверяйте себя, спрашивайте у ИИ или ищите то, что уже изучили. Каждый урок подстраивается под вас.

Введение в переменные
Аудио

Переменная - это именованный контейнер, который хранит значение для последующего использования.

В Python вы создаёте её, написав имя, знак равенства и значение, которое нужно сохранить.

Значение может меняться. Переприсваивание просто направляет имя на новое значение.

1xSarah

Ваш сертификат

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

CoddyСертификат о прохождении
Настоящим подтверждается, чтоИван Ивановуспешно завершил(а)
python iconОсновы Python
Подтверждено
Датаянв. 2026
LinkedInДобавить в LinkedIn

Почему учить MERN-стек на Coddy

  • Каждый слой работает рядом с кодом. Компоненты React отрисовываются, пока вы печатаете, сервер Express отвечает на панель запросов, где вы выбираете метод, заголовки и тело JSON, а запросы MongoDB выполняются к базе данных, которую можно открыть на вкладке с данными. Ничего не нужно устанавливать, так что хватит и школьного ноутбука.
  • Один язык на весь стек. Первые шаги пути посвящены JavaScript и браузеру, поэтому когда появляется Node.js, сервер приносит новые идеи, а не новый язык: те же функции, объекты и асинхронный код, только теперь они отвечают на запросы.
  • Проект в каждом разделе бэкенда: инструмент для заметок в командной строке, сайт рецептов, API для списка задач, API оценок книг на MongoDB и приложение для заметок с аккаунтами. Каждый собирается урок за уроком и проверяется тестами, которые отправляют на ваш сервер настоящие запросы.
  • Подсказки, которые читают ваш код. Когда маршрут отвечает 404, запрос ничего не возвращает или вход пускает не того пользователя, Bugsy, ИИ-наставник, смотрит на то, что вы написали, и показывает нужную строку, не написав исправление за вас.

Частые вопросы о MERN-стеке

Что такое MERN-стек?

Способ построить целое веб-приложение на JavaScript с помощью четырёх инструментов: MongoDB хранит данные в виде документов, Express превращает программу на Node.js в веб-сервер и API, React строит интерфейс, который работает в браузере, а Node.js выполняет JavaScript на сервере. Код React в браузере обращается к API на Express, а тот читает и записывает данные в MongoDB.

Как расшифровывается MERN?

MERN означает MongoDB, Express, React и Node.js. Порядок здесь задают буквы слова, а не порядок изучения: на этом пути вы начинаете со страницы (HTML, CSS, JavaScript и React), а затем переходите к серверу (Node.js и Express) и базе данных (MongoDB).

Чем занимается MERN-разработчик?

Создаёт функции от базы данных до экрана: проектирует документы MongoDB, пишет маршруты Express, которые их создают, читают, обновляют и удаляют, защищает эти маршруты входом в аккаунт и строит страницы React, которые к ним обращаются. Все четыре инструмента работают на JavaScript, поэтому один разработчик может провести функцию через все слои.

Стоит ли сейчас учить MERN-стек?

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

Что учить: MERN или MEAN?

MERN, для большинства тех, кто начинает сейчас. Оба стека используют MongoDB, Express и Node.js и отличаются только фронтендом: React в MERN, Angular в MEAN. React распространён шире и с него проще начать, а переход на Angular позже означает изучить один новый фреймворк, а не новый стек.

Сколько времени нужно, чтобы выучить MERN-стек?

От восьми до десяти месяцев при занятиях по часу в день, чтобы пройти этот путь. HTML и CSS занимают около шести недель, JavaScript и браузер от двух до трёх месяцев, React около месяца, а пять разделов по Node.js (Node.js, Express, REST API, MongoDB, вход в аккаунт) ещё три месяца. Если вы уже знаете JavaScript, начните с шага React, и это займёт около четырёх месяцев.

Можно ли выучить MERN-стек, ничего не устанавливая?

Да, на этом пути. Каждый урок выполняется в браузере: React отрисовывается рядом с редактором, ваши программы на Node.js запускаются в терминале, серверы отвечают на панель запросов, а в разделе по MongoDB используется база данных в памяти, которая понимает API драйвера MongoDB. Когда позже вы будете делать своё приложение, вы установите Node.js и MongoDB на компьютер, и код перенесётся без изменений.

Будет ли сертификат за путь MERN-разработчик?

Да. Пройдите все шаги и получите один бесплатный сертификат за весь путь MERN-разработчик. В нём перечислены все курсы, пройденные по пути, а также ссылки на сертификат каждого курса, чтобы любой мог проверить каждый указанный навык. Его можно добавить в профиль LinkedIn. Это сертификат о завершении от Coddy, а не аккредитованная квалификация.

Другие пути обучения

Те же курсы, выстроенные под другую роль. Прогресс сохраняется: курс, пройденный на одном пути, засчитывается на каждом пути, куда он входит.

Все пути обучения
Иллюстрация языков программирования Coddy

Начните путь MERN-разработчик бесплатно

Начать учиться