Master 2 INTENSE: Frameworks JavaScript et Server-Side JavaScript BD NoSQL Cloud etc.

Table des matières

1. 1. Introduction
2. 2. Séance 1 : état des lieux du développement Web, intro à VueJS
   1. 2.1. DOM or not to DOM ?
      1. 2.1.1. Ecriture en live coding d'un gestionnaire de todos :
   2. 2.2. Suite de l'étude de VueJS
      1. 2.2.1. Développer en mode "CLI" avec un environnement de build/testy
3. 3. Séance 2: suite VueJS, intro à React
   1. 3.1. Avoir une vue de l'écosystème JavaScript (sites vus en cours)
   2. 3.2. Comment faire de belles interfaces Web avec VueJS ?
   3. 3.3. Introduction à React
      1. 3.3.1. Exercices d'introduction, dans une IDE en ligne
      2. 3.3.2. Exercice à faire en vous aidant des exercices précédents:
      3. 3.3.3. Exercices avec un environnement "CLI"
4. 4. Séance 3: Utilisation de FireBase, une base de données basée cloud synchronisée
5. 5. Séance 4 - présentation de NodeJS et premiers exercices simples
   1. 5.1. Ressource : des MOOCS!
   2. 5.2. Outils à installer
   3. 5.3. TP - routage avec le module ExpressJS, Web Services RESTFUL
6. 6. TP - MongoDB
   1. 6.1. 1 - Installer MongoDB sur votre machine
   2. 6.2. 2 - Créer et peupler une collection par défaut (avec un dataset issu du tutorial MongoDB officiel)
   3. 6.3. 3 - Installer un outil d'administration sympa
   4. 6.4. 4 - Ouvrir 3T STudio et voir la collection que l'on vient d'importer
   5. 6.5. 5 - Installer le driver MongoDB pour NodeJS
   6. 6.6. 6 - Tester des requêtes CRUD avec NodeJS et express   
7. 7. Suite de l'étude de Réact : liaison avec Node/MongoDB
   1. 7.1. Ressources externes :
   2. 7.2. Travailler avec les restaurants et la base MongoDB
   3. 7.3. Si vous voulez ajouter le support "cross domain" à votre projet node/MongoDB
   4. 7.4. Travail à faire (à rendre et noté) : refaire l'application VueJS qui fait le CRUD sur les restaurants, mais en React
8. 8. Premiers pas avec Angular (4/5)
   1. 8.1. 1 : création d'une application "squelette"
   2. 8.2. 2 : affichage d'une liste d'éléments
   3. 8.3. 3 : création d'un nouveau composant
   4. 8.4. 4 : définition d'un événement qui sera envoyé du composant "fils" vers le composant "père"
   5. 8.5. 5 : binding bi-directionnel avec [(ngModel)]="nom"
   6. 8.6. 6 : Completer l'exemple des hobbies complet, mais en angular
9. 9. Démarrage du mini projet
10. 10. Hébergement sur HEROKU.COM
    1. 1. 10.1.1. Exemples d'applications prêtes à déployer sur Heroku (regardez les README.txt pour les explications)