Votre partenaire formation 100% digital

Angular 8 et 9

(DISPONIBLE A DISTANCE) Développement d'applications web riches avec le framework Google Angular

pictogramme calendrier Prochaines sessions

Prochaines sessions - Angular 8 et 9
Date de début Ville Prix unitaire HT
4 novembre 2020 Paris 1650 € Réserver

pictogramme information Description

Durant cette formation, vous allez apprendre à construire des applications web avec l’architecture et le Framework Angular 8. Vous allez également voir les nouveautés prévues pour Angular 9. Nous allons élaborer des CRUD avec une API REST. Nous allons découvrir ou redécouvrir les Routes et les Revolvers, voir le Back dans une API Frontend de type SPA.

Cette formation vous donnera tout sur le « mode déconnecté » d’Angular et vous permettra d’optimiser notre application pour vos futurs déploiements. Vous verrez l’organisation de la Clean Architecture pour la gestion optimale des modules avec la gestion du Guard.

pictogramme progamme Objectifs pédagogiques

• Découvrir les fonctionnalités & les nouveautés du Framework Angular 8
• Savoir développer une nouvelle application Web avec Angular 8
• Savoir concevoir une application Angular 8 avec JavaScript et Typescript 3.1
• Connaître les mécanismes avancés du Framework

pictogramme cible Public cible

Chefs de projet Web, Architectes techniques, Développeurs front-end

pictogramme check liste Pré-requis

Connaissance de JavaScript ou Typescript, html, CSS

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers d’ateliers de mise en pratique des notions et concepts abordés pendant la formation.

Méthodes pédagogiques

30 % théorie / 70 % pratique

FORMAT A DISTANCE

Prix de la formation : 1030 € HT

Durée de la formation : 3 jours (2 + 1)

Pré-requis techniques nécessaires :

  • Bon débit Internet
  • Possibilité d’installer un logiciel ou un plug-in sur son poste en fonction des cas
  • Possibilité de la prise en main à distance d’une fenêtre de travail par le formateur

pictogramme information Programme de la formation

Introduction

  • ES6, le nouveau JavaScript
  • ES6 et les modules
  • TypeScript 3, le typage du JavaScript

Les bases du Framework

  • Comprendre la philosophie du Framework
  • Templating
  • Angular CLI, un outil pour tout générer

Les nouveautés d’Angular 9, 8, 7, 6 et 5

  • ng add / ng update : configuration & migration automatique
  • Build avec le compilateur Bazel
  • Angular Elements
  • Angular Material + CDK Components
  • Progressive Web App (PWA)
  • Versions : RxJS 6 & Support de TypeScript 3.1
  • Ivy

Composant

  • Web Components
  • Décorateurs Angular
  • Property binding, envoyer des données au composant
  • Event binding, évènements personnalisés

Directives

  • Directive : fonctionnement et création
  • Les directives fournies par Angular
  • Attribute directives

Modules

  • Déclarations d’un module : imports et exports
  • Les providers d’un module

Pipes

  • Les transformateurs fournis
  • Créer son Pipe et pour quel besoin

Injection de dépendances (IOC)

  • Principes
  • Configurer son application
  • L’injection de dépendances : type-based et hiérarchique
  • Différents types de providers

Router

  • RouterModule: Configuration des routes et URLs
  • Définitions des routes, liens et redirection, paramètres
  • Hiérarchies de routes
  • Gérer les Resolver
  • Gérer les Guards

Observables & Services

  • Introduction à RxJS
  • Le concept d’Observable
  • Principales opérations sur les observables
  • Lien avec les promesses

Échanger avec un serveur

  • Requêtes HTTP
  • Communication avec une API (json-server en mode autonome)
  • Afficher des données externes
  • Afficher des données asynchrones avec AsyncPipe et les conséquences

Formulaire

  • Créer un formulaire
  • ngModel et validors intrinsèques
  • Reactive forms et les Validators et la gestion des messages liés

pictogramme commentaire Avis et témoignage

Voir tous les avis