Fullstack > 🅰️ Angular
Outlines the foundational and advanced topics for mastering Angular Framework.
Introduction
| Module | Topics | Hands-On | Assessments |
|---|---|---|---|
| UI Basics | HTML5 CSS3 JavaScript |
Static Web Pages | |
| UI Advanced | jQuery Bootstrap 5 Responsive Design |
Responsive Bootstrap Websites |
Angular Core
| Module | Topics | Hands-On | Assessments |
|---|---|---|---|
| Getting Started | Introduction Angular CLI Project Structure TypeScript |
Create First Angular App | |
| Components & Templates | Components Data Binding |
Component Communication | |
| Directives & Pipes | Directives Pipes |
Build Custom Pipe |
Angular Services
| Module | Topics | Hands-On | Assessments |
|---|---|---|---|
| Dependency Injection | Injectable Services HTTPClient RxJS & Observables |
API Integration | |
| Routing & Navigation | Routing Basics Route Guards Lazy Loading |
Multi-Page App |
Angular Forms
| Module | Topics | Hands-On | Assessments |
|---|---|---|---|
| Template-Driven Forms | Forms Validation |
User Form | |
| Reactive Forms | FormGroup & FormBuilder Advanced Validation |
Login Form with Reactive Validation |
Angular Material Design
| Module | Topics | Hands-On | Assessments |
|---|---|---|---|
| Material Basics | Installation & Themes Buttons, Inputs, Cards |
UI with Material Components | |
| Layout & Navigation | Toolbar, Sidenav Responsive Grid |
Dashboard Layout | |
| Data Tables & Dialogs | MatTable Dialogs & Modals Snackbar & Toast |
CRUD Table with Dialogs |