This in-depth training is designed for developers, architects, and project managers aiming to master Angular, Google’s powerful framework for building modern, scalable web applications.
It covers core Angular concepts including syntax, modular architecture, components, services, form handling, routing, HTTP integration, and CLI tools. TypeScript is explored in detail, along with modern JavaScript features (ES6+), dependency injection, and best development practices.
Participants will also learn unit testing strategies with Jasmine, Karma, and Protractor, explore project structuring techniques, and understand key principles of TDD and BDD for building robust applications. Migration guidance from AngularJS is also included.
Duration
4 days
Schedule
See training dates for details
Regular fee
$1,950
Preferential fee
A preferential rate is offered to public institutions, to members of certain professional organizations as well as to companies that do a certain amount of business with Technologia. To know more, please read the "Registration and rates" section on our FAQ page. Please note that preferential rates are not available for online training courses. Discounts cannot be combined with other offers.
$1,755
Objectives of the training
This training aims to present Angular, a development platform that allows creating dynamic and immersive web applications.Targeted audience
Architects, developers, and web project managers.Prerequisite
• Good knowledge of web technologies and modern Front-End development tools
• knowledge of JavaScript.
Trainers
Upcoming information
Benefits for Participants
At the end of the course, participants will be able to :
Master the fundamentals of the Angular framework
Develop complex web applications
Integrate unit tests into development.
Course architecture
Developing with JavaScript: Reminders
Presentation of ECMAScript 5 best practices
General presentation of ES7/ES6/ES2015
Syntax innovations: scope, template string, arrow functions, promises
Object-oriented JavaScript development with class syntax
Observer/observable design pattern (ES7)
RX.js library
Essential tools: Babel, Traceur, and TypeScript
In-depth TypeScript
ES6/2015: modular approach
ES7: asynchronous treatment management with await async
Module Loaders: Webpack, import/export
Transition from AngularJS 1.x to Angular
Comparison of concepts
Migration process
Structure of an Angular application
Key Angular modules
Dependency injection principle
Directive classification: component, attribute, structure
Decorators: definition of hierarchies
The ng or @angular/cli Utility
Using the command-line utility
Scaffolding a project structure
Configuration of task utilities
Launching a development/production server (build)
Ahead of Time Compilation
The concept of “Tree Shaking”
Application Bootstrapping
Definition of Components
Understanding Web Components
Angular Compiler: Change Detection
Template syntax: interpolation/expression, binding, and filters
Transformation directives: ngIf, ngFor, ngSwitch
Local and template variables
Component class
Configuration directives: selector, provider
User events and custom logical events: EventEmitter
Classification of Application Components
Module, RouterModule, SharedModule
Component, Directive, Pipe, Service, Guard
Dependency injection overview
Creation of injectable services
Service classification
Configuration of the injector
Decorators
@Host, @ContentChild, @ViewChild
Pure JavaScript function, PurePipe
Form Management, Routing, and HTTP Request
FormControl and FormGroup
TDF versus DDF: Template Driven Form and Data Driven Form
Validation and custom error handling
Data binding via HTTP
Management and configuration of HTTP exchanges at the application level
Route creation
Intercept routing parameters and wildcard
Targeting, "router-outlet" routing events
Route management and configuration in the component tree
Unit Testing
Configure the testing environment
Introduction to Karma and Jasmine
Writing tests with Jasmine
Writing integration tests with Protractor
Code coverage
Code coverage indices
BDD (Behavior Driven Development), TDD (Test Driven Development)
Test cases: pipe, component, application
Angular Coding Style Guide.
Pedagogical details
Training architecture
Through exercises and practical cases, participants will learn to create the basic components of an Angular application and integrate it with a backend to build a complete web application.
Type of training
Skill development
Skill development and knowledge integration
Decision support
Basic knowledge
Private or personalized training
If you have more than 8 people to sign up for a particular course, it can be delivered as a private session right at your offices. Contact us for more details.
Request a quoteDuration
4 days
Schedule
See training dates for details
Regular fee
$1,950
Preferential fee
A preferential rate is offered to public institutions, to members of certain professional organizations as well as to companies that do a certain amount of business with Technologia. To know more, please read the "Registration and rates" section on our FAQ page. Please note that preferential rates are not available for online training courses. Discounts cannot be combined with other offers.
$1,755
Private or personalized training
If you have more than 8 people to sign up for a particular course, it can be delivered as a private session right at your offices. Contact us for more details.
Request a quote