К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
MERN eCommerce from Scratch · LearnSpace
Назад в каталог
courseraПрограммирование

MERN eCommerce from Scratch

Курс от Packt
Средний≈ 22.1 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This comprehensive course provides a detailed guide to building a full-stack e-commerce application using React, Node.js, Express, and MongoDB. Throughout the course, you will gain hands-on experience in creating both the frontend and backend of an e-commerce platform, covering everything from product listings to the checkout process. In the initial sections, you will learn to set up the frontend environment with React, integrating components like headers, footers, product listings, and routing with React Router. You will dive deep into creating interactive user interfaces, including a product details page and rating components. By working through the frontend, you will also understand the essentials of managing application state with Redux. As you progress, the course will introduce you to backend technologies, where you’ll learn how to set up an Express server, connect with MongoDB using Mongoose, and manage your data. You will build essential CRUD functionality and implement features like custom error handling and product fetching from the database. Finally, the course guides you through user authentication, payment integrations with PayPal, and administrative functionalities like managing products and users. By the end of the course, you'll deploy your application to production and have a fully functional e-commerce site ready for real-world use. This course is designed for those with a basic understanding of JavaScript and web development, particularly those looking to expand their skills into full-stack development. It's ideal for developers eager to learn how to build complex applications using popular modern tools and libraries.

Навыки, которые вы освоите

Front-End Web DevelopmentBack-End Web DevelopmentFull-Stack Web DevelopmentAuthenticationsUser Interface (UI)Node.JSApplication DeploymentUI ComponentsPayment SystemsUser AccountsCloud DeploymentDatabase DevelopmentServer SideWeb ApplicationsDevelopment EnvironmentUser Interface and User Experience (UI/UX) DesignJavaScript Frameworks

Программа курса

13 модулей · 117 учебных материалов

01Introduction5 материалов

Introduction

Welcome to the CourseВидеоFull Course ResoursesЧтениеCourse Project IntroductionВидеоCourse Code RepoВидео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

MERN eCommerce from Scratch
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 22.1 ч

13 модулей

Язык: Английский

Субтитры: Арабский, Французский, Итальянский, Корейский, Немецкий, Индонезийский, Испанский, Японский

Часть программы вашего университета
Getting Set UpВидео
02Starting the Frontend9 материалов

Starting the Frontend

React Setup and Git InitializeВидеоHeader and Footer ComponentsВидеоCustom Bootstrap ThemeВидеоList ProductsВидеоImplement React RouterВидеоRating ComponentВидеоProduct Details PageВидеоSetting Up React Projects with Create React AppDIALOGUEStarting the Frontend - AssessmentЗадание
03Serving and Fetching Data7 материалов

Serving and Fetching Data

Full-Stack Workflow and ExplanationВидеоExpress Server and Initial Product RoutesВидеоNodemon and ConcurrentlyВидеоEnvironment VariablesВидеоFetch ProductsВидеоUnderstanding Full Stack Application Workflow with Node.js and ExpressDIALOGUEServing and Fetching Data - AssessmentЗадание
04Starting MongoDB and Mongoose11 материалов

Starting MongoDB and Mongoose

MongoDB Atlas SetupВидеоMongoDB Compass SetupВидеоConnect with MongooseВидеоModeling Our DataВидеоPrepare Sample DataВидеоSeeding Sample DataВидеоGetting Started with PostmanВидеоGet Products from DatabaseВидеоCustom Error MiddlewareВидеоSetting Up and Using MongoDB AtlasDIALOGUEStarting MongoDB and Mongoose - AssessmentЗадание
05Redux Toolkit Setup and State Management7 материалов

Redux Toolkit Setup and State Management

Redux and State OverviewВидеоRedux Store and API SliceВидеоProducts API Slice and Get Products EndpointВидеоGet Product Details Endpoint ChallengeВидеоLoader and Message ComponentsВидеоImplementing Redux in a React ApplicationDIALOGUERedux Toolkit Setup and State Management - AssessmentЗадание
06Shopping Cart Functionality9 материалов

Shopping Cart Functionality

Cart Slice and ReducerВидеоAdd to Cart FunctionВидеоQty and Add to Cart HandlerВидеоCart Utils FileВидеоItem Count In HeaderВидеоCart ScreenВидеоRemove from CartВидеоImplementing Redux Toolkit in Shopping Cart ApplicationDIALOGUEShopping Cart Functionality - AssessmentЗадание
07Backend Authentication10 материалов

Backend Authentication

User Routes and ControllerВидеоUser Email and Password ValidationВидеоHow Do JSON Web Tokens Work?ВидеоJWT HTTP-Only CookieВидеоAuth Middleware and EndpointВидеоLogout User and Clear CookieВидеоUser Register Endpoint and EncryptionВидеоUser Profile EndpointsВидеоBuilding User Authentication RoutesDIALOGUEBackend Authentication - AssessmentЗадание
08Frontend Authentication7 материалов

Frontend Authentication

Auth and User API SliceВидеоLogin ScreenВидеоLogin FunctionalityВидеоUser LogoutВидеоUser RegistrationВидеоUsing Redux for Auth ManagementDIALOGUEFrontend Authentication - AssessmentЗадание
09Checkout Process - Part 110 материалов

Checkout Process - Part 1

Shipping ScreenВидеоPrivate RoutesВидеоCheckout Steps ComponentВидеоPayment MethodВидеоOrder Routes and ControllerВидеоCreate and Get OrdersВидеоOrder API Slice and Start Order ScreenВидеоCreating an OrderВидеоIntegrating Redux with React for E-commerce State ManagementDIALOGUECheckout Process - Part 1 - AssessmentЗадание
10Checkout Process - Part 28 материалов

Checkout Process - Part 2

Order PageВидеоPayPal Setup and Order PaidВидеоReact-PayPal IntegrationВидеоPayPal ButtonsВидеоUser Profile and UpdateВидеоDisplay Order HistoryВидеоFetching and Displaying Order Details with ReactDIALOGUECheckout Process - Part 2 - AssessmentЗадание
11Admin Functionality16 материалов

Admin Functionality

Admin Route ComponentВидеоList Orders for AdminВидеоDeliver Order StatusВидеоList Products for AdminВидеоCreating ProductsВидеоEdit ProductВидеоUpdate Product Bug FixВидеоMulter and Image Upload EndpointВидеоUpload Product Image - FrontendВидеоDelete ProductsВидеоBackend User RoutesВидеоList Users for AdminВидеоDelete UsersВидеоUpdate UsersВидеоCreating an Admin Route in ReactDIALOGUEAdmin Functionality - Assessment Задание
12Reviews, Search, and More10 материалов

Reviews, Search, and More

Create Reviews - BackendВидеоCreate Reviews - FrontendВидеоPaginate ProductsВидеоPaginate ComponentВидеоSearch ProductsВидеоSearch Box ComponentВидеоProduct CarouselВидеоPage TitlesВидеоImplementing Review System in BackendDIALOGUEReviews, Search, and More - AssessmentЗадание
13Deploy to Production8 материалов

Deploy to Production

Prepare for ProductionВидеоDeploy to RenderВидеоAdd Server IP to MongoDB AtlasВидеоAdding a Custom DomainВидеоWrap UpВидеоDeploy to Production - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание