Votre partenaire formation 100% digital

Angular 8 et 9

Développement d'applications web riches avec le framework Google Angular

  • Formateur(s)

    Formateur Cedric LE GALLO
    Cédric LE GALLO
  • Référence

    ANG2

  • Durée

    3 jours (21h)

  • Prix unitaire HT

    1650 €

pictogramme calendrier Prochaines sessions

Prochaines sessions - Angular 8 et 9
Date de début Ville Prix unitaire HT
11 mai 2020 Paris 1650 € Réserver
7 septembre 2020 Paris 1650 € Réserver
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

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
  • Formater une chaîne
  • Formater des collections

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
  • Afficher des données externes
  • Afficher des données asynchrones avec AsyncPipe

Formulaire

  • Créer un formulaire
  • Template-driven forms
  • ngModel
  • Reactive forms
  • Validation et erreurs

pictogramme commentaire Avis et témoignage

Voir tous les avis