React Developer Course Contents

Duration (in
Course Topic Sub Topics
hrs.)
JavaScript Fundamentals: Introduction to JavaScript 1
Overview of JavaScript
Variables and Data Types 1
Declaring variables (var, let, const)
Primitive data types (string, number, boolean, null, undefined)
Reference data types (object, array, function)
Operators and Expressions 1
Arithmetic, comparison, logical operators
Conditional (ternary) operator
Type casting
Control Flow and Looping 3
if...else statements
switch...case statements
for, while, and do...while loops
Functions 6
Declaring functions
Function expressions vs. function declarations
Arrow functions
Higher-order functions and callbacks
Arrays and Objects 6
Array methods (like map, filter, reduce, etc.)
Object properties and methods
Destructuring assignment
Error Handling 1
try...catch statements
Throwing and handling errors
Asynchronous JavaScript 3
Callbacks
 Promises
Async/await

ES6 (ECMAScript 2015)

Features: let and const 1
Block-scoped variables
Arrow Functions 1
Syntax and benefits
Template Literals 1
Interpolating variables and expressions in strings
Destructuring Assignment 1
Array and object destructuring
Spread and Rest Operators 1
Spreading elements in arrays and objects
Gathering parameters in function arguments
Classes and Inheritance 1
Object-oriented programming in JavaScript
Class syntax and inheritance
Modules 2
Importing and exporting modules
Promises 1
Handling asynchronous operations with promises

React Fundamentals: Introduction to React 2

Overview of React
Virtual DOM and reconciliation
Setting up a React development environment
Components and Props 4
Creating functional and class components
Passing props to components
State and props
 State and Lifecycle 2
Managing component state
Hooks
Handling Events 2
Event handling in React
Synthetic events
Forms and Controlled
Components 3
Handling form input with React
Controlled vs. uncontrolled components
Lists and Keys 2
Rendering lists with React
Using keys for efficient updates
React Hooks 5
Introduction to hooks (like useState, useEffect, useMemo etc.)
Writing custom hooks
Routing with React Router 2
Implementing client-side routing in React applications
Route configuration and navigation
State Management with Context
API and Redux 3
Introduction to state management
Using Context API for simple state management
Implementing useReducer (Redux) for complex state management
Asynchronous Data Fetching 4
Fetching data from APIs in React applications
Total 60
Core JavaScript Exercises :
Variable Manipulation:
Swap the values of two variables without using a temporary variable.
Convert a string to title case.
Find the maximum and minimum numbers in an array.
Control Flow:
Write a function to check if a number is even or odd.
Implement FizzBuzz: print numbers from 1 to 100, but for multiples of 3, print "Fizz", for multiples of 5, print "Buzz", and for multiples of both 3
and 5, print "FizzBuzz".
Functions:
Write a function to calculate the factorial of a number.
Create a function that accepts a string and returns the reversed version of the string.
Arrays and Objects:
Write a function to find the sum of all elements in an array.
Create an object representing a car with properties like make, model, and year.
String Manipulation:
Implement a function to count the number of occurrences of a specific character in a string.
Check if a given string is a palindrome.
Error Handling:
Write a function that takes two numbers as arguments and returns their sum. Handle cases where the arguments are not numbers.
Advanced JavaScript Exercises:
Higher-Order Functions:
Use map to double each element in an array.
Filter out all odd numbers from an array using filter.
Closures:
Create a counter function that returns a function to increment the count.
Implement a private variable using closures.
Asynchronous JavaScript:
Fetch data from a REST API and display it on a webpage using async/await.
Implement a timer function that resolves a promise after a specified delay.
Scope and Context:
Understand the difference between function scope and block scope.
Write a function that demonstrates the use of 'this' keyword in different contexts.
Prototype and Prototypal Inheritance:
Create a constructor function for a Person object with properties like name and age.
Add methods to the Person prototype for actions like greeting and incrementing age.
ES6+ Features:
Use destructuring to extract values from an object or array.
Create a class for a geometric shape with methods to calculate area and perimeter.
Modules:
Create separate modules for utility functions and import them into a main script.
Functional Programming:
Implement a function composition utility to combine multiple functions into a single function.
Use array methods like reduce to solve complex problems in a functional way.
React Exercises:
Shopping App: Create a small shopping app using React. This app will allow users to view a list of products, add them to their cart, and view
the total price of items in the cart:
Todo List App: Create a simple todo list application where users can add, edit, and delete tasks.
Weather App: Build an application that displays the current weather based on the user's location or a search query.
Movie Database: Develop a movie database application where users can search for movies, view details, and save favorites.
Recipe Finder: Build an application that allows users to search for recipes based on ingredients and dietary preferences.
Chat Application: Create a basic chat application using the Array, Object and Function to allow users to communicate with each other.
Portfolio Website: Create a personal portfolio website to showcase your projects, skills, and experience.