Angular 8 le nouveau framework de Google a vu le jour sous sa version finale en mai 2019 et s’impose dès lors comme la référence des technologies modernes. Ce framework conçu pour créer des applications web complexes s’appuie sur des outils ultras modernes (ES2015, TypeScript, Web composants et programmation réactive).

La formation Angular 8 du centre Esic à pour objectifs de vous apporter toutes les connaissances pratiques pour vous permettre de maîtriser ce framework. Vous serez amenés à en découvrir ses fonctionnalités, mécanismes et nouveautés, à apprendre à développer des applications sous Angular 8 et concevoir des applications avec JavaScript et TypeScript 3.1.

Objectifs

  • Découvrir les fonctionnalités & les nouveautés du framework Angular 8
  • Savoir développer une nouvelle application Web avec Angular
  • Savoir concevoir une application Angular 8 avec JavaScript et TypeScript 3.1
  • Connaître les mécanismes avancés du framework

21 heures

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

JOUR 1 – INTRODUCTION ANGULAR 8

  • 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

TP : Première application et outillage

LES NOUVEAUTÉS D’ANGULAR 8, 7, 6 ET 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 3.1
  • Ivy

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

Public 

Cette formation s'adresse à des développeurs Web, Lead developer..

Prérequis 

La formation Angular 8 nécessite des connaissances en JavaScript ou Type Script

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 

Nous consulter.

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

Tarif

1770€ HT par stagiaire

Intra-entreprise et sur-mesure

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