Creating SPA Applications with Angular Framework Training
Level
IntermediateDuration
32h / 4 daysDate
Individually arrangedPrice
Individually arrangedCreating SPA Applications with Angular Framework Training
This training is for developers who want to build complex applications in a predictable way using a stable and powerful tool like Angular. Participants will learn design patterns and best practices for creating both simple apps and large enterprise-scale applications that are easy to maintain and expand with Angular.
What You Will Learn
- How to independently create SPA applications with Angular
- Best practices and design patterns commonly used in the industry
Who is this training for?
Developers who want to dive deeper into Angular and gain the skills needed to build web applications with this framework.
Training Program
Introduction to Angular
- Core Angular concepts
- Working with Angular CLI for code generation
- Project structure
- Introduction to TypeScript: classes, interfaces, annotations, generics
Components and Templates
- Component classes, decorators, selectors
- Templates: text & property binding, event binding, two-way binding
- Built-in directives:
*ngIf,*ngFor,ngClass,ngStyle - Component architecture: view encapsulation
- Passing data with
@Inputand emitting events with@Output - Lifecycle hooks overview
- Angular pipes
Modern Angular
- Dependency injection in practice
- Patterns and best practices
- Updating and migrating to new versions
NgModule,SharedModule, and Standalone components (Angular 15+)- New Angular 17 syntax:
@if,@for,@switch - Lazy loading components with
@defer - Signals – pitfalls and best practices
Forms and RxJS
- Creating Angular forms: input types, validation
- RxJS basics: Observable vs Promise, core operators
- Using RxJS in Angular: multicast, share, Async Pipe
HTTP Module
- Configuring and using
HttpClient - Sending and receiving form data
- Error handling and custom headers
- Practical server communication examples
Navigation and Pipes
- Angular Router basics: navigation module structure
- Navigation with TypeScript
- Handling nested components
- Dealing with invalid links
Practice and Summary
- Practical exercises and project work
- Discussion on real-world Angular use cases in SPA development
- Open Q&A session
