450 Lessons Online Classes

The React JS Learning Roadmap

FUNDAMENTALS – JavaScript

1. Introduction to Frontend Development
2. Setting Up the Development Environment
3. UI/UX Introduction
4. HTML – Hypertext Markup Language
5. CSS – Cascading Style Sheets
6. JavaScript Introduction
7. JavaScript Versions
8. JavaScript Output
9. JavaScript Syntax
10. JavaScript Keywords
11. JavaScript Comments
12. JavaScript Variables
13. let, const, var
14. Global and Local Variables
15. JavaScript Data Types
16. Type Conversion and Type of
17. JavaScript Operators
    • Arithmetic Operators
    • Assignment Operators
    • Comparison Operators
    • Logical Operators
    • Ternary Operators
    • Bitwise Operators
18. JavaScript Math
19. JavaScript Control Statements
    • If Else
    • Switch
    • For Loop
    • While Loop
    • For In
    • For Of
    • do While Loop
    • Break and Continue
20. JavaScript Strings
21. JavaScript Numbers and Methods

ADVANCED – JavaScript

1. JavaScript Arrays
2. JavaScript Array Methods
3. JavaScript Array Search
4. JavaScript Array Sort
5. JavaScript Array Iteration
6. JavaScript JSON
7. JavaScript Set
8. JavaScript Maps
9. Map Methods
10. JavaScript Functions
11. Arrow Functions
12. JavaScript Callbacks
13. JavaScript Asynchronous Programming
14. JavaScript Promises
15. JavaScript Async/Await
16. Object-Oriented Programming
    • Classes
    • Objects
    • Encapsulation
    • Inheritance
    • Polymorphism
17. Object Constructor
18. this Keyword
19. JavaScript Events
20. Error Handling

MASTER – React – Next.js Framework

1. React & React Framework Introduction
2. Next.js Introduction
3. Setting Up the Next.js Environment
4. Package Manager – NPM / Yarn
5. Creating Your First Next App
6. Next.js Project Structure
7. Publish to Local Server
8. Client and Server Components
9. Data Fetching
10. Caching
11. Pages and Routing
    • Pages and Layouts
    • Linking and Navigation
    • Redirecting
    • Creating Pages
    • Dynamic Routing
    • Nested Routes
12. Static and Dynamic Rendering
13. Styling
    • Tailwind CSS Integration
14. Optimizing Performance
    • Image Optimization
    • Font Optimization
    • Script Optimization
    • Lazy Loading
15. Authentication – NextAuth.js
16. Metadata
17. Database Management Systems
18. Relational vs. Non-Relational Databases
19. MongoDB
20. Git Version Control
21. Next.js Full Stack Application Development

Course Conducted By:

Mr. Chinthaka Dissanayake
B.Sc. (Hons) in Information Technology
Senior Software Engineer / ERP Technical Consultant / Senior Lecturer at Evotech