Creating SPA applications with the Angular framework
This training is for developers who want to build complex applications in a predictable way using a stable and powerful tool like Angular.
Ideal for teams that…
Modern frontend in practice — components, performance and code quality.
How to independently create SPA applications with Angular
Best practices and design patterns commonly used in the industry
What we actually do
- · Core Angular concepts
- · Working with Angular CLI for code generation
- · Project structure
- · Introduction to TypeScript: classes, interfaces, annotations, generics
- · 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 @Input and emitting events with @Output
- · Lifecycle hooks overview
- · Angular pipes
- · 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
- · Creating Angular forms: input types, validation
- · RxJS basics: Observable vs Promise, core operators
- · Using RxJS in Angular: multicast, share, Async Pipe
- · Configuring and using HttpClient
- · Sending and receiving form data
- · Error handling and custom headers
- · Practical server communication examples
- · Angular Router basics: navigation module structure
- · Navigation with TypeScript
- · Handling nested components
- · Dealing with invalid links
- · Practical exercises and project work
- · Discussion on real-world Angular use cases in SPA development
- · Open Q&A session
From brief to retro in 30 days.
Brief & diagnosis
A call with the team lead + a short survey for participants. We define goals, gap and context.
Program customization
We adapt modules, case studies and code examples to your stack. Approval in 5 days.
Workshop
Trainer-led sessions, hands-on, code review. Mentor available between sessions too.
Retro + report
Outcome report for the team and lead. 30 days of consulting included.
Send a brief. We'll reply within 1 day.
After a short brief we'll prepare a program and a quote. No obligations — it's just a starting point.
Thank you!
We'll get back to you within 1 business day.
Other programs for teams
See all →Angular
Modern frontend in practice — components, performance and code quality.
Full-stack applications with NestJS and Angular
Modern frontend in practice — components, performance and code quality.
Fullstack React with NextJS and TypeScript
Modern frontend in practice — components, performance and code quality.