La formation Angular6 vous permettra de développer une application web plus cohérente dans le développement front.

Objectifs

  • 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

3 jours

  • Programme
  • Public et Prérequis
  • Pédagogie
  • Dates et Tarifs
  • Nous contacter

Programme de la formation ANGULAR

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

Public 

La formation Angular6 est destinée aux développeurs Web.

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..

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers des multiples exercices à réaliser (50 à 70% du temps).

Compétences du formateur

Notre formation est animée par un expert reconnu dans son domaine possédant une expérience sur le terrain significative et des compétences pédagogiques reconnues.

Moyens pédagogiques et techniques

  • Ordinateur (PC / MAC), vidéoprojecteur, aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les stages pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.

A l’issue de chaque stage ou séminaire, ESIC fournit aux participants :

  • Un questionnaire d’évaluation de la session
  • Une feuille d’émargement par demi-journée de présence
  • Une attestation de fin de formation

Dates

    • 7 octobre 20209 octobre 2020 @ 

(Sous réserve d’un effectif nécessaire pour l’ouverture de session )

Tarif

2120€HT/personne.

Intra-entreprise et sur-mesure

Nos consultants vous accompagnent pour adapter ce programme de formation à votre contexte.