Accueil / Formations

Formations

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

Dernière mise à jour : 21/07/2021

Type : Stage pratique
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

OCTO Academy respecte votre vie privée

Ce site web stocke des informations vous concernant via le dépôt de cookie afin de mesurer l’audience du site. Ces données de navigation sont anonymisées.

En cliquant sur « OK pour moi », vous manifestez votre consentement pour le dépôt de ces cookies.

Lire la politique de confidentialité

À propos des cookies

Sur ce site, nous utilisons des cookies pour mesurer notre audience, entretenir la relation avec vous et vous adresser de temps à autre du contenu qualitif ainsi que de la publicité. Vous pouvez sélectionner ici ceux que vous autorisez à rester ici.

Cookies