Front End Course

Overview

This React Development Program takes you from the fundamentals of modern JavaScript and React basics to advanced concepts like state management, performance optimization, testing, and TypeScript. Through guided practice and hands-on projects, you’ll master the essential skills needed to build professional, scalable web applications and graduate with a complete portfolio project

High Focus Information:
 

1. Learn React from zero to advanced level.
2. Hands-on with hooks, state management, routing, and APIs.
3. Build real-world projects including a complete final application.
4. Practice modern tools: Redux, React Query, TailwindCSS, TypeScript.
5. Gain skills to work as a front-end React developer.

Course Topics:

Phase 1 – Fundamentals (20h) :

• Modern JavaScript (ES6+)
• Intro to React & Virtual DOM
• JSX Syntax
• Components & Props
• State & Events

Phase 2 – Core Concepts (30h) :

• Conditional Rendering & Lists
• Forms & Controlled Components
• Essential Hooks (useState, useEffect, useRef)
• API Integration (fetch/axios)
• Component Composition & Context API

Phase 3 – Intermediate (25h) :

• React Router (routes, nested, dynamic)
• Advanced Hooks (useReducer, useMemo, useCallback)
• Error Boundaries & Error Handling
• Styling (CSS Modules, Styled Components, TailwindCSS)
• State Management (Redux Toolkit / Zustand)
• Authentication (JWT, Protected Routes)

Phase 4 – Advanced (15h) :

• Performance Optimization (memo, lazy loading, splitting)
• React Query (TanStack Query)
• Testing (Jest, RTL, Cypress)
• TypeScript with React

Phase 5 – Projects (10h) :

• Mini Projects (ToDo, Weather, Notes)
• Final Project (e.g. E-commerce / Dashboard)

Key Details:

Date: 26 Oct - 5 Dec

Format: Online / Sunday and Wednesday

Accreditations: ACTD - AWS - نقابه المهندسين