Il ne s’agit pas vraiment d’un article, mais d’une liste présentant les principaux changements que j’ai apporté à mon cours pour la migration vers Angular 6.

Cette liste est destinée aux personnes ayant acheté le cours à jour avec Angular 6, et qui souhaite prendre connaissance des nouveaux éléments apportés par cette mise à jour, par rapport à la version du cours précédente, fonctionnant avec Angular 5.

Modifications globales

  • Mise à jour de la démonstration en ligne pour Angular 6.
  • Mise à jour de tous les extraits de code, disponibles à cette adresse.
  • Création d’un nouveau dépôt sur Github. La correction des chapitres est maintenant accessible via des tags plutôt qu’avec des branches.
  • Le chapitre sur les requêtes HTTP a été séparé en deux nouveaux chapitres : « Effectuer des requêtes HTTP standard », et « Effectuer des traitements asynchrones avec RxJS ».
  • Ajout des pré-requis suivants: Node 8, RxJS 6 et TypeScript 2.7.
  • Réorganisation des extraits de code : Ajout du nom de chaque chapitre dans la description, et suppression du fichier contenant uniquement le nom du chapitre des extraits de code.
  • Ajout de nouveaux extraits de code pour les chapitres sur ECMAScript 6, TypeScript et les Composants Web.
  • Les extraits de code ont tous été traduit en Anglais.
  • Pour beaucoup de chapitre, j’ai apporté quelques corrections mineures :
    • Réecriture des parties présentant des imprécisions;
    • Correction de coquilles;
    • Indentations identiques pour les extraits de code;
    • Modification de certains commentaires, dans les extraits de code;
    • Mise à jour des numéros des versions des différents outils (npm , node, typeScript, firebase-tools, etc).

Chapitre 2 : ECMAScript 6

  • Utilisation systématique de let plutôt que var dans le chapitre, une fois que l’utilisation du mot-clef let a été présenté.
  • Les exemples de code sont tous en Anglais.
  • Suppression de la partie sur le destructuring avec ES6, car ce n’est pas utilisé dans la suite du cours pour développer avec Angular, et cela alourdie inutilement la partie théorique du début.
  • Quelques corrections mineures.

Chapitre 4 : Les Composants Web

  • Mises à jour des éléments personnalisés, du DOM de l’ombre, et des templates HTML, avec la nouvelle version des Composants Web 1.0.
  • Quelques corrections mineures.

Chapitre 5 : Premiers pas avec Angular

  • Mise à jour de la version de TypeScript pour fonctionner avec Angular 6.
  • Mise à jour des fichiers de configuration systemjs.config.js et package.json.

Chapitre 10 : Les routes

  • L’implémentation de la méthode getPokemonTypes ce fait désormais dans le chapitre dédié aux services.
  • Le Titre de la barre de navigation a changé dans le fichier app.component.html. Le nouveau titre est « Application de Pokémons » plutôt que « pokemon-app« .
  • Quelques corrections mineures.

Chapitre 12 : Les services

  • On implémente la méthode getPokemonTypes dans ce chapitre.
  • Quelques corrections mineures.

Chapitre 16 et 17 : Effectuer des requêtes HTTP standards, et utilisation de RxJS

  •  Mise à jour des importations et du code source pour RxJS 6.
  • Quelques corrections mineures.

Chapitre 18 : Authentification

  • Ajout des champs « Name » et « Password » pour le formulaire de connexion à l’application.
  • Mise à jour des importations pour RxJS6 dans le service auth.service. On n’utilise plus l’opérateur do mais tap, et on utilise delay et tap dans le fichier auth.service.ts.
  • Quelques corrections mineures.

Chapitre 19 : Déployer votre application

  • Le fichier firebase.json contient directement la section ignore (firebase-tools >= 3.18.4).
  • Quelques corrections mineures.

Annexes

  • Quelques corrections mineures.

Développer votre première application Angular 6