Formation Développement d'applications avec Angular 6

 Introduction a Node JS

• Présentation de l'architecture de NodeJs
• Le moteur V8 de Google
• Caractéristiques de NodeJs
• Présentation de Npm
• Présentation de expressJS
• Mise en place d'un premier Backend en NodeJS
• Rappel sur ES6/ES2015

Nouveautés ES6 : portée de a un bloc, template litterals, arrow functions…

• Modules ES6 et dépendances
• Les Classes ES6
• Le langage TypeScript

Le typage

• Décorateurs / annotations
• Autres outils : visibilité, statique, abstraction…
• Mise en place de l'environnement et Outillage : Cas pratique : Développer et tester une application Angular
• Comprendre Angular

Concepts fondamentaux et vue d'ensemble de l'architecture : composants, services, vues…

• Organisation du code avec les modules : les conteneurs NgModules et l'encapsulation
• Cas pratique : création du projet file rouge
• Les composants

Comprendre la notion de Web components du W3C (custom elements, shadow DOM, HTML templates et imports)

• Cycle de vie et structure des Angular components
• Les mécanismes d'interaction entre composants
• Le dataBinding
• Cas pratique : création des composants nécessaires pour le projet file rouge
• Injection des dépendances

Retour sur le système d'injection de dépendances

• Les injecteurs et instances dans Angular
• Enregistrer un service : les différentes options
• Les directives de Angular
• Cas pratique : création et injection d'un service de type bouchon pour simuler la génération des données dans notre projet
• Programmation réactive

Concepts de programmation réactive

• Angular 6 et RxJS 6 (Reactive Extensions for JavaScript)
• Comprendre et utiliser les observables et observateurs
• Gestion des formulaires

Les différentes façons de créer des formulaires : template-driven ou réactive ?

• Comprendre la gestion du flux de données
• Valider et gérer les erreurs : considérations pour la sécurité
• Créer des validateurs personnalisés et les ajouter à un formulaire
• Cas pratique : création du module d'administration de notre projet
• Communication avec les Webservices 

Utilisation de l'API REST

• Gestion des requêtes HTTP avec l'API HttpClient d'Angular 4 et plus
• Cas pratique : création et communication avec un WebService Rest
• Routing et navigation

Vue d'ensemble du routage Angular

• Déclarer et configurer des routes et URLs
• La navigation avec routerLink et navigate
• Gérer les redirections
• Cas pratique : ajout des redirections et des navigations nécessaires pour finaliser le site
• Tests

Configurer l'environnement de test

• Karma et Jasmine
• Utiliser Protractor pour des tests end-to-end
• Les bonnes pratiques pour tester sous Angular
• Cas pratique : Tester le projet file rouge
• Les nouveautés Angular 6,7 et concepts avancés

Focus sur les nouveautés et changements apportés par Angular 6

• Introduction aux services workers, pris en charge depuis Angular 5
• UI Design avec Angular Material et le Component Dev Kit (CDK)
• Composants avancés
• Compilation Ahead of Time (AoT)
• Le lazy-loading
• Cas pratique : Optimisation et déploiement du projet File rouge

HORAIRES

• Formation de 9h30 à 17h30 le premier jour, puis de 9h à 17h.
• Deux pauses de 15 minutes le matin et l'après-midi.
• 1 heure de pause déjeuner

MODALITéS

• Formation avec un Expert Formateur (pas de vidéos pré-enregistrées).
• Formation organisée au choix du stagiaire :
 - en présentiel au 37 RUE DE LIEGE à PARIS
 - en distanciel, en utilisant l'outil Zoom, aux horaires de la formation (heure de Paris)
 - en Alternance, c'est à dire à la carte entre le présentiel et le distanciel. Cette solution est très appréciée des franciliens pour s'adapter à leurs contraintes.

DEROULEMENT

• Les horaires de fin de journée sont adaptés en fonction des horaires des trains ou des avions des différents participants.
• Une attestation de suivi de formation vous sera remise en fin de formation.
• Cette formation est organisée pour un maximum de 14 participants.