Séquençage : 7h/jour

Pré-requis : Bonnes connaissances en JavaScript, DOM, CSS et notions d'AJAX

Maîtriser les concepts du framework Angular - Utiliser Angular pour développer des applications web performantes
Introduction

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

Atelier : Installation et mise en route d'un projet Angular

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'Angular
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

Atelier : 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

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

Atelier : 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

Atelier : 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

Atelier : 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

Atelier : Multiples exemples de tests

Lille, Lyon, Nantes, Paris, Bordeaux, Toulouse, Marseille, Aix, Strasbourg, Rennes, Montpellier

Contacter DAWAN

Les champs E-mail ne sont pas identiques

Les champs E-mail ne sont pas identiques

Le numéro de téléphone renseigné permettra à l’organisme de vous contacter :

* champs obligatoires

Votre adresse e-mail et votre numéro de téléphone sont collectés dans le but de vous répondre et uniquement à cette fin (voir Conditions Générales d'Utilisation)

Je souhaite qu'Ici Formation et ses partenaires me tiennent informé·e de mes droits CPF et de l'actualité de la formation professionnelle


gratuit

libre et sans engagement

rappel sous 48h

Besoin d'aide dans votre projet ? Nos conseillers sont là pour vous aider Posez-nous votre question