
Watch a live demo of the mean stack project to build an online shop. Explore how the mean stack comes together in a course on ASP.NET Core.
Learn to build a first simple React app by importing libraries, using assets, creating components, and running the project to view it on your website.
Explore function-based versus class-based components, learn how to clean up code, extend components, and structure a user interface with a left navigation menu and header.
Explore what React JS props are and how they influence component rendering and data flow, with examples of importing data and rendering components.
Review the props final review session, interpreting the video content and the debt, spending, being frustrated, and moments of decision.
Explore React state concepts, learn how state changes and methods to change state, and how to display state values.
Explore building a web application with React, focusing on routing in a single-page app, rendering components, and integrating libraries to support web and mobile experiences.
Insert a document into a MongoDB collection within a lesson, using the insert method and handling the operation's success or error.
Install and use Mongoose, define and extend a schema for documents, validate fields with min and max values, and embed subdocuments and arrays for complex data in a MEAN stack.
Explore modeling concepts, licensing, empathy, and lessons in venture contexts through practical demonstrations and reflective discussion.
Develop an API for creating a course category, attach documents to lessons, and manage requests with a third-party library, illustrating category and lesson workflows.
Register a user via the API and secure the password by bcrypt encryption, following library installation and integration steps in the ASP.NET Core and MERN MEAN stack course.
Implement an API to create a course within a scalable curriculum system, manage lessons and access to video content.
Discover how to set up the ElementReact UI library, initialize the project, and manage assets and components. The lecture covers admin workflows, library usage, and deployment considerations on Heroku.
Set up a static list of course categories using the ElementReact table to demonstrate how to present categories in a user interface.
Set up and run frontend and backend concurrently from a single command, using npm to streamline development for a web API and server.
Learn how to connect ReactJS with Redux using the react-redux library, manage component state and properties, and streamline data flow for a MERN stack online course and shop.
Set up a create/update course category form with ElementReact UI, read and list categories, enable editing and posting updates to the backend, and manage form state and visibility.
Learn how to build a create course form, capturing course details and cost with an instructor, and enable future modification for flexible online course setup.
Update the course form to integrate an upload function for video files, leveraging ASP.NET Core and the MERN MEAN stack.
Display course information by course ID within a component, fetch and update data as selections change, and manage new values in a web development context.
Update course data to the database using ASP.NET Core and the MERN MEAN stack, and learn practical steps to manage content and reflect changes in your online course and shop.
Explore how to update the course curriculum form, manage lessons and costs, provide previews and free video lessons, and decide what content learners can buy and view.
Build a user interface prototype for updating the course curriculum form, exploring curriculum components and system interactions to capture updates and lessons learned.
Explore how to change the title of a curriculum section within the course curriculum system, update the display, and enforce the new title across the system.
Explore how to choose the lesson content type as upload video file within the course curriculum component for the online course and shop.
Learn the logout flow in a web app, including displaying your name or email during sign-out in an Asp.Net Core and MERN MEAN stack context.
Compare axios and Angular HttpClient for communicating with an API server in the ASP.NET Core and MERN MEAN stack course, focusing on client-side API calls and integration.
Design an admin layout using angular material ui, focusing on content components and practical interface decisions.
Load data using the Angular Material UI table component in an ASP.NET Core and MERN MEAN stack course by defining an array of data for the table.
Load real categories into the UI by populating a material UI table component with authentic data from a source, showing how real data drives the category list display.
Manage categories and build a dynamic online course and shop by implementing data filtering, sorting, and pagination across ASP.NET Core and MERN MEAN stack.
Learn to build a create, update, and delete category user interface component within an asp.net core and MERN MEAN stack course, focusing on information flow and database integration.
Set up an ASP.NET Core 3.1 web api project and configure a functional web api server, including implementing authentication options and working with a sample weather forecast controller.
Implement an API for managing products, modeling one-to-many relationships with categories to support an online course and shop built on asp.net core and the MERN MEAN stack.
Implement the generic repository pattern in this asp.net core & mern mean stack course, emphasizing consistent implementation and entity usage across the project.
Master authentication and authorization in asp.net core using jwt tokens. Understand token creation, identity management, and securing endpoints to protect data.
Implement authentication and authorization in ASP.NET Core using JWT by building an authentication controller, integrating identity, email activation, and token-based security for protected resources.
Fix bugs between the Angular client and the ASP.NET Core Web API server by implementing robust authentication and permission checks for secure access across the online shop.
Deploy the MERN and MEAN stack to Heroku and learn practical deployment steps for hosting a full-stack web app.
source code
In this course you not only learn React JS, MongoDB basic knowledge but also learn how to build a complete "Ecommerce Online Course website" and "Online Shop (mini Udemy clone)" using MERN & MEAN stack and ASP.NET Core Web API from scratch.
You will learn many interesting techniques from this course:
+ How to setup a simple MERN stack project
+ How to setup a simple MEAN stack project
+ How to setup Web API Server using NodeJS (Express JS) with MongoDB and Asp.Net Core 3.x Web API with MS SQL Server
+ How to integrate CKEditor in your ReactJS
+ How to upload file in ReactJS & Angular and NodeJS (using Multer library) & upload file to ASP.NET Core API server.
+ How to integrate Paypal checkout
+ How to use ElementReact UI , Angular Material UI for building user interfaces with existed components for Button, Table, Tab,Upload.... and much much more components for nice user interface
+ How to use Redux, NgRx Store for better state management in React JS, Angular
In this course you not only learn React JS, MongoDB basic knowledge but also learn how to build a complete "Ecommerce Online Course website" and "Online Shop" using MERN & MEAN stack and ASP.NET Core Web API from scratch.