Tutorialspoint

Mid-Year Savings Flat 10% OFF, Use Code: MID10

MERN Stack: All You Need to Know with Practical Project

person icon Jahid Hiron

4

MERN Stack: All You Need to Know with Practical Project

Learn MERN stack by building real-world applications with Node, Express, MongoDB, React and integrating RESTful APIs

updated on icon Updated on Jul, 2024

language icon Language - English

person icon Jahid Hiron

category icon Development ,Web Development,

Lectures -267

Resources -2

Duration -22 hours

4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

MEAN is a source-available JavaScript software stack for building dynamic websites and web applications. A variation known as MERN replaces Angular with React.js front-end and another named MEVN uses Vue.js as the front-end, let's learn here

This is a project-based course to build an extensive, in-depth full-stack application. Starting from basics and ending up with a professional project. We will deep dive into Node, Express, MongoDB, Mongoose, React, and React hooks, integrating RESTful APIs.

  • How Nodejs work

  • Nodejs built-in core library

  • Stream and Buffer

  • Express Framework

  • Routing & Controller

  • Express middleware

  • Custom Error Handling

  • EJS template engine

  • Upload file to S3 bucket

  • Sending Email

  • Authentication With JWT

  • Password hashing

  • MongoDB database

  • MongoDB Atlas & Compass

  • Mongoose ODM

  • Models & Relationships

  • Multi-user role

  • Authentication and Authorization

  • Advanced Query (pagination, filter, searching etc)

  • React core functionality

  • How React works

  • Virtual DOM

  • Rendering JSX element 

  • Component, State & Props

  • React Form

  • Controlled form vs Uncontrolled form 

  • Rendering list & key

  • Props drilling

  • Context API

  • Render Props

  • React hooks

  • Custom hooks

  • Handling CSS with React

  • React routing

  • Authentication and Protected route

  • Recover password by email

  • Verify user email

  • Integrating RESTful APIs

  • HTTP Essentials

  • Postman Client


Goals

  • Master the entire modern full-stack: Node, Express, React, MongoDB and Mongoose

  • Learn about the Nodejs built-in core library

  • Becoming proficient in Expressjs, one of the most widely used web frameworks for Nodejs

  • Create Express web servers and APIs

  • Becoming proficient in developing RESTful APIs with Nodejs

  • Store data with Mongoose and MongoDB

  • Build a full-stack application using Nodejs and EJS template engine

  • Becoming proficient in integrating RESTful APIs with React

  • Master the entire modern frontend stack: React, APIs integration, React hooks

  • Learn to React beautiful mechanisms such as Context API, Props drilling, Render props

  • Authentication, Authorization including password reset

  • Avoid useless coding - Learn what's important

Prerequisites

  • Basic of JavaScript

  • General knowledge of how the web works is recommended but not a must-have

  • Absolutely no understanding of MERN stack or full-stack development is required, I take you from beginner to intermediate developer

MERN Stack: All You Need to Know with Practical Project

Curriculum

Check out the detailed breakdown of what’s inside the course

Introduction
6 Lectures
  • play icon Course Overview 02:55 02:55
  • play icon What is Nodejs 03:29 03:29
  • play icon How Nodejs Work 03:07 03:07
  • play icon Install Nodejs on Windows OS 01:13 01:13
  • play icon Install Nodejs on Mac OS 01:37 01:37
  • play icon Install Nodejs on Linux OS 02:16 02:16
Module and Global Object
5 Lectures
Tutorialspoint
Core Module in Nodejs
8 Lectures
Tutorialspoint
Steam and Buffer Introduction
4 Lectures
Tutorialspoint
Express Framework
22 Lectures
Tutorialspoint
MongoDb and Mongoose
25 Lectures
Tutorialspoint
Project Todo
27 Lectures
Tutorialspoint
Project Blog RESTful APIs
58 Lectures
Tutorialspoint
React Introduction
3 Lectures
Tutorialspoint
JSX Element and Rendering JSX Element
3 Lectures
Tutorialspoint
Component and Props
6 Lectures
Tutorialspoint
State and Life Cycle Method
8 Lectures
Tutorialspoint
Conditional Rendering List and Key
5 Lectures
Tutorialspoint
React Form
8 Lectures
Tutorialspoint
Higher Order Component
3 Lectures
Tutorialspoint
Render Props Pattern
3 Lectures
Tutorialspoint
Context API
6 Lectures
Tutorialspoint
React Hook
13 Lectures
Tutorialspoint
React CSS
5 Lectures
Tutorialspoint
React Router
12 Lectures
Tutorialspoint
React Blog Project
36 Lectures
Tutorialspoint
What Next
1 Lectures
Tutorialspoint

Instructor Details

Jahid Hiron

Jahid Hiron

Jahid Hiron is a Software Engineer with a passion for teaching. He has been building complex backends and frontends for top corporations. Jahid possesses a natural talent for breaking down intricate subjects into easily understandable concepts. He has been guiding aspiring software developers in the early stages of their careers for many years. He teaches on Tutorials Point to share the knowledge he has gained with other software engineers. Enhance your skills and invest in your personal growth by enrolling in Jahid's thoughtfully crafted courses on Tutorials Point.

Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515