Full MERN Stack Course For Beginners With Projects (2022)

Learn MERN Stack From Beginner Level To Advanced Level and Start Creating Big Projects

3.80 (5 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Full MERN Stack Course For Beginners With Projects (2022)
37
students
9 hours
content
Apr 2022
last update
$19.99
regular price

What you will learn

Learn Full Stack Development

Learn To Build Projects With MERN Stack

Create Modern Web Applications

Create Responsive Web Applications

Material UI Design Components

Beginner, Intermediate and Advanced Projects

Handle Multiple Collections in MongoDB

Advanced React Functionality

Using Redux With MERN Stack

Create a Book Store Application With Basic Functionalities

Create a Completely Secure Advanced Application With Encryption and JWT and HttpOnly Cookies

Blog Posting Application with User Authentication and Blogs CRUD operations

And That's a lot For 9 Hours

Description

If you are looking for MERN Stack Course. This is it. The only course you need to learn it with projects

Everything is explained in code.

Let's See About Course


What is MERN Stack?

It's the combination of MongoDB, ExpressJS, NodeJS, and ReactJS. It all combines with MERN.


MongoDB: MongoDB is a source-available cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas. MongoDB is developed by MongoDB Inc. and licensed under the Server Side Public License.

ExpressJS: Express.js, or simply Express, is a back-end web application framework for Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js.

ReactJS: React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications

NodeJS: Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.


What are the projects:


  • 3 Big Projects

  • Book Store Application

  • Advanced User Authentication and Authorization Application

  • Social Media Blog Posting Application

What you will learn in this course:



In Backend:


  • MongoDB CRUD Operation

  • MongoDB Relations Between Multiple Collections

  • Mongoose Library To Interact With MongoDB

  • MongoDB Models, Schemas, Atlas, Cloud

  • NodeJS ES5 & ES6

  • ExpressJS Servers

  • ExpressJS Routes

  • Backend Controllers

  • MVC (Model View Controllers) Architecture

  • Password Hashing

  • Routing and Different controllers

  • JWT Tokens

  • Authorization Headers

  • Authorization Tokens

  • Bearer Tokens

  • X Access Tokens

  • HTTP-Only Cookies

  • How to use HTTP-Only Cookies

  • Retrieve HTTP Only Cookies

  • Creating Refresh Tokens Routes, once the token expires

  • Creating Multiple Collections

  • Creating Multiple Models

  • Relating Models and Collections

  • And storing credentials in .env files

  • And Much More.


In Frontend:


  • React JS

  • Starting From Scratch and Removing Pre Default Styling

  • Multiple Components

  • Routing and Routing Elements

  • BrowserRouter

  • MaterialUI Styling

  • MaterialUI Navigation Bar

  • MaterialUI FlexBox

  • MaterialUI Textboxes

  • MaterialUI Buttons

  • MaterialUI Classes

  • Using Google Fonts

  • Axios credentials

  • Sending Back HttpOnly Cookies

  • Storing Data in Local Storage

  • Sending HTTP Requests From Frontend

  • Calling APIs From Axios

  • Redux

  • Redux Toolkit

  • Authentication States

  • Responsive System

  • Responsive Projects

  • Login / Logout System

  • And much more.

So there is a lot to do. Let's start!

Content

Introduction

Introduction

Basic - Build a Book Store Application

Overview of Project (Book Store Application)
Introduction to MERN Stack
Building Backend
Installations and Basic Application
Setup Connection With MongoDB and Folder Structure
Sending GET Request To Get All Books From Database
Sending POST Request To Add Book in Database
Sending GET Request To Get a Book by ID
Sending PUT Request to Update The Book From ID
Sending DELETE Request To Delete a Book From Database
Adding Image property in Book Schema Model
Moving into Frontend of Book Store App
React Installation and Setting Environment
Building Header of Application
Rendering Books From the Database
Sending POST Request to Add Book From Database
Sending UPDATE Request To Update The Book
Sending DELETE Request To Delete Book
Summary

(Advanced Level) Advanced User Authentication and Authorization Project

Overview of Project (Advanced User Authentication)
Introduction to MERN Stack and This project
Building Backend
Installation and Basic Express Application
Setup MongoDB Connection
Build User's Schema
Adding Routes
Creating User Signup Functionality With Validations
Encrypting (Hashing) User's Password
Creating User Login Functionality
Introduction to Authorization Tokens (JWT Tokens)
Generating Tokens After Login
Verifying User's JWT Token
Getting User's Details After Verifying JWT Token
Topic - Where can we store the tokens
Where can we store JWT Token in Frontend?
Sending HTTP-Only Cookies
Retrieving And Authorization of HTTP-Only Cookies
Completing Backend of the Project
Building Frontend
Building Header With Routing Functionality
Sending POST Request For User Signup
Sending Login Request From Frontend
Creating Welcome User's Page With Retrieving User's Details
(Topic) Keeping the user Logged In
Creating Refresh Token in Backend
Adding Refresh Token in Frontend
Adding .env files to secure credentials
Configuring Redux For Authentication State
Creating Logout Functionality
Optimizations and Basic Fixes
Summary of User Authentication and Authorization Project

(Advanced) Build a Social Media Blog Posting Application With MERN Stack

Overview of project (Social Media Blog Posting Application)
Introduction To MERN and Project
Setting Up Environment and Basic Application
Setting up MongoDB Connection
Creating User's Schema
Sending GET Request to Get All Users From Database
Creating User Signup Functionality
Encrypting (Hashing) User's Password
Creating User Login Functionality
Building Blog's Schema
Sending Request To Get All Blogs From Database
Sending POST Request To Add Blog in Database
Sending PUT Request To Update Blog
Sending GET Request To Get Blog From ID
Sending DELETE Request to Delete Blog
Adding Relation to User and Blog Schema
Modifying Add Blog Functionality With User Schema Relation
Modifying DELETE Request To Delete Blog
Getting Blog By User's ID and Completing Backend
Building Frontend
Creating Frontend of the Project
Building Header Of the Application
Installing and Configuring React Router
Adding Redux For Authentication State
Building Login Page and Handling Forms Dynamically
Sending Login Request To Backend
Modifying Send Request to Send Signup Request
Fetching and Showing User's Blogs
Creating Add Blog To Database Functionality
Adding Edit and Delete Icons to Logged In User's Blogs
Getting Blog's Details From ID From URL and Showing in Forms
Sending PUT Request To Update Blog
Sending Delete Request To Delete Blog
Optimization 1 Fixing Redirection of Routes
Optimization 2 Add Icon Colors and Horizontal Bar in Blog
Optimization 3 Adding Protected Routes
Using Google Font and MaterialUI Styles
Optimization 5 Fixing Login State
Summary

Thank You

Summary

Charts

Price

Full MERN Stack Course For Beginners With Projects (2022) - Price chart

Rating

Full MERN Stack Course For Beginners With Projects (2022) - Ratings chart

Enrollment distribution

Full MERN Stack Course For Beginners With Projects (2022) - Distribution chart
4656360
udemy ID
4/23/2022
course created date
5/8/2022
course indexed date
Bot
course submited by