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

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

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

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

E-Commerce Application Development & Deployment

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

О курсе

This course 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 will guide you through building and deploying a full-stack e-commerce application. You’ll learn the intricacies of front-end development using Next.js, React, and Tailwind CSS, alongside back-end skills such as authentication, database management, and integrating payment gateways. By the end of the course, you will have developed a functional and secure e-commerce platform, ready for deployment. Throughout the course, you will begin by understanding key technologies like Next.js for server-side rendering and React hooks for state management. From there, you’ll progress through building critical components of an admin panel and client-side UI, including product management, user authentication, and cart functionality. The course emphasizes hands-on projects, including setting up databases, implementing APIs, and integrating Stripe for payment systems. This course is designed for developers interested in building dynamic e-commerce applications from scratch. No prior experience in e-commerce development is required, but familiarity with React, JavaScript, and web development basics is recommended. The course is suitable for intermediate learners, offering a practical approach to web development in a real-world context. By the end of the course, you will be able to build a complete e-commerce platform from scratch, implement user authentication and payment processing, manage inventory and products, and deploy your application to the web with CI/CD integration.

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

Back-End Web DevelopmentApplication DevelopmentReact.jsApplication DeploymentDatabase ManagementUser Interface and User Experience (UI/UX) DesignCI/CDCascading Style Sheets (CSS)DatabasesDatabase DevelopmentJavaScript FrameworksSQLUser Interface (UI) DesignFull-Stack Web DevelopmentWeb DevelopmentUI ComponentsEmail SecurityWeb ApplicationsApplication Programming Interface (API)Continuous Deployment

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

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

01Caching in NextJS10 материалов

Caching in NextJS

Introduction to the Course 'E-Commerce Application Development & Deployment'ЧтениеFull Specialization ResourceЧтениеUnderstanding Caching in NextВидеоIQ - Understanding Caching in NextВидео

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

Packt - Course Instructors

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

E-Commerce Application Development & Deployment
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 18.3 ч

9 модулей

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

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

Часть программы вашего университета
Unexpected Behaviour in Project BuildВидео
IQ - Unexpected Behaviour in Project BuildВидео
Static to Dynamic - Cache ControlВидео
IQ - Static to Dynamic - Cache ControlВидео
Understanding Caching in Next.js ApplicationsDIALOGUE
Caching in NextJS - AssessmentЗадание
02Miscellaneous Hooks14 материалов

Miscellaneous Hooks

useActionState() HookВидеоIQ - useActionState() HookВидеоThe Magic of MemoizationВидеоIQ - MemoizationВидеоuseCallback() and useMemo() HookВидеоIQ - useCallback() and useMemo() HookВидеоThe useOptimistic() HookВидеоIQ - useOptimistic() HookВидеоThe useFormStatus() HookВидеоIQ - useFormStatus() HookВидеоThe useDebugValue() HookВидеоIQ - useDebugValue() HookВидеоOptimizing Form Handling and UI with React HooksDIALOGUEMiscellaneous Hooks - AssessmentЗадание
03MyStore - Admin Section55 материалов

MyStore - Admin Section

