Préambule
  • Avant-propos
  • Démonstration de l'application du cours
  • La structure du cours
  • Les ressources du cours
Présentation d'Angular
  • C'est quoi, "Angular" ?
  • Site web ou Application web ?
  • Angular versus AngularJS
  • Pourquoi Angular ?
  • La philosophie d'Angular
  • Angular et ECMAScript 6
  • Angular et TypeScript
  • Angular et les Composants Web
  • Conclusion
  • En résumé
Premier pas avec Angular
  • Installer son environnement de développement
  • Le fichier de configuration package.json
  • Le fichier de configuration de SystemJS
  • Configurer le compilateur de TypeScript avec tsconfig.json
  • Configurer le mini-serveur lite avec bs-config.json
  • Installer NodeJS et NPM
  • Installer les dépendances de votre projet
  • Ajouter un premier composant au projet
  • Ajouter un module racine au projet
  • Créer un point d'entrée pour votre application
  • Ajouter le fichier index.html
  • Démarrer l'application
  • Cas où votre application ne démarre pas
  • Nettoyer le dossier de développement
  • Conclusion
  • En résumé
Questionnaire
  • Questionnaire n°1
Les Composants
  • Introduction
  • Qu'est ce qu'un composant ?
  • Les cycles de vie d'un composant
  • Interagir sur le cycle de vie d'un composant
  • Gérer les interactions de l'utilisateur
  • Exercice
  • Correction
  • Conclusion
  • En résumé
Les Templates
  • Introduction
  • Utiliser ES6 pour déclarer des templates
  • Déclarer un template avec l'attribut templateUrl
  • L'interpolation
  • Syntaxe de liaison des données
  • Gérer les interactions des utilisateurs
  • Récupérer les valeurs entrées par les utilisateurs
  • Les variables référencées dans le template
  • Détecter l'appui sur la touche Entrée
  • Détecter la perte de focus sur un élément
  • La directive NgIf
  • La directive NgFor
  • Améliorer le template de notre application
  • Conclusion
  • En résumé
Les Directives
  • Qu'est-ce qu'une directive ?
  • Créer une directive d'attribut
  • Prendre en compte les actions de l'utilisateur
  • Utiliser notre directive
  • Ajouter un paramètre à notre directive
  • Réorganiser notre code
  • Conclusion
  • En résumé
Les Pipes
  • Qu'est ce qu'un pipe ?
  • Utiliser un pipe
  • Les pipes disponibles par défaut
  • Combiner les pipes
  • Paramétrer les pipes
  • Créer un pipe personnalisé
  • Conclusion
  • En résumé
Les Routes
  • Introduction
  • Le fonctionnement de la navigation
  • Le composant fils
  • Le template du composant fils
  • Le composant parent
  • Mettre en place les routes
  • La balise
  • Ajouter de nouvelles routes
  • Déclarer les nouvelles routes
  • Gérer les erreurs 404
  • Démonstration du système de navigation
  • Conclusion
  • En résumé
Les Modules
  • Qu'est ce qu'un module ?
  • Le module racine
  • Créer un module
  • Les routes du module
  • Déclarer les routes
  • Structurer l'architecture de l'application