Complete ReactJS developer Bootcamp – Build 10 projects

Course Curriculum

Chapter 1: Get started with Reactjs

Lecture 1: A note about CODE files and attachments

Lecture 2: Introduction to react js and some myths

Lecture 3: Tools that we need

Chapter 2: Going all classic

Lecture 1: Section 2 introduction

Lecture 2: 01 Finishing the hello world task

Lecture 3: 02 Delete and recreate everything

Lecture 4: 03 Adding CSS to our Hello World

Lecture 5: 04 Everything in its own file

Lecture 6: 05 Reusable components

Chapter 3: 03 Create a react template

Lecture 1: Section 3 Introduction

Lecture 2: 01 Understand the existing template

Lecture 3: 02 Move navbar and understand the errors

Lecture 4: 03 Convert the HTML template into React App

Lecture 5: 04 Reusable Card and Assignment

Chapter 4: 04 Getting friendly with states

Lecture 1: Section 4 Introduction

Lecture 2: 01 What are props and states

Lecture 3: 02 Preparing the state based application

Lecture 4: 03 Complete counter application

Lecture 5: 04 Assignment for counter app

Chapter 5: 05 Building a TIC TAC TOE

Lecture 1: Section 5 Introduction

Lecture 2: 01 You need to study first

Lecture 3: 02 Preparing the Tic Tac Toe

Lecture 4: 03 Sending icons from components

Lecture 5: 04 Setup layout for tictactoe

Lecture 6: 05 Game is almost working

Lecture 7: 06 Finishing tictactoe and assignment

Chapter 6: 06 Learn React Context API with projects

Lecture 1: Section 6 Introduction

Lecture 2: 01 The problem that contextAPI solves

Lecture 3: 02 Detail on Context and Provider

Lecture 4: 03 Detail on Consumer in contextAPI

Lecture 5: 04 Understand the working of dark and light mode

Lecture 6: 05 Creating a theme Toggler with Context API

Lecture 7: 06 FInishing the theme switcher app

Chapter 7: 07 App with Context API with reducers and actions

Lecture 1: Section 7 Introduction

Lecture 2: 01 What we are building here

Lecture 3: 02 create brain of the application

Lecture 4: 03 useReducer for our app

Lecture 5: 04 Add an input form

Lecture 6: 05 Sending a dispatch

Lecture 7: 06 Display the context data and dispatch – assignment

Chapter 8: 08 Local Storage and UseEffect Hooks

Lecture 1: Section 8 Introduction

Lecture 2: 01 Introducing the Effect hook

Lecture 3: 02 A form to submit the data

Lecture 4: 03 Looping through all the values

Lecture 5: 04 Hooks and local storage in action

Chapter 9: 09 Learn to handle API

Lecture 1: Section 9 Introduction

Lecture 2: 01 Learn to read docs for API

Lecture 3: 02 Lets read Axios docs

Lecture 4: 03 Drill down the API

Lecture 5: 04 Extracting information from API

Chapter 10: 10 Design a shopping cart with API

Lecture 1: Section 10 Introduction

Lecture 2: 01 A walk through with Pexels and JSON

Lecture 3: 02 Add item to the cart

Lecture 4: 03 Buy item and remove item

Lecture 5: 04 Fetching photos from API

Lecture 6: 05 store everything is state

Lecture 7: 06 Card for every product

Lecture 8: 07 Create cart section

Lecture 9: 08 Bring the shop application together

Lecture 10: 09 Removing the duplicate bug

Chapter 11: 11 Firebase with Github App

Lecture 1: Section 11 introduction

Lecture 2: 01 What we are about to build

Lecture 3: 02 React Router crash course

Lecture 4: 03 Your tour to configure firebase

Lecture 5: 04 Read firebase docs with me

Lecture 6: 05 Creating components for firebase app

Lecture 7: 06 Bring in the react router

Lecture 8: 07 Headers and Footers

Lecture 9: 08 Conditional rendering in Navbar

Lecture 10: 09 Adding firebase configuration

Lecture 11: 10 User Signup in firebase

Lecture 12: 11 Logout and signin for user

Lecture 13: 12 User card component

Lecture 14: 13 Repo component

Lecture 15: 14 Home page and finish the app

Chapter 12: 12 Firebase real time database

Lecture 1: Section 12 introduction

Lecture 2: 01 A challenge application

Lecture 3: 02 Firebase real time database

Lecture 4: 03 Setting context and actions

Lecture 5: 04 Creating reducers for contact

Lecture 6: 05 Header and Footer tasks

Lecture 7: 06 How to upload image in firebase storage

Lecture 8: 07 Add and update contact in firebase

Lecture 9: 08 Add or update finder

Lecture 10: 09 Update star and delete contact

Lecture 11: 10 Use dispatch and FIXME

Lecture 12: 11 Get all data from firebase

Lecture 13: 12 Loop through firebase object