10 Scratched Projects in Angular
SECTION 1: Angular Basics
What you’ll learn
- SECTION 1: Angular Basics What is Angular? Why Angular over others Angular vs React vs Vue (Comparison) Angular CLI Setup (npm, ng) Folder Structure Explanat.
- Angular Modules (NgModules) Components (Basics) Data Binding (Interpolation, Property, Event, Two-way) Directives Structural: *ngIf, *ngFor, *ngSwitch Attribute.
- Attribute: ngClass, ngStyle, Custom Directive Pipes and Custom Pipes Lifecycle Hooks SECTION 2: TypeScript Essentials TypeScript Introduction Types, Interfaces.
- Optional Parameters Generics in Angular SECTION 3: Forms in Angular Template-Driven Forms Reactive Forms (FormGroup, FormControl) Form Validation (Sync + Async).
- SECTION 4: HTTP Client & Services Angular Service & Dependency Injection HttpClientModule Setup GET, POST, PUT, DELETE using HttpClient Observables and RxJS (ma.
- SECTION 5: Routing & Navigation RouterModule and Routes Route Parameters Child Routes Lazy Loading Modules Route Guards (CanActivate, CanDeactivate) Preloading.
- SECTION 6: Component Communication @Input and @Output EventEmitter ViewChild and ContentChild Shared Service for communication.
- SECTION 7: Authentication & Authorization Login/Signup Forms JWT Token-based Auth AuthGuard for route protection Role-based access control Saving token in Local.
- SECTION 8: Advanced Angular Custom Libraries in Angular Angular Standalone Components Control Flow Syntax (@if, @for, etc) Signals in Angular Change Detection S.
Course Content
- Introduction –> 7 lectures • 28min.
- Basic CRUD Operation with no-standalone application –> 12 lectures • 1hr 33min.
- Bill Making Application –> 4 lectures • 31min.
- Image Gallery Project with RESTFUL API –> 15 lectures • 1hr 36min.
Requirements
SECTION 1: Angular Basics
What is Angular? Why Angular over others?
Angular vs React vs Vue (Comparison)
Angular CLI Setup (npm, ng)
Folder Structure Explanation
Angular Modules (NgModules)
Components (Basics)
Data Binding (Interpolation, Property, Event, Two-way)
Directives
Structural: *ngIf, *ngFor, *ngSwitch
Attribute: ngClass, ngStyle, Custom Directive
Pipes and Custom Pipes
Lifecycle Hooks
SECTION 2: TypeScript Essentials
TypeScript Introduction
Types, Interfaces, Classes
Access Modifiers
Arrow Functions, Optional Parameters
Generics in Angular
SECTION 3: Forms in Angular
Template-Driven Forms
Reactive Forms (FormGroup, FormControl)
Form Validation (Sync + Async)
Custom Validators
FormArray & Nested Forms
File Upload with FormData
SECTION 4: HTTP Client & Services
Angular Service & Dependency Injection
HttpClientModule Setup
GET, POST, PUT, DELETE using HttpClient
Observables and RxJS (map, filter, switchMap)
Interceptors (JWT, Logging, Error Handling)
Global Error Handler
SECTION 5: Routing & Navigation
RouterModule and Routes
Route Parameters
Child Routes
Lazy Loading Modules
Route Guards (CanActivate, CanDeactivate)
Preloading Strategy
Wildcard and Redirect Routes
SECTION 6: Component Communication
@Input and @Output
EventEmitter
ViewChild and ContentChild
Shared Service for communication
SECTION 7: Authentication & Authorization
Login/Signup Forms
JWT Token-based Auth
AuthGuard for route protection
Role-based access control
Saving token in LocalStorage
Refresh Token mechanism
SECTION 8: Advanced Angular
Custom Libraries in Angular
Angular Standalone Components
Control Flow Syntax (@if, @for, etc)
Signals in Angular
Change Detection Strategies
Zone.js & NgZone