Programmable Web, client side, 2017-2018

Table des matières

1. 1. Introduction
2. 2. Séance 1: état des lieux des technologies front-end
   1. 2.1. DOM or not to DOM ?
   2. 2.2. MOOCs utiles
3. 3. Séance 2: WebComponents standard et suite VueJS
   1. 3.1. Les WebComponents : un standard du W3C
   2. 3.2. Suite de l'étude de VueJS
      1. 3.2.1. Créer des composants avec VueJS
      2. 3.2.2. Développer en mode "CLI" avec un environnement de build/testy
4. 4. Séance 3: premiers pas avec React
   1. 4.1. Exercices d'introduction, dans une IDE en ligne
      1. 4.1.1. Exercice à faire en vous aidant des exercices précédents:
   2. 4.2. Exercices avec un environnement "CLI"
5. 5. Séance 4: React suite / FireBase / Fetch + Node + Mongo
   1. 5.1. UTILISATION DE FIREBASE:
   2. 5.2. Fetch / REST / Mongo / Node : quelques recommandations, exemples
6. 6. Séance 5: premiers pas avec Angular (4/5)
   1. 6.1. TP Partie 1 : création d'une application "squelette"
   2. 6.2. TP Partie 2 : affichage d'une liste d'éléments
   3. 6.3. TP partie 3 : création d'un nouveau composant
   4. 6.4. TP Partie 4 : définition d'un événement qui sera envoyé du composant "fils" vers le composant "père"
   5. 6.5. TP Partie 5 : binding bi-directionnel avec [(ngModel)]="nom"
   6. 6.6. TP Partie 6 : refaire l'exemple des hobbies complet, mais en angular
   7. 6.7. TP Partie 7 : exercice de routage avec Router et Route, <router-outlet></router-outlet> et <a routerLink="..."></a>
   8. 6.8. Correction du TP
   9. 6.9. Quelques réflexions / bilans sur ces trois frameworks 
7. 7. Séance 6 : Polymer, un framework déclaratif basé sur les standards W3C