Votre partenaire formation 100% digital

Angular 8 à 13

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

pictogramme calendrier Prochaines sessions

Prochaines sessions - Angular 8 à 13
Date de début Ville Prix unitaire HT
21 novembre 2022 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 à 13. Vous allez également voir les nouveautés prévues pour Angular 13. 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 13 
  • Savoir développer une nouvelle application Web avec Angular 13
  • Savoir concevoir une application Angular 13 avec JavaScript et Typescript 4.4
  • Connaître les mécanismes avancés du Framework

pictogramme cible Public cible

Développeur, chef de projet 

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

Dernière mise à jour : février 2022

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 8 à 13

  • 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 4.4
  • Ivy
  • Angular 13 : Des builds améliorées avec la capacité persistante « cache build by default »

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
  • Angular 13 :RouterOutletContract

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
  • Angular 13 : API ViewContainerRef.createComponent simplifiée qui permet la création dynamique de composants

pictogramme commentaire Avis et témoignage

Voir tous les avis