Accueil / Formations

Formations

Développer des applications riches avec Angular V8 Mixte : présentiel / à distance

Dernière mise à jour : 30/04/2021

Type : Stage pratique en présentiel
Description
Angular passe en version 8. Plus qu'une simple évolution, c'est un nouveau framework qui nous est proposé. Nouveau langage avec TypeScript, nouvelle syntaxe de vues, orientation web components, programmation réactive, flux unidirectionnel et architectures de type flux sont les nouveaux concepts à appréhender. Les imperfections inhérentes à la première version ont disparu au profit d'une meilleure évolutivité et d'une meilleure performance.

A l'issue de la formation, vous serez en mesure de déployer une application complète, structurée selon les bonnes pratiques, modulaire et extensible.
Objectifs de la formation
  • Maitriser les caractéristiques du nouveau framework
  • Mettre en œuvre une architecture uni-directionnelle
  • Mesurer la qualité du code par les tests
Public visé
  • Développeur
  • Architecte Web
Prérequis
  • Pratique du HTML, CSS et JavaScript.
Modalités pédagogiques
Formation avec apports théoriques, échanges sur les contextes des participants et retours d'expérience pratique du formateur, complétés de travaux pratiques et de mises en situation.
Programme
Jour 1
1. ENVIRONNEMENT ET PRINCIPES
1.1. Présentation générale, dépendances du framework, angular-cli
1.2. Mise en œuvre d'un environnement de développement autonome

2. TYPESCRIPT / ES6
2.1. L'objet : classes, constructeurs, variables et méthodes privées, publiques et statiques, héritage et super
2.2. Typage de variable, interfaces, retours de fonctions
2.3. Fonctions, paramètres, affectations déstructurées
2.4. Maîtriser this avec les arrow functions
2.5. Les annotations
2.6. Modules, import et export

3. COMPONENTS
3.1. Bootstrap de l'application principale
3.2. Paramètres de l'annotation @Component
3.3. Cycle de vie, détection du changement et hiérarchie

4. VUES / TEMPLATES / SYNTAXE
4.1. Templates et template string, expressions
4.2. Input, output, input-output
4.3. Directives ngFor, ngIf, ngSwitch. ngClass, ngContent, ngStyle
4.4. Utiliser des composants dans les templates

5. SERVICE ET INJECTION DE DÉPENDANCE
5.1. L'annotation Injectable
5.2. Providers, instanciation et injection des services, hiérarchie

Jour 2
6. ARCHITECTURE, PROGRAMMATION RÉACTIVE / RXJS
6.1. Observable et Subjects, méthodes de gestion des streams
6.2. Architectures de type Flux, implémentation avec RxJS
6.3. Gestion d'état de l'application, immutabilité des données et fonctions pures

7. PIPES
7.1. Pipes fournis (uppercase, lowercase, percent, currency, async, etc.)
7.2. Créer ses Pipes

8. ROUTER
8.1. Mode Html5 et base href
8.2. Configuration des routes, imbrication de routes
8.3. Directives du router
8.4. Navigation et manipulation d'url
8.5. Interception des changements de route

9. HTTP
9.1. Http, Response, Headers
9.2. Les méthodes et paramètres Http. (GET, POST, PUT, DELETE, JSONP)
9.3. Rappel sur les promises, gestion du résultat par Observable
9.4. Gestion des erreurs

Jour 3
10. DIRECTIVES
10.1. Directives structurelles
10.2. Directives attributs

11. FORMULAIRES
11.1. Template driven Form & Formulaire Reactive
11.2. Soumission, validation et gestion des erreurs
11.3. Groupes de contrôles, objet Control


12. TESTS UNITAIRES
12.1. Configuration karma
12.2. Jasmine / assertion
12.3. Stratégies de tests : component, directive, service, pipe
12.4. Mock des données, Spy des services
12.5. Gestion de l'asynchrone
12.6. Tester le router
Exposé (%)
50
Pratique (%)
50

M'inscrire à la formation

Demander un devis
Prochaines Sessions
  • Désolé, cette formation n'est pas programmée pour le moment.
    Si vous êtes responsable formation, vous pouvez faire une requête pour l'organiser en INTRA dans votre entreprise.
Dans la même catégorie

Catalogue de formation propulsé par Dendreo,
logiciel spécialisé pour centres et organismes de formation