Developpement Angular 6
Proposé par
CIT FORMATION INFORMATIQUE
Prérequis
Public admis
- Salarié en Poste
- Entreprise
Demandeur d'emploi et Etudiant non admis
Financement
- Votre OPCO
- Financement personnel
Financement CPF non pris en charge
Modalités
- En entreprise
- À distance
- En centre
Objectifs pédagogiques
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.
Programme de la formation
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
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
Proposé par
CIT FORMATION INFORMATIQUE
"Voir loin & longtemps"
Proposé par
CIT FORMATION INFORMATIQUE
