Master 2 INTENSE CASABLACA 2019-2020

Table des matières

1. 1. Séance 1: Single page webapps avec VueJS, bases de données synchronisées dans le cloud
   1. 1.1. Supports de cours
   2. 1.2. Partie 1 Live coding: de JavaScript aux librairies aux frameworks
   3. 1.3. Partie 2 : découverte de VueJS en mode CLI (command line interface)
2. 2.  
   1. 1. 2.1.1. ETAPE 1 : installation de NodeJS (nécessaire pour développement CLI)
      2. 2.1.2. ETAPE 2 : Création d'une application simple en mode CLI, utilisant la base de données synchronisée Google Firestore
3. 3. Travail à faire : suivre ce tutorial , choisissez npm comme outil d'installation des modules lorsque vous aurez le choix yarn/npm Ici autre tuto du même auteur qui montre comment gérer l'autthentification avec FireCloud : https://codeconstructionahead.com/vue-authentication-with-firebase-auth/ Essayez de modifier ce tutorial pour faire la création et la modification non pas "d'expenses" mais d'une liste de restaurants/cuisines, on pourra rajouter le prix moyen du menu aux propriétés des restaurants. Je vous conseille de travailler sur une nouvelle collection "restaurants" dans FireStore. Ici exercice chat multi-participants Suivre ce tuto (chat multi room avec Google Firebase - moins puissante que Firecloud). Attention, la partie sur le routeur n'est pas à jour car la commande "vue add router" installe une version un peu plus récentte. Voir dans la correction faite en classe le fichier router/index.js qui est légèrement différent. Correction : téléchargez cette archive, lisez le README.txt.   Une fois que l'appli fonctionne, essayez de comprendre dans le détail comment elle fonctionne.
   1. 1. 3.1.1. ETAPE 4 : - Créer et peupler une collection par défaut (avec un dataset issu du tutorial MongoDB officiel)
      2. 3.1.2. ETAPE 5 : Installer un outil d'administration sympa
      3. 3.1.3. ETAPE 6 : Ouvrir 3T STudio et voir la collection que l'on vient d'importer
   2. 3.2.  Séance 3 : introduction à NodeJS et aux Web Services
      1. 3.2.1. Supports de cours
      2. 3.2.2. Création de WebServices avec NodeJS, aujourd'hui en GET
      3. 3.2.3.  
   3. 3.3. Séance 4: affichage des restaurants à partir de Web Services REST implémentés en Node/express/MongoDB
      1. 3.3.1. CORRECTION FAITE EN CLASSE (client vueJS + serveur REST Node avec GET/POST/DELETE)
   4. 3.4. Séance 5 : fin du TP de la veille, vidéo sur NodeJS, Examen et TP à rendre
      1. 3.4.1. TP à rendre pour dimanche soir (envoyer lien par mail pour télécharger)