SAHASRA TECHNOLOGIES
Beginner to intermediate curriculum · Angular UI DevelopmentAngular UI Development
A beginner-to-medium Angular track covering components, forms, routing, RxJS basics and practical integration with ASP.NET Core Web API and SQL Server.
curriculum pdf
Save the complete Angular UI Development curriculum as a branded PDF for offline reference.
learning objective
Build a structured Angular frontend that validates data, calls secured APIs and handles common user and error flows.
recommended class plan
32–40 classes · 90 minutes per class
3 weekday classes + 1 weekend Angular lab per week
technologies
- Angular
- TypeScript
- RxJS
- HTML
- CSS
- ASP.NET Core Web API
tools
- VS Code
- Angular CLI
- npm as frontend tooling
- Browser DevTools
- Postman
curriculum modules
Basic foundations → practical skills → guided application
Angular Fundamentals
CLI, project structure, components, templates, binding, directives and pipes.
Services & Navigation
Services, dependency injection, routing, navigation and reusable components.
Forms & Validation
Template-driven and reactive forms with practical validation.
RxJS & HTTP
Observable basics, HttpClient, REST integration, error handling and environment configuration.
Authentication Flow
Token basics, interceptors, route guards and common signed-in UI states.
Guided Angular Project
Build Angular + ASP.NET Core Web API + SQL Server with one complete CRUD workflow.
beginner topics
Start here and build comfort.
- Components and templates
- Binding
- Directives and pipes
- Services
- Routing
- Forms
intermediate topics
Progress after the basics are clear.
- Reactive forms
- RxJS basics
- HttpClient
- Interceptors
- Route guards
- Reusable components
- Build basics
practical learning
Practise, submit, build and explain.
Practical exercises
- —Build reusable components
- —Create a validated form
- —Call a GET/POST API
- —Handle API errors
Assignments
- —Build a routed module
- —Create a CRUD screen
- —Add authentication UI flow
Mini projects
- —Angular Employee Manager
- —Angular Inventory Dashboard
industry habits throughout the track
Industry terminology
Debugging exercises
- Fix template and injection errors
- Inspect a failed network request
- Trace an Observable error
AI learning exercises
- Ask AI to explain generated component flow
- Review AI-created forms for validation
- Use AI to propose, then verify, a reusable component
topics intentionally excluded
Advanced topics come later.
Quality fundamentals are more valuable than an overloaded syllabus. These topics are outside this track:
- Advanced Angular architecture
- NgRx and complex state management
- Micro frontends
- Advanced performance internals
recommended next track