Description de la formation Angular
Au cours de cette formation Angular, vous allez apprendre à modéliser , concevoir et à réaliser des applications pour le web en utilisant le framework Front end Angular.
Objectifs
Concrètement, à l’issue de ce cours, les participants auront acquis les connaissances et compétences nécessaires pour :
- Programmer avec le langage Typescript
- Construire une application Angular (version 2 et plus)
- Anticiper les problématiques liées au déploiement dans le SI
Les grands principes d’AngularJS
L’application Single Page
Le MVC avec AngularJS
L’injection de dépendance
Les services
Les limites de jQuery
Le Framework MVC par Google
Objectifs d’un controller
Le modèle et les données
Le scope du controller
Principe d’un template
Rôle d’une Directive
Les vues dynamiques
TP : Une application de conversion d’unité en 1h
Création du template
Réalisation de l’application
Écrire un test automatique
L’accès au serveur
Ajax et asynchrone
Principes Rest
Le service $http
Connexion aux web services
TP : Un Forum en ligne
L’application de Forum en fil rouge
Affichage des sujets et des commentaires
Structure d’une application Angular
Le langage TypeScript
Première application avec Angular Cli
Évolutions et disparitions depuis Angular JS
Les composants
Principes généraux d’Angular
Templates, nouvelles syntaxes
Styles du composant
Nouvelles directives du framework
Cycle de vie des composants
Injection de dépendances
Principes du mécanisme d’injection
Annotations et décorateurs
Configuration de l’injecteur dans Angular
Syntaxe du template Angular
Interpolation
Réutilisation de composants
Les bindings
Les directives structurelles
Gestion des événements
Les Pipes
Les formulaires Angular
Formulaires Template-driven
Formulaires Model-driven
La directive ngModel
Validation personnalisée
Autres apports du module @angular/forms
Accès au réseau
Les Observables dans Angular
Les Promises
Gestion de la sécurité
Développement et déploiement avec ou sans CORS
Le routage Angular
Déclarer ses routes
Configuration du routeur
Application Universelle côté serveur
Tests
Le moteur de tests Karma
Le Framework Jasmine
Tests de composants
Tests End to End
Études de cas
Réalisation d’une application de gestion de tâches (Todo List) améliorée, collaborative et temps réel à la Trello.
- Création, suppression, mise à jour et modification d’une tâche (CRUD)
- Partage des tâches en équipe, collaboration sur les tâches
- Gestion de droits de lecture et écriture
Réalisation d’une application de réseau social simplifié à la Twitter.
- Affichage temps réel et mise à jour du flux d’informations
- Publication, réactions aux messages
- Ajout / Suppression / modification d’entrée dans l’agenda
- Détection de collision d’événements
- Personnalisation du style de l’agenda
