Angular

Objectifs

• Apprendre les bases du Framework Angular


• Etre capable de développer une application de façon autonome avec Angular


• Pouvoir s'interfacer avec un backend


• Savoir tester son application, unitairement et de bout-en-bout


• Connaître les bonnes pratiques de développement et de mise en production pour Angular

Programme de la formation

Introduction à Angular

• Les outils de développement


• Les modules


• ES6


• Les Webpacks et les Web Components


• La base de TypeScript


• Packaging, grunt, npm


• Installation de npm et angular-cli

Les bases du Framework Angular

• Comprendre la philosophie du Framework


• Templating


• Le moteur de rendu Ivy

Angular CLI

• Création d'un squelette d'application


• Les commandes ng-generate


• ng-update

Les composants et directives Angular

• Les vues et les vues imbriquées


• Les directives et import de directives


• Le cycle de vie des composants


• Material Design et CDK


• Les annotations @Component et @View


• Propriétés, événements, bindings


• Les Web Components templates, styles, pipes


• Agular Elements


• La visibilité des composants


• Les services et les injectables

Les composants Angular

• ngFor


• ngIf


• ngSwitch


• ngNonBindable

Les templates

• Interpolation / expression


• Binding et interactions des templates


• Les variables locales


• Symbole *, directives de structure

La gestion des formulaires

• Créer un formulaire


• Les objets Control et ControlGroup


• La validation d'un formulaire


• Créer ses propres validateurs


• La gestion des modifications


• Groupes de champs avec FormBuilder


• La gestion des erreurs


• NgModel et NgModelOptions

Les routes dans Angular

• Le concept de routage


• La configuration des routes et URLs


• Router providers et config


• Les directives RouterOutlet et RouterLink

Les pipes Angular

• Les transformateurs fournis


• Les pipes et les filtres


• Créer ses propres pipes

Observables et rxjs 6

• Présentation et utilisation


• Subject et Subscribe


• EventEmitter dans Angular

Echanger avec un serveur

• Les requêtes HTTP


• Les webSockets


• HttpClientModule


• Services Worker


• Internationalisation


• Le pipe i18n


• Les locals


• Modifier les paramètres régionaux dynamiquement

Les tests dans Angular

• Présentation de Karma et Jasmine


• Utilisation de Protractor


• Injection de dépendances


• Les tests en asynchrone


• Simuler le serveur HTTP

Validation et sanction

Attestation de formation

Type de formation

Non certifiante

Sortie

Sans niveau spécifique