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
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
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 quotePrivate 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