udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Приложение для Аренды Автомобилей со стеком MERN: React, Redux, Node
MERN Stack Car Rental Application 2021 : React ,Redux ,Node
★1 (всего оценок - 3)
Продолжительность
7 ч 27 мин
Категория
JavaScriptКоличество уроков
38 Видео
Дата добавления
27 июл. 2022 г., 22:11
Язык
Английский
Дата выхода
22 окт. 2021 г., 03:00
Дата обновления
29 апр. 2026 г., 14:56
Освойте создание полноценного приложения для аренды автомобилей с использованием стека MERN и разработайте современный, быстрый и масштабируемый сервис. Этот курс поможет вам разобрать архитектуру реального проекта, научит работать с клиентской и серверной частью в единой экосистеме JavaScript и уверенно применять React, Redux, Node.js и MongoDB в продакшене.
Что представляет собой приложение для аренды автомобилей на MERN
На протяжении курса вы создадите веб‑платформу, включающую каталог автомобилей, систему бронирований, панели администратора и пользователя, интеграцию с платежами и динамическим интерфейсом. Такой проект станет отличным примером в портфолио и продемонстрирует владение ключевыми инструментами современного full‑stack разработки.
Преимущества использования стека MERN
- Единый язык разработки — JavaScript для фронтенда и бэкенда.
- Высокая скорость разработки благодаря широкому набору библиотек и инструментов.
- Масштабируемость — подходящ для сложных динамических приложений.
- Простая интеграция клиентской и серверной частей.
Краткое описание ключевых технологий
React
Библиотека для создания интерфейсов, идеально подходящая для динамичных проектов, таких как одностраничные приложения и масштабируемые пользовательские панели.
Node.js и Express
Node.js обеспечивает высокопроизводительную серверную среду, а Express позволяет быстро создавать надежные API для обработки запросов, маршрутизации и работы с базами данных.
MongoDB
Гибкая NoSQL база данных, идеально подходящая для работы с динамическими структурами данных и высокими нагрузками.
Что вы изучите на курсе
Курс охватывает как базовые, так и продвинутые концепции разработки на MERN, позволяя вам создать рабочее приложение с нуля.
Фронтенд‑разработка
- Работа с компонентами React и сложной UI‑логикой.
- Использование Redux для управления состоянием.
- Создание адаптивных интерфейсов с Ant Design.
- Hover‑эффекты, анимации и улучшение UX.
Бэкенд‑разработка
- Создание API на Node.js и Express.
- Настройка маршрутов, middleware и логики авторизации.
- Работа с MongoDB и построение моделей данных.
- Реализация функций бронирования и управления контентом.
Полноценный функционал приложения
- Интеграция с платежным шлюзом Stripe.
- Реализация пользовательской и администраторской панелей.
- Управление автомобилями, пользователями и бронированиями.
- Функции аренды в режиме реального времени.
Практическая часть и развертывание
По завершении курса вы развернете приложение в продакшене, загрузите код на GitHub и научитесь настраивать деплой через Heroku.
Практические навыки, которые вы получите
- Полный цикл разработки SPA‑приложения.
- Работа с Git и GitHub.
- Освоение развертывания и конфигурации сервера.
- Умение работать со сложными проектами без использования Redux при необходимости.
Кому подойдет курс
Курс отлично подходит разработчикам, которые хотят получить реальный опыт работы с MERN‑стеком, улучшить навыки full‑stack разработки и создать профессиональный проект для портфолио.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:07:22Introduction
- Урок 2. 00:02:32React setup
- Урок 3. 00:06:37Routes config
- Урок 4. 00:11:11Creating layout
- Урок 5. 00:03:42Node setup
- Урок 6. 00:08:06Mongo Node Connection
- Урок 7. 00:06:13Create car model
- Урок 8. 00:03:53Add static data to cars collection
- Урок 9. 00:05:39Get all cars API
- Урок 10. 00:13:22Redux Store Setup
- Урок 11. 00:09:39Get redux state to Homepage
- Урок 12. 00:22:40Home page design
- Урок 13. 00:10:26Car Hover Effect
- Урок 14. 00:25:32Login , Register pages design
- Урок 15. 00:10:34Login and Register actions
- Урок 16. 00:22:51User authentication API
- Урок 17. 00:03:17Protected Routes
- Урок 18. 00:06:00Car animation in login/register pages
- Урок 19. 00:19:43Booking screen
- Урок 20. 00:14:28Working on timeslots
- Урок 21. 00:14:09Booking car - frontend
- Урок 22. 00:22:12Booking car backend-1
- Урок 23. 00:09:14Booking car backend-2
- Урок 24. 00:21:46Filter cars based on availability
- Урок 25. 00:10:03Booked timeslots modal
- Урок 26. 00:02:30Stripe demo
- Урок 27. 00:10:51Payment gateway - frontend
- Урок 28. 00:14:15Payment gateway - backend
- Урок 29. 00:08:40User Bookings Design
- Урок 30. 00:26:43User Bookings Logic
- Урок 31. 00:12:16Add new car - design
- Урок 32. 00:05:52Add new car-api
- Урок 33. 00:27:20Edit Car Design
- Урок 34. 00:11:02Edit car - api
- Урок 35. 00:08:02Delete Car
- Урок 36. 00:16:54CSS Fixes and Deployment
- Урок 37. 00:08:55Pushing to Github
- Урок 38. 00:03:01Deploy to Heroku
Автор - udemy
Комментарии
Please attach needed files too, especially cars detail json file.