Actions collectives - Se former sans impacter son budget formation pour les adhérents AGEFICE  ou FAFIEC.
REF ESMA187 | FORMATION ANGULAR6 à Paris | 3 JOURS |  FORMATION 100% PRATIQUE

 

Préparez votre projet de formation.
LA FORMATION ANGULAR 6 VOUS PERMETTRA :
  • Découvrir les fonctionnalités & les nouveautés du framework Angular 6
  • Savoir développer une nouvelle application Web avec Angular
  • Savoir concevoir une application Angular 6 avec JavaScript et TypeScript
  • Connaître les mécanismes avancés du framework
Cette formation Angular6  vous apprendra à développer un application web. Angular  propose  plus de cohérence dans le développement front.

 

CONTENU DE LA FORMATIONTARIFS & DATESSE RENSEIGNER
Prérequis
Afin de profiter pleinement de la formation Angular6, il est conseillé de posséder des connaissances générales en JavaScript ou TypeScript..
Public
La formation Angular6 est destinée aux développeurs Web.

 

Programme de la formation ANGULAR6

JOUR 1 – INTRODUCTION

  • ES6, le nouveau JavaScript
  • ES6 et les modules
  • TypeScript 2.9, 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 6 & 5

  • 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 – 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
  • SUPPORTS DE FORMATION
  • GUIDE DE BONNES PRATIQUE
  • SUIVI POST-FORMATION D’UN AN
INTER-ENTREPRISES : 2120€ HT par stagiaire
PARIS
    • 24 décembre 201826 décembre 2018 @ 

    • 21 janvier 201923 janvier 2019 @ 

    • 15 avril 201917 avril 2019 @ 

    • 22 avril 201924 avril 2019 @ 

INTRAS ET SUR MESURE
Nos consultants vous accompagnent pour adapter ce programme de formation à votre contexte.

Utilisez ce formulaire pour décrire votre projet de formation.


1
Fermer le menu