Advanced Frontend Track:Angular

Description

Enterprise-Level SPA Development (Intensive Track). This track is for developers who already know HTML, CSS and JavaScript and want to build large, maintainable single-page applications with Angular and TypeScript. You will learn Angular's architecture in depth: components, dependency injection, routing with lazy loading and guards, reactive forms, RxJS, HTTP interceptors and state management with NgRx. In the second half you will build a CRM dashboard from authentication through to production deployment, the way it is done on professional teams.

What you'll learn

• Write strongly typed code with TypeScript and the Angular CLI
• Design reusable components and share data between them
• Set up routing with lazy loading and route guards
• Build complex reactive forms with custom validation
• Handle async data with RxJS, the HTTP client and interceptors
• Manage application state with NgRx and ship to production

Topics

1. 1 Week 1

   • Session 1: TypeScript Deep Dive & Angular CLI Architecture
   • Session 2: Components, Lifecycle Hooks & Advanced Data Binding

2. 2 Week 2

   • Session 3: Component Communication & Dependency Injection
   • Session 4: Pipes, Data Transformation & Angular Routing

3. 3 Week 3

   • Session 5: Advanced Routing, Lazy Loading & Route Guards
   • Session 6: Reactive Forms & Advanced Form Validation

4. 4 Week 4

   • Session 7: RxJS Core Concepts, Operators & HTTP Client
   • Session 8: HTTP Interceptors & State Management (NgRx Basics)

5. 5 Week 5

   • Session 9: Real-Life Project: CRM Dashboard - Part I (Auth & Architecture)
   • Session 10: Real-Life Project: CRM Dashboard - Part II (State Management & Data Tables)

6. 6 Week 6

   • Session 11: Real-Life Project: Part III (Chart Integrations & Forms)
   • Session 12: Real-Life Project: Part IV (Final Deployment & Production Readiness)