IntroductionВидеоProject CreationВидеоCreating Sidebar ComponentВидеоWorking on SidebarВидеоCombining Utility Classes with @applyВидеоIQ - @layer & @apply - Combining Utility ClassesВидеоStyling the SidebarВидеоAdding Icons to the SidebarВидеоCreating 'Users' PageВидеоCreating 'Add Users' FormВидеоImplementing Component-Based ArchitectureВидеоCreating Button & Input ComponentsВидеоRefactoring Code StructureВидеоDatabase CreationВидеоAdding Users with Server ActionВидеоImplementing HashingВидеоIQ - Implementing HashingВидеоValidating User CreationВидеоRendering Users in the TableВидеоCreating Edit User PageВидеоDynamic Default Values for EditВидеоUpdating User DataВидеоDeleting UserВидеоCreating Delete Confirmation PopupВидеоEnabling Confirmation PopupВидеоDeleting User by Confirmation PopupВидеоCreating Product Type PageВидеоCreating Add Product Type PageВидеоAdding Product Types and Product Models into the SchemaВидеоIQ - Adding Models in the Schema - Product Type & ProductВидеоAdding Product Type Using Server ActionВидеоRendering Product Types into the TableВидеоCreating Edit Product Type PageВидеоDynamic Default Values for Product TypeВидеоUpdating Product Type with Server ActionВидеоDeleting Product Type with Server ActionВидеоCreating Products PageВидеоCreating Products Interface for ListingВидеоCreating Add Product PageВидеоCompleting Add Product FormВидеоCreating Switch ComponentВидеоCreating File Input ComponentВидеоRendering Dynamic Product Types Data in Add Product PageВидеоCreating Server Action for Adding ProductsВидеоImplementing Image Storage FunctionalityВидеоCompleting Add Product FunctionalityВидеоRendering Dynamic Data in Products TableВидеоCreating Edit Product PageВидеоDynamic Default Values for ProductВидеоRender Default Values in Switch and File InputВидеоUpdating Product with Server ActionВидеоIQ - Updating Product with Server ActionВидеоDeleting Product with Server ActionВидеоImplementing Server Actions and Data Management in Next.js E-Commerce AdminDIALOGUEMyStore - Admin Section - AssessmentЗадание
04MyStore - Client Section44 материалов

MyStore - Client Section

Initiating Client SectionВидеоCreating Header ComponentВидеоImplementing Search BarВидеоJoining Tailwind Classes with Ideal ApproachВидеоIQ - Joining Tailwind Classes with Ideal ApproachВидеоAdding Profile DropdownВидеоuseRef() HookВидеоClose Profile Dropdown Menu on Outside ClickВидеоIQ - Close Profile Dropdown Menu on Outside ClickВидеоCreating Input ComponentВидеоCreating Home PageВидеоCreating Filters SectionВидеоCreating Custom Accordion ComponentВидеоIQ - Creating Custom Accordion ComponentВидеоCompleting Custom Accordion ComponentВидеоContinue on Filter SectionВидеоCreating Price Range Slider ComponentВидеоCreating Product Card ComponentВидеоCompleting Product Card ComponentВидеоCreating Button ComponentВидеоAPI Creation for Product ListingВидеоDynamic Product Rendering Using Server ActionВидеоAPI Creation For Fetching Product TypesВидеоDynamic Product Type Rendering Using APIВидеоSet Filter Values into the Search ParamsВидеоModifying Products API to Apply FiltersВидеоFilter Functionality on Client SideВидеоSearch Filter FunctionalityВидеоCreating the Product PageВидеоCompleting Product PageВидеоAPI Creation For Fetching a Product by Its IDВидеоDynamic Product Details Rendering Using APIВидеоRendering Products Based on StatusВидеоCreating Cart PageВидеоRendering Cart Item CardВидеоCompleting the Cart UIВидеоCreating Context for Handling ProductsВидеоIQ - Creating Context for Handling ProductsВидеоImplement Cart FunctionalitiesВидеоMaking Cart Page DynamicВидеоEnabling Quantity SelectionВидеоFinishing Dynamic Cart PageВидеоMastering UI Filter Functionality and State Management in React Client AppsDIALOGUEMyStore - Client Section - AssessmentЗадание
05MyStore - Authentication24 материалов

MyStore - Authentication

