Master 2 Miage INTENSE Casablanca 2018-2019

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.

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,

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

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

EMSI MAARIF

Un bon éditeur de code prêt pour le dev front-end: sublime text 3, visual studio code, atom, etc. Pensez à installer les packages emmet, babel, etc.
Si vous êtes sous windows, un bon terminal, acceptant le copier/coller, la colorisation, le multi-onglet ou multi-fenêtre, par exemple http://cmder.net/, powershell (de microsoft, déjà installé sous win10), hyperterminal (payant), console2, powercmd, colorconsole, mobaextrem, terminal wings, conemu,

Casablanca : exemples JsBin sur les objets JavaScript, fait en cours:

Affichage du disque de Mettalica : https://jsbin.com/?js,output
Petit exercice avec des objets et des tableaux : https://jsbin.com/womesusaju/edit?html,js,console

Vous allez créer des routes qui répondent en GET aux URIs suivants :

/api/restaurants : renvoie un tableau de 10 restaurants
/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
/api/restaurants/1 : renvoie le restaurant d'id = 1, attention, ça doit marcher si on met un autre id

On fera aussi une route en POST sur /api/restaurants pour insérer une restaurant, et on la testera avec l'outil POSTMAN

On fera une route en DELETE sur /api/restaurant/xxx pour supprimer un restaurant par id

On fera une route en PUT sur /api/restaurant/xxx pour modifier un restaurant dont on passe l'URI.

Telechargez cette archive
Allez dans "serveur" et faites "npm install" pour installer les modules nécessaires (express et multer)
Lancez "node serveur.js" ou "nodemon serveur.js"
Ouvrez le fichier restaurantVue.html dans le répertoire client. Il y a aussi le client "pur JS" dans restaurants.html

Introduction