Modern React, Express 2024 Build Complete Canva Project A-Z

Course Curriculum

Chapter 1: Introduction Project – What You Will Build

Lecture 1: Introduction Project – What You Will Build

Lecture 2: Need Your Support

Lecture 3: My Mission

Lecture 4: Course Review – It will Inspire me a Lot

Chapter 2: React Fundamentals React Structure, JSX component & Rendering

Lecture 1: React Introduction

Lecture 2: Fundamental Excise Files – Downloadable Resources

Lecture 3: Create New React App Using Vite

Lecture 4: Project Run And Build Command

Lecture 5: Dive Inside React Project Structure

Lecture 6: Organizing File Folders

Lecture 7: Best VS Code Extensions And Settings For React Development

Lecture 8: Primary Understanding On Component Part 1

Lecture 9: Primary Understanding On Component Part 2

Lecture 10: JSX And Conventions

Lecture 11: JSX Short Hand If else

Lecture 12: JSX Immediately invoked function

Lecture 13: JSX Loop Inside

Lecture 14: JSX Conditional Rendering Using If Else

Lecture 15: JSX Conditional Rendering Using Switch Statement

Lecture 16: JSX Conditional Rendering Using Ternary Operator

Lecture 17: JSX Conditional Rendering Using Logical And And

Lecture 18: JSX Conditional Rendering Using Immidiatly Invoked Function

Lecture 19: Passing Properties to Child Component

Lecture 20: Passing Simple String to Child Component

Lecture 21: Passing Object to Child Component

Lecture 22: Passing Function to Child Component

Lecture 23: Managing Click Event

Lecture 24: Managing Form Submit

Chapter 3: React Routing

Lecture 1: Applying React Router Dom

Lecture 2: Link And NavLink For Router

Lecture 3: Browser Router VS HashRouter

Lecture 4: Passing Parameter Via Naviagation

Chapter 4: React Hook & State Management

Lecture 1: [Hook] Meet With Hook

Lecture 2: [Hook] useRef InnerText InnerHTML

Lecture 3: [Hook] useRef Working With Attribute

Lecture 4: [Hook] useRef Working With Input Element

Lecture 5: [Hook] useRef Working With CSS Class

Lecture 6: [Hook] useState Understading Inside

Lecture 7: [Hook] useState Working With Immutable Object

Lecture 8: [Hook] useState Working With Immutable Array Part 1

Lecture 9: [Hook] useState Working With Immutable Array Part 2

Lecture 10: [Hook] useState Managing Form Like Pro Part 1

Lecture 11: [Hook] useState Managing Form Like Pro Part 2

Lecture 12: [Hook] useEffect understanding arguments and uses

Lecture 13: [Hook] useEffect calling api using promises

Lecture 14: [Hook] useEffect calling api usig async await

Chapter 5: Express JS Fundamental

Lecture 1: Introduction What is Express Js

Lecture 2: Your First Express Application

Lecture 3: Express js Routing

Lecture 4: Four Topic We Need To Focus

Lecture 5: Understanding Response

Lecture 6: Simple String Response

Lecture 7: Response Status Code

Lecture 8: JSON Response

Lecture 9: Response Download

Lecture 10: Response Redirect

Lecture 11: Response Header

Lecture 12: Response Set Cookies

Lecture 13: Response Clear Cookies

Lecture 14: Working With Request

Lecture 15: Get Request With URL Query

Lecture 16: Working With Get Request Header

Lecture 17: Simple Post Request

Lecture 18: Post Request With URL Query

Lecture 19: Post Request With Header Properties

Lecture 20: Post application-json

Lecture 21: Working With Multipart Form Data

Lecture 22: File Upload

Lecture 23: Middleware

Lecture 24: Application Middleware

Lecture 25: Route Middleware

Chapter 6: MongoDB Fundamental – A NoSQL Database

Lecture 1: Introduction to MongoDB

Lecture 2: Installing MongoDB and Compass

Lecture 3: Connecting to MongoDB

Lecture 4: Schema and Models

Lecture 5: Create and Save a document

Lecture 6: Find documents in multiple ways

Lecture 7: Query API Select, Sort, Limit, Count Documents

Lecture 8: Complex Query Comparison Operators

Lecture 9: Complex Query And, Or Operations

Lecture 10: Exercise Advanced Query

Lecture 11: Update a document (Way 1)

Lecture 12: Update a document (Way 2)

Lecture 13: Delete documents in 2 ways

Chapter 7: Build Complete Canva Project From Scratch

Lecture 1: Start to Build Complete Canva Project – What You Will Build Introduction

Lecture 2: Canva Project Excise File – Downloadable Resources

Chapter 8: Project Setup and Deploy

Lecture 1: Project Setup and VS Code Extensions

Lecture 2: Project Setup and Deploy Part 1

Lecture 3: Project Setup and Deploy Part 2

Lecture 4: Project Setup and Deploy Part 3

Lecture 5: Project Setup and Deploy Part 4

Lecture 6: Project Setup and Deploy Part 5