Découvrer Angular2

Présentation

DVAJ003
5 jours ( 35 heures )
Présentation

Cette formation Angular JS vous permettra le développement des applications riches côté client et de maîtriser les fonctionnalités clés du framework: filtes, controleurs, templates.

Objectifs du cours

Cette formation vous permettra de comprendre les concepts du framework Angular2  et d'utiliser Angular2 pour développer des applications web performantes

Pré-requis
Maîtrise du javaScript et du CSS

Programme

 

Introduction

Développement d'applications riches
Panorama des frameworks disponibles
Présentation de l'environnement de développement NodeJS

tp : Installation et mise en route d'un projet Angular2

ES2015

Lien entre Angular et ES2015/TS
Classes, fondamentaux: constructeur, méthode et gestion de contexte
Classes, avancés: héritage, méthodes statiques
Opérateurs set et get
Littéraux de Gabarits
Fonctions fléchées
Variables de bloc

Typescript

Déclaration de type
Interface et formes
Décorateurs

Première application

Dépendances d'Angular2
Déclarer un composant
Ajouter un gabarit
Lancer l'application avec un serveur NodeJS
Re-compiler automatiquement à chaque modification: le veilleur
Ajouter des données, créer ses classes de modèle
Lier une donnée au gabarit, expressions et opérateur «moustache»
Gérer des collections, directive *ngFor

TP : Création d'une première application

Formulaire

Liaison des événements d'entrée
L'objet $event
Variable de référence de gabarit
Créaton de formulaire avec la syntaxe de gabarit
Liaison de données à double sens
Suivre et valider les saisies utilisateur avec ngControl
Soumettre le formulaire avec ngSubmit

TP: Gestion des entrées utilisateurs


Injection de dépendances

Principes de DI
Configurer l'injecteur
Enregistrer des fournisseurs dans un composant
Création de l'injecteur
Différents types de fournisseurs: classe, valeur, fabrique...

TP : Architecturer notre application sous forme d'une organisation de services

La Syntaxe de gabarit end détail

Interpollation, expression et instruction
Syntaxe de liaison: sens unique, double sens, cibles de liaison
Directives natives: NgClass, NgStyle, NgIf, NgSwitch, NgFor
Propriétés d'entrée et de sortie
Opérateurs d'expression de gabarit «|» et «?.»

Le client HTTP

Principe de communication asynchrone
Récupérer des données avec http.get
Observable RxJS
Prise en charge du transport JSON
Gestion des erreurs
Envoi de données au serveur
Fonctionnement des promesses
Sources externes: CORS

TP : Mettre en place un client d'API ReST

Routage

Routage côté client, hashtag et HTML5
Configuration des routes sur un composant
Récupérer des paramètres de routes
Stratégie de routes
Routes imbriquées

TP : Mettre en place une application multi-vues

Tester l'application

Fondamentaux des tests avec Jasmine
Automatisation des tests avec Karma
Tester des composants simples
Tester des composants avec services asynchrones
Tester des formulaires

TP: Multiples exemples de tests

Partager cette formation

 

Contactez-nous

contactez logware

Vous êtes intéressé par cette formation ou souhaitez simplement obtenir des informations complémentaires ?

+33 1 53 94 71 20

Écrivez-nous on vous rappelle

  1. Nom*
    Merci de saisir un nom valide
  2. Prénom*
    Merci de saisir un prénom valide
  3. E-mail*
    Merci de saisir une adresse email valide
  4. Téléphone*
    Numéro de téléphone invalide
  5. Entreprise
    Donnée invalide

Parce que nous comprenons la nécessité d'obtenir un enseignement qui permettra à votre équipe d'atteindre vos objectifs, nous restons flexibles et sommes capables d'adapter nos programmes de formation à vos besoins.

> En savoir plus