Formation #DEV192

Formation Angular 2 à 8

Durée : 5 jours

Code : DEV192


Prochaines dates programmées :

Du 24 au 28 Juin 2024

Du 21 au 25 Oct. 2024

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.
Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Découvrir les fonctionnalités du framework Angular
  • Etre autonome avec la programmation Angular
Programme
1/ Introduction
  • Quel intérêt pour Google ?
  • Les apports d’Angular dans le monde du développement web
2/ Présentation du Framework
  • AngularJS et Angular
  • Les nouveautés de TypeScript 3.4
  • Le moteur de rendu Ivy
  • Introduction au nouvel outil de build Bazel
3/ Comprendre la notion de Web components
  • Spécification du W3C (World Wide Web Consortium)
  • Les balises personnalisées
  • Custom elements
  • Shadow DOM
  • HTML templates
  • Imports
4/ Architecture d'une application Angular
  • Concepts fondamentaux
  • Vue d’ensemble de l’architecture : composants, services, vues…
  • Organiser son code avec les modules
  • Les components et les templates
  • Fonctionnement du Data Binding
  • Le rôle des directives
  • L'injection de dépendances avec Angular
  • Les services
  • Nouvelles fonctionnalités d’Angular CLI
  • L’intérêt de Webpack
5/ Création d’une première application Angular
  • Vue d'ensemble de la structure d'un projet Angular
  • Les modules et composants
  • "from scratch" avec Angular-CLI
  • Utiliser d'Angular-CLI
  • Créer le projet
  • Créer les modules
  • Créer une hiérarchie de composants
6/ Les templates
  • L’interpolation et les différents binding de données
  • Utiliser des variables locales
  • Utilisation des pipes
7/ Les formulaires avec AngularJS
  • Les éléments de formulaires
  • Utilisation du modèle
  • La sélection multiple
  • Validation du formulaire
  • Soumission du formulaire
8/ La bibliothèque RxJS (Reactive extensions for JavaScript)
  • Angular et RxJS
  • La programmation réactive
  • Comprendre et utiliser les observables et observateurs
  • Utilisation des opérateurs : map(), filter(), throttleTime(), scan() et reduce()
  • Communication entre components avec les Subjects
9/ Routage et requête HTTP
  • Liaison de données via HTTP
  • Gérer et configurer les échanges HTTP au niveau applicatif
  • Créer de routes
  • Interception des paramètres de routage et wildcard
  • Ciblage, "router-outlet" événements de routage
  • Gérer les routes dans l'arbre des composants
  • Configuration des "Guard" pour le l'initialisation des routes
10/ Les PWA (Progressives Web App)
  • Qu’est-ce qu’une PWA ?
  • Notion de Service Worker
  • Mettre en œuvre une PWA avec Angular
11/ Découvrir de NgRx
  • Présentation de Redux
  • Store, State et Actions
  • Mise en place de NgRx
  • Gestion des requêtes HTTP avec les Side effects
12/ Les tests et les bonnes pratiques
  • Configurer l’environnement de test
  • Les tests unitaires et fonctionnels
  • Présentation de Jasmine et Karma
  • Présentation de Protractor
  • Les tests End-to-End
  • John Papa et le coding style guide
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Architectes
  • Chefs de Projet
  • Consultants
  • Développeurs
Dates

Dates

  • Du 24 au 28 Juin 2024
  • Du 21 au 25 Oct. 2024
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.