Full Stack React Bootcamp with .NET API [2024] [10 Projects]

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome

Lecture 2: Why should you learn react?

Lecture 3: Live Demo – Final Project

Lecture 4: Feedback

Lecture 5: Additional Resources

Lecture 6: What we will build Part 1

Lecture 7: What we will build Part 2

Lecture 8: Course Prerequisites

Lecture 9: How to get Help?

Lecture 10: Project Resources

Lecture 11: Tools Needed

Lecture 12: Tools Link

Lecture 13: Visual Studio Code Extensions

Chapter 2: React Fundamentals

Lecture 1: Setup basic HTML and add React CDN

Lecture 2: First React Code

Lecture 3: Assignment 1 – Writing first React Code

Lecture 4: Creating Element and rendering in React

Lecture 5: What is JSX?

Lecture 6: Better way to create React Projects

Lecture 7: Create Project

Lecture 8: Run the Project

Lecture 9: CleanUp Project

Lecture 10: Make project functional again

Lecture 11: First React Component

Lecture 12: Assignment 2 – React Component

Lecture 13: Assignment 3 – Parent Child Component

Lecture 14: Assignment 3 Solution – Parent Child Component

Lecture 15: Rules of JSX

Chapter 3: React Components

Lecture 1: Work with styles

Lecture 2: Adding Bootstrap Classes

Lecture 3: Work with Classes Part 1

Lecture 4: Variable in JSX

Lecture 5: Assignment 3 – Adding Const

Lecture 6: Assignment 3 Solution – Adding Const

Lecture 7: HTML Element in JSX

Lecture 8: Student Component

Lecture 9: Export and Import Component

Lecture 10: Assignment 4 – Separating Student Component

Lecture 11: Assignment 4 Solution – Separating Student Component

Lecture 12: Props and Components

Lecture 13: Install third party libraries and Images

Lecture 14: Import Image and Header Design

Lecture 15: Footer and Main Body Component

Lecture 16: Assignment 5 – Fix Error and Designing

Lecture 17: Passing Components as Children

Lecture 18: Final Hierarchy

Lecture 19: Arrow Function

Lecture 20: functional vs class components

Lecture 21: Class Components

Lecture 22: Assignment 6 – Convert MainBody to Class Component

Chapter 4: React State – CounOPedia

Lecture 1: Create CountOPedia

Lecture 2: Assignment 7 Solution – Setup CountOPedia

Lecture 3: Counter Application Buttons

Lecture 4: Click Events

Lecture 5: Setting and Retrieving State

Lecture 6: Demo – React State

Lecture 7: State Summary

Lecture 8: New SetState Syntax

Lecture 9: CountoPedia UI

Lecture 10: Random play and Reset Button

Lecture 11: Assignment 8 – Game Status and Last Play

Lecture 12: Assignment 8 Solution – Game Status and Last Play

Chapter 5: ContactOPedia – CRUD Operations

Lecture 1: Create Project – ContactOPedia

Lecture 2: Add Components

Lecture 3: Skeleton of Components

Lecture 4: Add Contact UI

Lecture 5: Favorite and General Contact State

Lecture 6: Individual Contact UI

Lecture 7: Look and Feel ContactOPedia

Lecture 8: Add Contact Handler

Lecture 9: Add Contact in Action

Lecture 10: Add Validations

Lecture 11: Display Validation and Success Notification

Lecture 12: Toggle Favorites

Lecture 13: Assignment 10 – Delete Contact

Lecture 14: Assignment 10 Solution – Delete Contact

Lecture 15: Add Random User to Contact List

Lecture 16: Axios Call

Lecture 17: Demo – Adding Random Contact

Lecture 18: Assignment 11 – Remove All Contact

Lecture 19: Assignment 11 Solution – Remove all Contact

Lecture 20: Which Contact has to be updated

Lecture 21: Toggle UI Based on Update

Lecture 22: Cancel Button in Action

Lecture 23: Update Contact- Part 1

Lecture 24: Update Contact – Part 2

Chapter 6: CyclOPedia – Lifecycle Methods Class Components

Lecture 1: Create Project – Cyclopedia

Lecture 2: Setup Random API

Lecture 3: Display Instructor

Lecture 4: Component Did Update

Lecture 5: Controlled Component

Lecture 6: Saving in LocalStorage

Lecture 7: Separating out Instructor

Lecture 8: Component will UnMount