Creating Login PageВидеоIntroduction of JOSE + JWTВидеоSetup Authentication Flow Using JOSE + JWTВидеоCreate Server Action for LoginВидеоCookie-Based AuthenticationВидеоIQ - Cookie-Based AuthenticationВидеоHandling Private and Public Routes Using MiddlewareВидеоFetching Authenticated User DataВидеоImplementing Logout with Server ActionВидеоAuthenticate All Server Actions of Admin SectionВидеоCreating Authentication Routes in Client SectionВидеоCreating Interface for Authentication RoutesВидеоCreating Buyer Table in the DatabaseВидеоCreating Sign-up APIВидеоTesting Signup API Using PostmanВидеоCreating Login APIВидеоTesting the Login API Using PostmanВидеоImplementing Signup Functionality in the Client SectionВидеоImplementing Customer Login FunctionalityВидеоAPI to Fetch Unique Customer's DataВидеоFetching Customer's Data Using API in the Client SectionВидеоLogout Functionality in the Client SectionВидеоImplementing Authentication Flow with JWT and CookiesDIALOGUEMyStore - Authentication - AssessmentЗадание
06MyStore - Payment Gateway & Sales14 материалов

MyStore - Payment Gateway & Sales

IntroductionВидеоIQ - IntroductionВидеоBasic Configurations of StripeВидеоRendering Stripe's Embedded Checkout FormВидеоCreating Checkout Session DynamicallyВидеоCreating Payment Status PageВидеоCreating Sales and Transaction Table in DatabaseВидеоAPI to Update Database After the Successful CheckoutВидеоTesting the Checkout API Using PostmanВидеоIntegrating Checkout API in the Client SectionВидеоCreating Buyer Master SectionВидеоRendering Dynamic Data in Buyers TableВидеоImplementing Stripe Checkout Flow and Buyer ManagementDIALOGUEMyStore - Payment Gateway & Sales - AssessmentЗадание
07MyStore - Reports and Analysis (Charts)15 материалов

MyStore - Reports and Analysis (Charts)

IntroductionВидеоPreparing Customers and Buyers ReportВидеоRendering Customers & Buyers ReportВидеоPreparing Total Revenue ReportВидеоPreparing Recent Order ReportВидеоCreating Purchased Products ModalВидеоFetching Purchased Products in ModalВидеоRender Products in the Purchased Products TableВидеоImplementing Chart Using RechartsВидеоPreparing Sales Report Using ChartВидеоRendering Sales Chart with Dynamic ValuesВидеоPreparing Customers Report Using ChartВидеоCreating Chart Section ComponentВидеоAnalyzing Business Dashboard Reports and Dynamic ChartsDIALOGUEMyStore - Reports and Analysis (Charts) - AssessmentЗадание
08MyStore – Deployment12 материалов

MyStore – Deployment

IntroductionВидеоIQ - IntroductionВидеоIntroduction to CI/CDВидеоIQ - Introduction to CI/CDВидеоGithub IntegrationВидеоIQ - Github IntegrationВидеоDatabase Migration from SQLite to MySQLВидеоLink the MySQL Database to Admin ApplicationВидеоDeploying Admin App on VercelВидеоDeploying Client App on VercelВидеоUnderstanding Web Application Deployment and CI/CD with VercelDIALOGUEMyStore – Deployment - AssessmentЗадание
09Bit-Sized Project: Email OTP Verification23 материалов

Bit-Sized Project: Email OTP Verification

Introduction & Project DefinitionВидеоWhy Choose Vite over CRA?ВидеоSetting Up the EnvironmentВидеоInstall and Configure Tailwind CSSВидеоCreating Card for Email VerificationВидеоCreating RoutesВидеоCreating OTP Verification CardВидеоHandling Form ValuesВидеоSetting Up Express Server Using NodeJSВидеоCreating Basic GET APIВидеоCreating a Simple POST APIВидеоPOSTMAN InstallationВидеоMaking a POST Request from POSTMANВидеоOrganizing Routes with "express.Router()"ВидеоSending Email Using SendGridВидеоCreating API to Verify OTPВидеоSet OTP Expiration TimeВидеоAPI Integration for Sending OTPВидеоIntegrating API to Verify the OTPВидеоConclusion to the Course 'E-Commerce Application Development & Deployment'ЧтениеBit-Sized Project: Email OTP Verification - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание