J'ai le plaisir de vous annoncer le lancement ce mercredi 23 novembre 2016 d'une formation dédiée à Angular 2 version finale en français. (edit : au 11 janvier 2017, ce sont désormais 71 vidéos, 7 heures de contenu).
Dans le détails :
Démarrer un projet Angular 2
1 - Installation d'un starter kit et architecture d'une application Angular 2
2 - Gérer l'affichage des fichiers TypeScript (masquer les .js et .map)
Prendre en main le framework en modifiant l’existant
3 - Modifier un component existant
4 - Créer une classe TypeScript
5 - Parcourir une collection à l’aide de la structural directive *ngFor
Passer à la vitesse supérieure en créant module, component et service
6 - Créer notre premier module supplémentaire
7 - Créer un component
8 - Créer un service et l’injecter
Effectuer une requête http
9 - Reactive programming dans le contexte de requêtes http + operators map() et do()
10 - S'abonner à un Observable à l'aide de sa méthode subscribe()
Implémenter le routage
11 - Créer notre nouveau module home.module
12 - Mettre en oeuvre le routage
13 - Afficher nos randonnées dans “hike-list-component.html”
14 - créer un lien avec routerLink et un menu de navigation avec twitter bootstrap
Le routage avancé
15 - Créer une route avec un paramètre et le récupérer via le service ActivatedRoute
16 - Créer un lien incluant un paramètre
17 - Créer un lien incluant un paramètre (suite) + ECMAScript 2015 template literals
18 - Naviguer grâce au service "Router" + créer un event handler via l'"event binding"
Utiliser les pipes existants et créer un custom pipe
19 - Utiliser un pipe fourni par Angular 2
20 - Le two way binding à l'aide de [(ngmodel)]
21 - Créer un custom pipe à l'aide du décorateur @Pipe et de l’interface PipeTransform
Créer et gérer un formulaire
22 - Créer notre nouveau module “contact.module.ts”
23 - Création d'un formulaire (HTML + twitter bootstrap)
24 - Récupérer les saisies de notre formulaire
25 - Valider les champs de notre formulaire
26 - Comprendre les propriétés untouched/touched, pristine/dirty et valid/invalid
27 - Tester la validité d'un champ et gérer l'affichage d'un message à l'aide de *ngIf
28 - Utiliser "[class]" pour ajouter conditionnellement une classe CSS
29 - Tester la validité de tout un formulaire + activer conditionnellement le bouton submit
30 - Gérer l'événement de soumission du formulaire
31 - Créer un service de gestion de formulaire
Gérer la communication entre components parents et enfants
32 - Création d'un component "hike-summary" correspondant à notre domaine métier
33 - @Input pour passer des données d'un component parent vers un component enfant
34 - @Output pour passer des données d’un component enfant vers un component parent
35 - Ajouter un style à un component avec les propriété styles et styleUrls
Modules complémentaires (en cours de tournage) inclus dans le prix :
... etc ... etc ...
Edit (vidéos ajoutées lundi 28 novembre 2016) :
36 - principe des animations + création d'un div ouvrant et fermant
37 - gérer le délai d'attente avant animation + transition à partir de l'état void
38 - les divers types de easings
39 - synchroniser le texte d'un bouton avec l'état de l'animation
40 - animations plus complexes à l'aide de keyframes + création d'une galerie animée
En bref :
40 vidéos d'une durée totale de 4 heures et demie. (edit : au 11 janvier 2017, 71 vidéos, 7 heures de contenu)
mises à jour illimitées permettant de suivre les évolutions et breaking changes du framework Angular 2
accès illimité aux modules complémentaires (sur les animations, google maps, le lazy loading ...) à venir
réduction de 50 % à l'occasion du lancement, ce qui représente un prix de 89.40 € TTC au lieu de 178.80 € TTC (edit : avec en outre la possibilité de s'abonner sans engagement pour 12 € HT / mois)