Master 2 Miage INTENSE Casablanca 2018-2019

Petits exercices JavaScript faits en cours:

• GROUPE EMSI CENTRE :  exercices faits en cours (changer titre, générer une liste de restaurants avec VueJS etc.): Exo1JavaScriptCasa.zip 
  
• Ici le tout petit exemple qui montrait comment faire fetch et récupérer des infos sur Master of Puppets de Metallica: https://jsbin.com/sitoxijidu/1/edit?js,output en utilisant l'API de http://wasabi.i3s.unice.fr la BD de chansons que j'ai développée avec mon équipe de recherche.

A faire pour la séance 2

• Vous inscrire au MOOC
   
• Regarder les bouts de code faits en cours. Essayer de les modifier, essayer de comprendre ce qui a été fait.
   
• Installer les logiciels suivants :
  
  
  • Visual Studio Code
    
    
  • NodeJS : allez sur https://nodejs.org/en/ et installez la version "recommended for most users".
     
  • Si vous êtes sous windows, un bon terminal, acceptant le copier/coller, la colorisation, le multi-onglet ou multi-fenêtre, par exemple je vous conseille http://cmder.net/, mais d'autres peuvent faire l'affaire : powershell (de microsoft, déjà installé sous win10), git bash, hyperterminal (payant), console2, powercmd, colorconsole, 

Supports de cours

• Transparents de présentation de NodeJS 
• Transparents de présentation de Express 
   
• Vous êtes curieux de savoir si NodeJS est une technologie d'avenir ? Regardez la vidéo suivante : https://www.youtube.com/watch?v=IwpBluLjynI
   
• MOOC MongoDB for NodeJS developers (ouvre le 16 Octobre) 

• Les bonnes pratiques pour créer une API REST: https://blog.octo.com/designer-une-api-rest/

TP création de WebServices avec NodeJS, aujourd'hui en GET

• Vous allez créer des routes qui répondent en GET aux URIs suivants :
  
  
  1. /api/restaurants : renvoie un tableau de 10 restaurants
      
  2. /api/restaurants?page=xxx&pagesize=yyy&nom=zzz : dans un premier temps montrer qu'on a bien reçu les paramètres (renvoyer une réponse JSON qui contient un message qui montre qu'on a bien reçu les params). Dans un second temps, essayer d'implémenter une fonctionnalité (ex: envoyer 2 restaurants et pas 10 si pagesize = 2)
     
     
     • Un peu plus difficile : donner des valeurs par defaut (page = 0, pagesize=10, nom="") si des paramètres ne sont pas présents dans l'URI
        
  3. /api/restaurants/1 : renvoie le restaurant d'id = 1, attention, ça doit marcher si on met un autre id

CORRECTION FAITE EN CLASSE (client vueJS + serveur REST Node avec GET/POST/DELETE)

1. Récupérez cette archive, dezippez là et allez dans le répertoire ainsi créé.
2. Allez dans le répertoire serveur
3. faites "npm install"
4. Lancez le serveur : "node server.js" ou "nodemon server.js"
5. Ouvrez le fichier restaurantsVueJS.html dans le répertoire du client avec votre navigateur.