Build modern web applications with Angular, TypeScript, RxJS, and front-end best practices
This training enables developers, architects, and project leads to build powerful, maintainable web applications using Angular 2+. It covers key framework concepts, TypeScript and ES6 fundamentals, component architecture, form handling, routing, HTTP services, and integration of unit testing throughout the development lifecycle.
Participants will also learn about tooling (npm, Webpack, angular-cli), best practices for deployment, and reactive programming with RxJS, providing a strong foundation for scalable and high-performance front-end applications.
Is it for you ?
Architects, developers, project managers
Prerequisites
Practical knowledge of web technologies, current Front-End development tools and JavaScript.
What You'll Walk Away With
- ✓ Build structured Angular applications using components, services, and modular architecture
- ✓ Use TypeScript and ES6 to write modern, typed, and maintainable code
- ✓ Create dynamic user interfaces with templates, data binding, directives, and reactive forms
- ✓ Manage navigation and data flows with routing, HTTP, and RxJS observables
- ✓ Test, evolve, and maintain Angular applications in complex development environments
Training content
1 General Introduction
- Tools and IDEs
- Packaging, grunt, npm
- Webpack
- npm installation
- Angular-cli installation
2 TypeScript and ES6
- TypeScript installation
- Transpiling ECMAScript
- Let, local variables, and constants
- Typing and native types
- Optional parameters, default values
- Classes and interfaces
- Module handling
- Arrow functions
- Decorators
3 Templates
- Introduction to templates
- Interpolation/expression
- Binding and interactions
- Local variables
- Symbol, structure directives
- Pipes, filters
4 Forms
- Control and ControlGroup
- Validations
- Error handling
- Managing changes
- Field groups with FormBuilder
5 Components and Services
- Directives: selectors, inputs, outputs, lifecycle, providers
- Components : templates, styles, directives, pipes
- Component visibility
- Services, injectable
6 Observable and rxJs
- Presentation
- Observable and rxJs
- EventEmitter in Angular 2+
7 Routing
- Routing concepts
- Router providers and configuration
- Router directives
- Routing methods and parameters
8 HTTP
- HTTP providers
- Requests
- Data transformation and observables
- Request options
9 Testing
- Migration
- Angular components
- ng-upgrade: coexistence of different versions
- ng-forward.
📌 Practical information
Our training sessions are offered in Montreal or Quebec City, in person or in a virtual classroom. Dates and locations are specified when you select your session below. If you have any questions, check out our FAQ.