Angular Course Syllabus

Module 1: Introduction to Angular

• Overview of Angular
  • What is Angular?
  • History and evolution of Angular
  • Why use Angular?
• Angular Architecture
  • Components
  • Templates
  • Modules
  • Services and Dependency Injection
  • Directives
  • Pipes
  • Routing
• Setting up the development environment
  • Installing Node.js, Angular CLI, and dependencies
  • Creating and managing Angular projects with Angular CLI
  • Running Angular applications

Module 2: Angular Standalone Components

• Introduction to Standalone Components
  • What are Standalone Components?
  • Benefits of Standalone Components over traditional module-based components
  • Creating Standalone Components in Angular (using standalone: true)
  • Using Standalone Components in templates and routing
• Modularizing with Standalone Components
  • Best practices for organizing Standalone Components
  • Lazy loading Standalone Components

Module 3: Angular Components and Templates

• What is a Component?
  • Structure of an Angular component
  • Component lifecycle
• Creating and using Components
  • Defining components using @Component decorator
  • Component templates, styles, and logic
• Data Binding
  • Interpolation
  • Property binding
  • Event binding
  • Two-way data binding (ngModel)
• Directives and Attribute Directives
  • Built-in directives: ngIf, ngFor, etc.
  • Custom directives

Module 4: Angular Modules and Services

• Angular Modules (@NgModule)
  • Creating and managing Angular modules
  • Importing and exporting modules
  • Lazy loading of modules
• Dependency Injection and Services
  • Introduction to dependency injection (DI)
  • Creating and using services in Angular
  • Singleton services and providers
  • HTTP services (HTTPClient)

Module 5: Angular Forms and ControlValueAccessor

• Introduction to Angular Forms
  • Template-driven forms
  • Reactive forms
  • Form validation
  • Handling form input events
  • Custom validators
• ControlValueAccessor Interface
  • What is ControlValueAccessor?
  • Creating custom form controls with ControlValueAccessor
  • Implementing ControlValueAccessor in custom form components
  • Using ControlValueAccessor in reactive and template-driven forms

Module 6: Routing and Navigation

• Angular Router
  • Setting up routes in Angular
  • Route configuration and lazy loading
  • RouterLink and navigation
  • Route guards (CanActivate, CanDeactivate, etc.)
  • Handling query parameters and fragments
  • Routing lifecycle hooks

Module 7: Angular Directives and Pipes

• Built-in Directives
  • Structural Directives: ngIf, ngFor, ngSwitch
  • Attribute Directives: ngClass, ngStyle, ngModel
  • Custom Directives
• Angular Pipes
  • Built-in pipes (DatePipe, CurrencyPipe, etc.)
  • Creating custom pipes

Module 8: Angular HTTP and API Integration

• Making HTTP requests with HTTPClient
  • GET, POST, PUT, DELETE
  • Handling API responses (Observables, RxJS)
  • Error handling and retry logic
• Interceptors for request and response manipulation
• Authentication and Authorization with Angular (JWT tokens, OAuth)

Module 9: Performance Optimization

• Change Detection Strategies
  • Default vs OnPush change detection
  • Optimizing performance with trackBy
  • Lazy loading modules and components
  • Tree-shakable providers and lazy-loaded components
• Bundle optimization (ng build –prod)

Module 10: Deployment and Production Builds

• Preparing for production (ng build –prod)
• Configuring environments (dev, prod)
• Deploying Angular apps to various platforms (Netlify, Heroku, Firebase, etc.)
• CI/CD with Angular (Jenkins, GitHub Actions, etc.)

Module 11: Capstone Project

• Building a real-world Angular application
  • Planning and designing the application
  • Implementing features using Angular best practices
  • Testing and debugging the application
  • Deployment to a live server