• 75600683
  • contact@ifmed.net
Sleek & Beautiful

Institut de Formation de Medenine - IFMED

Angular 8 mode projet

Angular 8 mode projet

JOUR 1

INTRODUCTION

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

LES BASES DU FRAMEWORK

  • Comprendre la philosophie du framework
  • Templating
  • Angular CLI, un outil pour tout générer
  • TP : Première application et outillage

LES NOUVEAUTÉS D’ANGULAR 8

  • ng add / ng update : configuration & migration automatique
  • Build avec le compilateur Bazel
  • Angular Elements
  • Angular Material + CDK Components
  • Animations Performance : au revoir polyfill
  • Déclarer les services avec Dependency Injection : Tree Shakable Providers
  • Progressive Web App (PWA)
  • Versions : RxJS 6 & Support de TypeScript 2.7

COMPOSANT

  • Web Components
  • Décorateurs Angular
  • Property binding, envoyer des données au composant
  • Event binding, évènements personnalisés
  • Cycle de vie
  • TP : Premier composant

DIRECTIVES

  • Directive : fonctionnement et création
  • Les directives fournies par Angular
  • Attribute directives
  • Structural directives
  • Directives complexes
  • TP : Première directive

MODULES

  • Déclarations d’un module: imports et exports
  • Les providers d’un module
  • Différents types de modules : bonnes et mauvaises pratiques
  • TP : Création d’un module et factorisation d’une librairie externe

PIPES

  • Les transformateurs fournis
  • Formater une chaîne
  • Formater des collections
  • Utiliser un pipe comme un service
  • TP : Créer ses propres pipes

JOUR 2

  • SERVICES, COMMUNICATION INTERCOMPOSANTS

SERVICES

  • Les services fournis
  • Injection de service
  • TP : Injecter les services fournis par Angular

INJECTION DE DÉPENDANCES (IOC)

  • Principes
  • Configurer son application
  • L’injection de dépendances : type-based et hiérarchique
  • Différents types de providers
  • TP : Créer ses propres services

ROUTER

  • RouterModule: Configuration des routes et URLs
  • Définitions des routes, liens et redirection, paramètres
  • Hiérarchies de routes
  • Vues imbriquées
  • Cycle de vie (Routing lifecycle)
  • TP : Transformer une application Web en Single Page Application

JOUR 3 & 4

  • REACTIVE PROGRAMMING, COMMUNICATION SERVEUR

OBSERVABLES

  • 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
  • TP : Création d’une API REST de test

FORMULAIRE

  • Créer un formulaire
  • Template-driven forms
  • ngModel
  • Reactive forms
  • Validation et erreurs
  • Observateurs
  • TP : Créer ses propres validateurs, envoyer une requête POST

PERFORMANCE

  • Astuces, bonnes pratiques & outils
  • Découverte des différentes stratégies de compilation
  • TP : Tester la performance

CONCEPTS AVANCÉS

  • Animations
  • Injection de dépendances avancée (IoC)
  • Requêtes HTTP vers une API REST

ATTESTATION

attestation de formation agrée par l’état sous le N° attestation de formation agrée par l’etat sous le N° 82-097-16

    Prix

    Nous contacter sur le
    75 600 683 , 52 384 976

    Durée

    Durée : 5 jours

39 Vues