Full Stack Web Developer Masterclass – React – Next – Mongo

Course Curriculum

Chapter 1: Introduction to the Journey

Lecture 1: Course Overview

Lecture 2: Course Intro

Lecture 3: Setup – part 1

Lecture 4: Setup – Part 2

Lecture 5: Journey Walkthrough

Lecture 6: Getting Help

Chapter 2: Revising a Few Basics

Lecture 1: HTML Basics to get started

Lecture 2: CSS Beginner

Lecture 3: Javascript – All you need to learn about the basics

Lecture 4: Modern Javascript

Lecture 5: Modules in Javascript

Lecture 6: API – Everything you need to know

Chapter 3: Understanding ReactJS – Basics

Lecture 1: What is ReactJS

Lecture 2: Getting Started With Your First React App

Lecture 3: Understanding The React Folder Structure

Lecture 4: Understanding JSX, Rendering and Debugging

Lecture 5: What are components in React ?

Lecture 6: Props in React Components

Lecture 7: Why Use React ?

Chapter 4: Understanding ReactJS – Intermediate

Lecture 1: A deeper understanding towards Conditional Rendering in React

Lecture 2: Hierarchy in React

Lecture 3: Introduction to hooks – useState() and Handling Events – Counter App

Lecture 4: The useEffect() Hook

Lecture 5: Rendering Lists in React – To do List App

Lecture 6: Context in React for Global State Handling

Lecture 7: Rule Of Hooks

Chapter 5: Understanding ReactJS – Advanced

Lecture 1: Understanding Refs and the DOM

Lecture 2: Controlled and Uncontrolled Components

Lecture 3: Optimizing in React – useMemo() and useCallback()

Lecture 4: Optimizing In React – memoization

Lecture 5: Optimizing in React – Lazy Loading

Lecture 6: Optimizing in React – Debouncing

Lecture 7: Few More Advanced Concepts

Lecture 8: Some Importants extensions for React

Lecture 9: THE END

Chapter 6: What is NextJS and Why ?

Lecture 1: Understanding WHAT, WHY AND HOW of NextJS.

Lecture 2: Getting Started with NextJS – Installation

Lecture 3: Understanding Layout of App Directory

Lecture 4: Creating Routes in NextJS

Lecture 5: Linking Routes in NextJS

Lecture 6: Structuring your Application with Layouts – In Depth

Lecture 7: Some More Files For Structuring – head.js, loading.js and error.js

Chapter 7: NextJS Advanced

Lecture 1: Introduction to Client Side and Server Side Rendering in NextJS Components

Lecture 2: Client Side and Server Side Components – In Depth

Lecture 3: Some Points to Remember in SSR and CSR Components

Lecture 4: Data Fetching in NextJS

Lecture 5: Data Fetching – Advanced Concepts

Lecture 6: Patterns in Data Fetching

Lecture 7: Dynamic Data Fetching

Chapter 8: NextJS In-builts and Customizations

Lecture 1: What is next.config.js and How to use ?

Lecture 2: Optimized NextJS HTML Tags

Lecture 3: Some Important Hooks in NextJS

Chapter 9: Milestone project with MongoDB, NextJS, React, MUI and Authentication

Lecture 1: Project Intro

Lecture 2: Understanding MUI and Implementation

Lecture 3: Creating the Front-End Part 1 – The SignUp Page

Lecture 4: Creating the Front-End Part 2 – The SignIn Page

Lecture 5: Creating the Front-End Part 3 – The Listing Page

Lecture 6: Adding Static Functionality To The Listing Page

Lecture 7: Handling States in Sign In and Sign Up Page

Lecture 8: Why Using MongoDB as a Database – The Setup

Lecture 9: The Beginning of the Backend – Creating your first API – THE SIGNUP

Lecture 10: Connecting The Frontend By Passing the Input to the API and Saving to the DB

Lecture 11: The Beginning of the Backend – Part 2 – Setting Up the Authentication

Lecture 12: Completing the Authentication Setup And Integration with Front-End – Signin In

Lecture 13: Storing all the Data and Updates from the Listing Page to the Database

Lecture 14: Project Completion – Congratulations on becoming a Full Stack Web Developer

Lecture 15: Last But Not The Least – Deployment to the Production

Chapter 10: NextJS Latest Updates – 2023

Lecture 1: Built-In SEO

Lecture 2: Using Route Handlers

Lecture 3: Optimizing Package Imports

Chapter 11: NextJS Latest Updates – 2024

Lecture 1: Tips and Tricks – How to Read A Code Documentation

Lecture 2: Security Aspects With NextJS – Important

Chapter 12: Outro

Lecture 1: Outro