Angular

Découvrir les fonctionnalités & les nouveautés du framework Angular Savoir développer une nouvelle application Web avec Angular Savoir concevoir une application Angular avec JavaScript et TypeScript 3.x Connaître les mécanismes avancés du framework

Programme de la formation Angular Introduction : ES6, le nouveau JavaScript ES6 et les modules TypeScript 3, le typage du JavaScript Les bases du framework : Comprendre la philosophie du framework Templating Angular CLI, un outil pour tout générer Les nouveauté d'Angular 10, 9, 8, 7, 6 ET 5 ng add / ng update : configuration & migration automatique Build avec le compilateur Bazel Angular Elements Angular Material + CDK Components Animations Performance : au revoir polyfill Déclarer les services avec Dependency Injection : Tree Shakable Providers Progressive Web App (PWA) Versions : RxJS 6 & Support de TypeScript 3.1 Ivy Composant : Web Components Décorateurs Angular Property binding, envoyer des données au composant Event binding, évènements personnalisés Cycle de vie Directives : Directive : fonctionnement et création Les directives fournies par Angular Attribute directives Structural directives Directives complexes Modules : Déclarations d'un module: imports et exports Les providers d'un module Différents types de modules : bonnes et mauvaises pratiques Pipes : Les transformateurs fournis Formater une chaîne Formater des collections Utiliser un pipe comme un service Services, communication intercomposants: Les services fournis Injection de service Injection de dépendances (IOC) : Principes Configurer son application L'injection de dépendances : type-based et hiérarchique Différents types de providers Router : RouterModule: Configuration des routes et URLs Définitions des routes, liens et redirection, paramètres Hiérarchies de routes Vues imbriquées Cycle de vie (Routing lifecycle) Reactive programming, communication serveur bservables : Introduction à RxJS Le concept d'Observable Principales opérations sur les observables Lien avec les promesses Échanger avec un serveur : Requêtes HTTP Communication avec une API Afficher des données externes Afficher des données asynchrones avec AsyncPipe Formulaire : Créer un formulaire Template-driven forms ngModel Reactive forms Validation et erreurs Observateurs Performance : Astuces, bonnes pratiques & outils Découverte des différentes stratégies de compilation

Attestation d'acquis ou de compétences;Attestation de suivi de présence

Connaissance de JavaScript ou TypeScript.