Student Courses
Data Analytics
Professional Digital Marketing Course
Web Technologies
Programming Courses
Graphic Designing Courses
Skill Development Courses
Financial Accounting with TallyPrime
CAD Courses
AI Courses
About Us
Gallery
Blogs
Google Us
More
Book Demo Class
Verify Certificates
Student Projects
Fee Payment
Student Reviews
Contact
Shopping cart
+91 74900 08464
Mon - Fri: 09:30 AM - 07:30 PM
Follow Us:
Student Courses
Data Analytics
Professional Digital Marketing Course
Web Technologies
Programming Courses
Graphic Designing Courses
Skill Development Courses
Financial Accounting with TallyPrime
CAD Courses
AI Courses
About Us
Gallery
Blogs
Google Us
More
Book Demo Class
Verify Certificates
Student Projects
Fee Payment
Student Reviews
Contact
Enquire Now
Home
Web Technologies
Frontend Web Development Course – JavaScript & React Training
Curriculum
20 Sections
44 Lessons
30 Days
Expand all sections
Collapse all sections
➢ Introduction to JS
0
➢ Conditional Statements
0
➢ Loops
0
➢ Functions
0
➢ DOM Manipulation & Events
0
➢ Objects and Arrays (Part 1)
0
➢ Objects and Arrays (Part 2)
0
➢ ES6+ Features
0
➢ Working with APIs
0
➢ JavaScript Modules
0
➢ Introduction to React and Setup
5
11.1
Overview of React JS
11.2
Installing Node.js and npm
11.3
Installing create-react-app (using npx create-react-app)
11.4
Exploring the project structure
11.5
Running a basic React app
➢ JSX and Rendering Elements
5
12.1
How JSX works (JavaScript XML)
12.2
JSX syntax and expressions
12.3
Rendering components
12.4
Working with elements and nested components
12.5
Using curly braces {} for embedding expressions
➢ Components and Props
6
13.1
Functional components vs. class components
13.2
Creating simple components
13.3
Component lifecycle
13.4
Passing data to child components using props
13.5
Default props and PropTypes
13.6
Prop drilling and how to avoid it
➢ State and Events
5
14.1
Managing state in functional components using useState hook
14.2
State updates and re-rendering components
14.3
Handling events (onClick, onChange, etc.)
14.4
Binding methods in class components
14.5
Working with forms and input fields
➢ Conditional Rendering and Lists
5
15.1
Using if statements, ternary operators, and logical && in JSX
15.2
Rendering different UI based on state/props
15.3
Using the map() function to render arrays
15.4
Key prop in lists
15.5
Handling dynamic data and list updates
➢ Hooks - useState, useEffect, useRef
6
16.1
What are Hooks and why they are important?
16.2
Using useState hook in depth (state handling)
16.3
Using useEffect for side effects (e.g., data fetching)
16.4
Cleaning up side effects (cleanup functions)
16.5
Dependencies array in useEffect
16.6
Using refs in functional components
➢ React Router and Navigation
4
17.1
Setting up React Router (react-router-dom)
17.2
Defining Routes, Link components, and useNavigate
17.3
Nested Routes and Route Parameters
17.4
Query parameters in URLs
➢ Managing Global State with Context API
4
18.1
How Context API simplifies prop drilling
18.2
Creating a Context with createContext()
18.3
Providing and consuming context in functional components
18.4
Use cases of Context API
➢ API Calls
3
19.1
Fetching Data from APIs
19.2
Handling async operations in React
19.3
Displaying data in components
➢ Project
1
20.1
Project Work
This content is protected, please
login
and
enroll
in the course to view this content!
Modal title
Main Content
