React Essentials v1.0

Learn essential React concepts and practices for building dynamic, efficient user interfaces in modern web applications.

Course curriculum

1. React Essentials Syllabus
1. React Tutorbot
1. Lesson 1 - Introduction
2. Lesson 2 - What is React and Why We Use It
3. Lesson 3 - Software and IDE Installation
4. Lesson 4 - Create React App
5. Lesson 5 - Frameworks
6. Test Your Knowledge Quiz
7. Practical Activity: Setting Up Your React Development Environment
1. Lesson 1 - React Components
2. Lesson 2 - Modern Apps Building
3. Practical Activity: Building a Reusable Card Component
4. Lesson 3 - Creating Variables in JSX
5. Practical Activity: Working with React JSX, Variables, and Objects
6. Lesson 4 - Expression and Practice in JSX
7. Practical Activity - Dynamic Job Board with JSX Expressions
8. Test Your Knowledge Quiz
1. Lesson 1 - Style Attributes
2. Practical Activity - Styling React Components with Inline Styles
3. Lesson 2 - Events and States
4. Practical Activity - Interactive Job Counter with Events
5. Lesson 3 - Use State
6. Practical Activity - Job Counter with useState
7. Lesson 4 - Working with State and Handling User Values
8. Practical Activity - Dynamic Input Form with useState
9. Lesson 5 - Practice Exercise Using Usestate
10. Practical Activity - Dynamic Bot List Manager
11. Test Your Knowledge Quiz
1. Lesson 1 - Add and Remove Elements
2. Practical Activity - Dynamic Bot List Manager with Add and Delete Functionality
3. Lesson 2 - Conditional Templates
4. Practical Activity - Building a Modular Job Board Application
5. Lesson 3 - Props
6. Practical Activity - Building a Modular Job Board with Props
7. Lesson 4 - Props Children
8. Practical Activity - Building a Status Board with Dynamic Components
9. Test Your Knowledge Quiz
1. Lesson 1 - Scheduled Task Forms
2. Practical Activity - Building a Job Management Application Form
3. Lesson 2 - CSS Form App Layout
4. Practical Activity - Building a Job Management Application Form
5. Lesson 3 - Creating Button Components and Props Value
6. Practical Activity - Enhancing the Job Management Application with Reusable Components
7. Lesson 4 - Building Job Lists and Status Components
8. Practical Activity - Implementing Dynamic Functionality in the Job Management Application
9. Lesson 5 - Functional Aspects for Forms
10. Practical Activity - Enhancing Form Handling in the Job Management Application
11. Test Your Knowledge Quiz
1. Lesson 1 - Restrict Mode and Manage Selected Category
2. Practical Activity - Implementing Multi-Select Category Functionality
3. Lesson 2 - Add CSS to Selected Category
4. Practical Activity - Enhance User Interface with Dynamic Category Selection
5. Lesson 3 - Display Jobs in App
6. Practical Activity - Implement a Job Management UI with React
7. Lesson 4 - Deleting Jobs
8. Practical Activity - Implement Delete Functionality and Form Reset in a React Job Management App
9. Lesson 5 - Use Effect Jobs
10. Practical Activity - Implement Local Storage Persistence with useEffect in a React Job Management App
11. Lesson 6 - Tail Wind CSS with Props
12. Practical Activity - Create a Responsive Card Component using React and Tailwind CSS
13. Lesson 7 - Practice Project
14. Practical Activity - Create a Header Component for an Investment Calculator App
15. Test Your Knowledge Quiz
1. Lesson 1 - Input & Binding
2. Practical Activity - Create a User Input Component for an Investment Calculator App
3. Lesson 2 - Handling Output Results
4. Practical Activity - Create an Output Component for the Investment Calculator App
5. Lesson 3 - Displaying Data in Table
6. Practical Activity: Implementing an Investment Calculator Table
7. Lesson 4 - Generating Report
8. Practical Activity: Enhancing the Investment Calculator
9. Lesson 5 - Debugging (Browser & Breakpoint)
10. Practical Activity: Debugging in React
1. Lesson 1 - Password Generator
2. Practical Activity: Setting Up a Pasword Generator
3. Lesson 2 - Use Callback
4. Practical Activity: Implementing Password Generator Functionality
5. Lesson 3 - Fields and Checkboxes
6. Practical Activity: Implementing Password Generator UI and Functionality
7. Lesson 4 - Adding Copy and UseDef
8. Practical Activity: Advanced Password Generator Implementation
1. Lesson 5 - Movie Review App
2. Practical Activity: Setting Up a Movie Review Application
3. Lesson 6 - Adding Headers
4. Lesson 7 - Adding Components
5. Lesson 8 - Creating Movie Display Components
1. Lesson 9 - Introduction to API
2. Lesson 10 - API Key & Methods to Access API
3. Lesson 11 - Practice Exercise
4. Lesson 12 - Filtering & Sorting
5. Lesson 13 - Adding Reusable Components
1. Congratulations on completing your course!
1. Course Feedback Form

About this course

93 lessons
20 Hours of video content

ITonlinelearning Academy

React Essentials v1.0

Course curriculum

Course Syllabus

TutorBot

Module 1

Module 2

Module 3

Module 4

Module 5

Module 6

Module 7

Module 8

Module 9

Module 10

Next Steps

Feedback Form

About this course

Discover your potential, starting today