Complete React 16 from Zero to Hero | Get Hired

Course Curriculum

Chapter 1: Course Overview

Lecture 1: What's React JS

Chapter 2: JavaScript Tutorial

Lecture 1: History of JavaScript

Lecture 2: JavaScript Engine

Lecture 3: Why JavaScript ?

Lecture 4: JavaScript Hello World

Lecture 5: JavaScript Editors

Lecture 6: JavaScript Datatypes

Lecture 7: JavaScript If-else Conditional Statement

Lecture 8: JavaScript Ternary Operator

Lecture 9: JavaScript For Loop

Lecture 10: JavaScript While Loop

Lecture 11: JavaScript Do-While

Lecture 12: JavaScript Break vs Continue

Lecture 13: JavaScript Nesting Loop

Lecture 14: JavaScript Exercise 01

Lecture 15: JavaScript Function

Lecture 16: JavaScript Function with Parameters

Lecture 17: JavaScript Hoisting

Lecture 18: JavaScript Immediate Invoked Function

Lecture 19: JavaScript Object

Lecture 20: JavaScript Comparing Object

Lecture 21: JavaScript For in

Chapter 3: Advanced JavaScript

Lecture 1: JS Destructing Arrays

Lecture 2: Destructing Object

Lecture 3: Challenge1 Destructing object

Lecture 4: Spread Operator

Lecture 5: Spread operator with Functions

Lecture 6: REST Pattern

Lecture 7: Challenge 2 REST Pattern

Lecture 8: Sets

Lecture 9: JavaScript Maps

Chapter 4: Bootstrap 5 [ Bonus]

Lecture 1: Prepare Dev Environment

Lecture 2: Applying Bootstrap

Lecture 3: Adding Navigation

Lecture 4: Fitting the Screen types

Lecture 5: Mobile Menu Collapse

Lecture 6: Mobile icon Challenge

Lecture 7: Implement Hero Section

Lecture 8: Using img-fulid and d-flex

Lecture 9: Challenge Hide Image

Lecture 10: BS Font Alignment and Padding

Lecture 11: Edit Font size and Alignment

Lecture 12: Grid System

Lecture 13: Bootstrap cards

Lecture 14: Challenge card

Lecture 15: Fitting Cards to Mobile Screen

Lecture 16: Why React or Angular Framework

Lecture 17: Add Learn Section two Col

Lecture 18: BS accordion

Lecture 19: Adding Footer

Lecture 20: Connect Website together

Chapter 5: React Tutorials

Lecture 1: Why React JS

Lecture 2: React Component

Lecture 3: Passing Data between Component

Lecture 4: Bootstrap Overview

Chapter 6: Project #1

Lecture 1: Project Overview

Lecture 2: Prepare Development environment

Lecture 3: What's Git, GitHub and Installing it

Lecture 4: React Install Editor

Lecture 5: Create your First React Project

Lecture 6: React Project structure, Run your First React App

Lecture 7: 7 Modify our 1st app, Apply Bootstrap

Lecture 8: Dynamic State, Change State Data

Chapter 7: React Todo Task Project#2

Lecture 1: React Todo Task Part 01

Lecture 2: React Todo Task Part 02

Lecture 3: Apply Child Components

Lecture 4: Visibility of Completed Tasks

Lecture 5: Storing Data

Chapter 8: Project # 3

Lecture 1: Example 02 | Button Click

Chapter 9: Project#4 Online Store Phase-One

Lecture 1: Creating Project, installing additional Packages

Lecture 2: Install back-end Packages

Lecture 3: Preparing Web Services

Lecture 4: Creating Server nodejs

Lecture 5: Testing NodeJs Server

Lecture 6: Adding Data Store

Lecture 7: Data Store Actions and creator

Lecture 8: 8 Shop Reducer and Redux

Lecture 9: Product List Component

Lecture 10: Category Navigation

Lecture 11: Adding Shop Parent Component

Lecture 12: Connect to the Data Store and the URL Router

Lecture 13: Adding Front End to REACT App and troubleshoot

Lecture 14: Improve Category Highlight ToggleLink

Chapter 10: Project Online Store Phase-Two

Lecture 1: Add Cart

Lecture 2: Add Cart Summary

Lecture 3: Add Products to Cart

Lecture 4: Cart Details

Lecture 5: Checkout 01 url config file

Lecture 6: Checkout 02 Middle-ware

Lecture 7: Run node Server and feed the app with data