Developpement Angular 6

Développement 2895 € HT

Objectifs

Découvrir et comprendre le fonctionnement d’Angular 6. Se familiariser avec les composants du framework. Comprendre comment utiliser Angular6 pour optimiser et améliorer ses développements.

Methodes et outils pédagogiques

Alternance exposés théoriques et exercices pratiques (80% pratique)
Support de cours

Evaluation

Tout au long de la formation, exercices pratiques permettant au formateur la validation des acquis et des compétences

Public concerné

Développeurs Web.

Pré-requis

Développer des sites Web dynamiques avec JavaScript ou disposer des connaissances et compétences équivalentes.

5 jours

Prochaine session

Nous consulter

Concepts de base du JavaScript

Principes et fonctionnements
Variables et types de données
Opérateurs
Instructions
Structures de contrôles (conditions, boucles…)
Définition et utilisation de fonctions
Objets prédéfinis (document, window …)
Contrôle de saisies et traitement de formulaires
Gestion des fenêtres (ouverture, fermeture, communication)
Boîtes de dialogue
Atelier : apprendre à valider un formulaire

ANGULAR 6 - 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éation 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