Angular

1. Introduction to Angular

What is Angular
Angular architecture overview
Angular vs React vs Vue
Single Page Applications (SPA)
Angular CLI overview
Course project overview

2. Setting Up the Development Environment

Installing Node.js and npm
Installing Angular CLI
Creating a new Angular project
Project folder structure
Running the development server
Using Visual Studio Code

3. TypeScript Fundamentals

Variables and data types
Interfaces
Enums
Classes
Access modifiers
Functions
Arrow functions
Generics
Modules

4. Angular Project Structure

Angular workspace
Modules
Components
Templates
Stylesheets
Assets
Environment files
Configuration files

5. Components

Creating components
Component architecture
Component lifecycle
Component metadata
Template files
Inline templates
Inline styles
Component communication overview

6. Templates

Interpolation
Property binding
Attribute binding
Class binding
Style binding
Event binding
Template expressions

7. Directives

Structural directives
*ngIf
*ngFor
*ngSwitch
Attribute directives
ngClass
ngStyle
Creating custom directives

8. Data Binding

One-way data binding
Two-way data binding
Event binding
Property binding
Using ngModel

9. Pipes

Built-in pipes
Currency pipe
Date pipe
Decimal pipe
Percent pipe
JSON pipe
Slice pipe
Creating custom pipes

10. Components Communication

@Input()
@Output()
EventEmitter
ViewChild
Content projection
Parent-child communication
Sibling communication using services

11. Routing

Configuring routes
Router Outlet
Router Link
Route parameters
Nested routes
Lazy loading modules
Wildcard routes
Route guards overview

12. Forms

Template-driven forms
Reactive forms
Form controls
Form groups
Form arrays
Custom validators
Built-in validators
Displaying validation errors

13. Services and Dependency Injection

Creating services
Injectable decorator
Dependency Injection (DI)
Singleton services
Providing services
Using services across components

14. HTTP Client

Importing HttpClientModule
GET requests
POST requests
PUT requests
DELETE requests
PATCH requests
Handling API responses
Error handling

15. Observables and RxJS

Introduction to RxJS
Observables
Observers
Subscriptions
Operators
map()
filter()
switchMap()
mergeMap()
catchError()
tap()
takeUntil()

16. Lifecycle Hooks

ngOnInit
ngOnChanges
ngAfterViewInit
ngAfterContentInit
ngDoCheck
ngOnDestroy
Best practices

17. Dependency Injection (Advanced)

Injection tokens
Hierarchical injectors
Provider scopes
Factory providers
Value providers

18. Routing (Advanced)

Route guards
CanActivate
CanDeactivate
Resolvers
Lazy loading
Preloading strategies
Dynamic routing

19. State Management

Component state
Service-based state management
BehaviorSubject
Introduction to NgRx
Actions
Reducers
Effects
Selectors

20. Authentication and Authorization

Login system
JWT authentication
Route protection
Role-based authorization
Token storage
Logout functionality

21. Working with APIs

REST APIs
Consuming external APIs
Creating API services
Handling loading indicators
Pagination
Search functionality

22. Angular Material

Installing Angular Material
Themes
Buttons
Cards
Tables
Dialogs
Menus
Forms
Icons
Toolbar
Responsive layouts

23. Reactive Programming

Subjects
BehaviorSubject
ReplaySubject
Async pipe
Observable patterns
Memory leak prevention

24. Performance Optimization

Lazy loading
TrackBy function
OnPush Change Detection
Standalone components overview
Optimizing bundle size
Production builds

25. Error Handling

Global error handler
HTTP interceptors
Handling API errors
User-friendly error messages
Logging strategies

26. Interceptors

Authentication tokens
Request logging
Response handling
Global loading spinner
Error interception

27. File Uploads

Uploading files
Image previews
Progress indicators
Drag-and-drop uploads
Server integration

28. Internationalization (i18n)

Localization basics
Multiple languages
Translation files
Language switching
RTL support

29. Unit Testing

Introduction to Jasmine
Karma basics
Testing components
Testing services
Testing pipes
Testing directives
Mocking dependencies

30. Deployment

Production build
Environment configuration
Deploying to Firebase
Deploying to Netlify
Deploying to Azure
Deploying to IIS
Deployment best practices

31. Best Practices

Project architecture
Folder organization
Reusable components
Coding standards
Security best practices
Accessibility (A11y)
Performance optimization

32. Mini Projects

Task Manager
Weather Dashboard
Employee Management System
Product Catalog
Authentication System
Movie Search Application

33. Final Project

Students will build a complete enterprise-level Angular application that includes:

Authentication and authorization
Responsive dashboard
CRUD operations
REST API integration
Reactive forms with validation
Angular Material UI
Routing with lazy loading
State management
File upload functionality
Role-based access control
Production-ready architecture
Deployment to a live server