Objectifs

• Découvrir la dernière version  du Framework Angular

• Développer et tester complètement une application

• Appliquer les bonnes pratiques de développement.

A qui s'adresse cette formation

Public :

Développeurs et Chefs de projets.

Prérequis :

Connaître des langages Web comme HTML, CSS et JavaScript.

Contenu du cours

Présentation du Framework

• La nouvelle version d'Angular

• Les nouveautés de TypeScript 3.8

• Le nouveau moteur d'Angular : Ivy

• Compilation AOT vs JIT
   

Architecture d'une application Angular

• Organiser son code avec les modules

• Les components et les templates

• Connecter components et templates avec le Data Binding

• Le rôle des directives

• Les services

• Notion d'injection de dépendance
   

Une première application Angular

• La structure d'un projet Angular

• Les modules et composants

• Démarrer "from scratch" avec Angular CLI

• Utilisation d'Angular CLI

• Création de projet

• Création de modules, components et services
   

Les templates

• Utiliser l'interpolation

• Property et event bindings

• Utiliser des variables locales

• Utilisation des pipes
   

Les formulaires

• Création de formulaires avec le FormsModule

• Création de formulaires avec le FormBuilder

• Validation et gestion des erreurs
   

La bibliothèque RxJS (Reactive extensions for JavaScript)

• La programmation réactive

• Observable et Observer

• Utilisation des opérateurs

• Communication entre components avec les Subjects
   

Travail avec HTTP

• Le service HTTP

• Utilisation de RxJS

• Récupérer des données

• Rappel sur les Promises

• Utiliser les Observables
   

Le routage

• Les différentes versions du module de routage

• Fonctionnement du routage

• Configurer des routes et utiliser les directives
   

Les PWA (Progressives Web App)

• Présentation des Progressives Web App

• Notion de Service Worker

• Implémentation d'une PWA avec Angular
   

Découverte de NgRx

• Présentation de Redux

• Store, state et actions

• Mise en place de NgRx

• Gestion des requêtes HTTP avec les side effects
   

Les tests et les bonnes pratiques

• Les tests unitaires et fonctionnels

• Présentation de Jasmine et Karma

• Présentation de Protractor

• Présentation de Cypress

• John Papa et le coding style guide