MERN Stack Course For Beginners With Projects (2022)

MERN Stack Course For Beginners With Projects (2022), available at $64.99, has an average rating of 4.13, with 92 lectures, based on 8 reviews, and has 67 subscribers.

You will learn about 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 This course is ideal for individuals who are Beginner Web Developers Who Wants to Learn Full Stack Development It is particularly useful for Beginner Web Developers Who Wants to Learn Full Stack Development.

Enroll now: MERN Stack Course For Beginners With Projects (2022)

Summary

Title: MERN Stack Course For Beginners With Projects (2022)

Price: $64.99

Average Rating: 4.13

Number of Lectures: 92

Number of Published Lectures: 92

Number of Curriculum Items: 92

Number of Published Curriculum Objects: 92

Original Price: ₹799

Quality Status: approved

Status: Live

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

Who Should Attend

Beginner Web Developers Who Wants to Learn Full Stack Development

Target Audiences

Beginner Web Developers Who Wants to Learn Full Stack Development

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!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Basic – Build a Book Store Application

Lecture 1: Overview of Project (Book Store Application)

Lecture 2: Introduction to MERN Stack

Lecture 3: Building Backend

Lecture 4: Installations and Basic Application

Lecture 5: Setup Connection With MongoDB and Folder Structure

Lecture 6: Sending GET Request To Get All Books From Database

Lecture 7: Sending POST Request To Add Book in Database

Lecture 8: Sending GET Request To Get a Book by ID

Lecture 9: Sending PUT Request to Update The Book From ID

Lecture 10: Sending DELETE Request To Delete a Book From Database

Lecture 11: Adding Image property in Book Schema Model

Lecture 12: Moving into Frontend of Book Store App

Lecture 13: React Installation and Setting Environment

Lecture 14: Building Header of Application

Lecture 15: Rendering Books From the Database

Lecture 16: Sending POST Request to Add Book From Database

Lecture 17: Sending UPDATE Request To Update The Book

Lecture 18: Sending DELETE Request To Delete Book

Lecture 19: Summary

Chapter 3: (Advanced Level) Advanced User Authentication and Authorization Project

Lecture 1: Overview of Project (Advanced User Authentication)

Lecture 2: Introduction to MERN Stack and This project

Lecture 3: Building Backend

Lecture 4: Installation and Basic Express Application

Lecture 5: Setup MongoDB Connection

Lecture 6: Build User's Schema

Lecture 7: Adding Routes

Lecture 8: Creating User Signup Functionality With Validations

Lecture 9: Encrypting (Hashing) User's Password

Lecture 10: Creating User Login Functionality

Lecture 11: Introduction to Authorization Tokens (JWT Tokens)

Lecture 12: Generating Tokens After Login

Lecture 13: Verifying User's JWT Token

Lecture 14: Getting User's Details After Verifying JWT Token

Lecture 15: Topic – Where can we store the tokens

Lecture 16: Where can we store JWT Token in Frontend?

Lecture 17: Sending HTTP-Only Cookies

Lecture 18: Retrieving And Authorization of HTTP-Only Cookies

Lecture 19: Completing Backend of the Project

Lecture 20: Building Frontend

Lecture 21: Building Header With Routing Functionality

Lecture 22: Sending POST Request For User Signup

Lecture 23: Sending Login Request From Frontend

Lecture 24: Creating Welcome User's Page With Retrieving User's Details

Lecture 25: (Topic) Keeping the user Logged In

Lecture 26: Creating Refresh Token in Backend

Lecture 27: Adding Refresh Token in Frontend

Lecture 28: Adding .env files to secure credentials

Lecture 29: Configuring Redux For Authentication State

Lecture 30: Creating Logout Functionality

Lecture 31: Optimizations and Basic Fixes

Lecture 32: Summary of User Authentication and Authorization Project

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

Lecture 1: Overview of project (Social Media Blog Posting Application)

Lecture 2: Introduction To MERN and Project

Lecture 3: Setting Up Environment and Basic Application

Lecture 4: Setting up MongoDB Connection

Lecture 5: Creating User's Schema

Lecture 6: Sending GET Request to Get All Users From Database

Lecture 7: Creating User Signup Functionality

Lecture 8: Encrypting (Hashing) User's Password

Lecture 9: Creating User Login Functionality

Lecture 10: Building Blog's Schema

Lecture 11: Sending Request To Get All Blogs From Database

Lecture 12: Sending POST Request To Add Blog in Database

Lecture 13: Sending PUT Request To Update Blog

Lecture 14: Sending GET Request To Get Blog From ID

Lecture 15: Sending DELETE Request to Delete Blog

Lecture 16: Adding Relation to User and Blog Schema

Lecture 17: Modifying Add Blog Functionality With User Schema Relation

Lecture 18: Modifying DELETE Request To Delete Blog

Lecture 19: Getting Blog By User's ID and Completing Backend

Lecture 20: Building Frontend

Lecture 21: Creating Frontend of the Project

Lecture 22: Building Header Of the Application

Lecture 23: Installing and Configuring React Router

Lecture 24: Adding Redux For Authentication State

Lecture 25: Building Login Page and Handling Forms Dynamically

Lecture 26: Sending Login Request To Backend

Lecture 27: Modifying Send Request to Send Signup Request

Lecture 28: Fetching and Showing User's Blogs

Lecture 29: Creating Add Blog To Database Functionality

Lecture 30: Adding Edit and Delete Icons to Logged In User's Blogs

Lecture 31: Getting Blog's Details From ID From URL and Showing in Forms

Lecture 32: Sending PUT Request To Update Blog

Lecture 33: Sending Delete Request To Delete Blog

Lecture 34: Optimization 1 Fixing Redirection of Routes

Lecture 35: Optimization 2 Add Icon Colors and Horizontal Bar in Blog

Lecture 36: Optimization 3 Adding Protected Routes

Lecture 37: Using Google Font and MaterialUI Styles

Lecture 38: Optimization 5 Fixing Login State

Lecture 39: Summary

Chapter 5: Thank You

Lecture 1: Summary

Instructors

Indian Coders
Platform for Learning And Development

Rating Distribution

1 stars: 0 votes
2 stars: 2 votes
3 stars: 0 votes
4 stars: 2 votes
5 stars: 4 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu