Master 2 INTENSE Rabat 2019-2020

Partie 1 Live coding: rappels de JavaScript 

On a vu en live coding des exemples présentant les bases de JavaScript et de son utilisation dans un navigateur. Ex: cliquer sur un bouton et changer le contenu et le style de la page. 

• premiersExemples.zip 

On a vu les bases de la POO en JavaScript (objets littéraux, classes), les tableaux, les itérateurs. On a fini en affichant une liste de restaurants dans un élément <table> HTML5, à l'aide de l'API JavaScript de cet élément (en utilisant insertRow(...)).

•  ExemplesPOO.zip 

Travail à faire pour la séance 2 : installer Visual Studio Code, NodeJS, essayer d'installer MongoDB

1 - Installer Visual Studio Code

Vous pouvez utiliser d'autres environnements de travail mais celui-ci est vraiment très bien. Suivez les instructions de cette page : https://code.visualstudio.com/

2 - Installer NodeJS 

Allez sur le site https://nodejs.org et installez la version "recommended for most users" (12.13.1 au moment où j'écris...)

Si tout se passe bien, après l'installation, ouvrez une fenêtre de terminal et tapez la commande "node -v". Ca doit afficher la version de nodeJS que vous venez d'installer.

Vérifiez que vous avez bien:

1. Une version de node >= 12 (commande à taper : "node -v)
2. Une version de npm >= 6   (commande à taper : "npm -v")

Si jamais vous avez "command not found", ouvre une nouvelle fenêtre et re-testez. Si cela ne marche pas ajoutez le chemin d'installation des binaires de nodejs dans la variable d'environnement PATH, ouvrez une nouvelle fenêtre de terminal, re-testez.

3 - Installez MongoDB

Suivez le guide d'installation que je vous ai préparé. 

Supports de cours

• Transparents de présentation de NodeJS 
• Transparents de présentation de Express 
   
• 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/

Exercice fait en cours le matin : renvoyer des restaurants (sans base de données), avec GET et ajout avec POST, client VueJS:

• Ici archive de cet exercice. Dezipper, aller dans le répertoire seance3NodeWS/serveur, faire "npm install" et lancer le serveur avec "node serveurExpress.js"

Exercice à faire : création de WebServices avec NodeJS, aujourd'hui en GET

• On a fait ensemble, en live coding, des routes dans le code serveur, et on les a testées avec un petit programme JavaScript et aussi avec POSTMAN et on a fait un client en VueJS. A vous de travailler. 
  
  
  • Modifiez la route GET "/api/restaurants" pour qu'elle renvoie un tableau de 10 restaurants au lieu de 3,
     
  • Modifiez la route GET "/api/restaurants" pour qu'on puisse lui passer trois paramètres HTTP de cette manière : "/api/restaurants?page=xxx&pagesize=yyy&nom=zzz". page = un nombre entier, pagesize aussi, nom = chaine de caractères :
    
    
    1. Dans un premier temps, tester avec POSTMAN 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 valeurs de page, pagesize, nom).
       
    2. Dans un second temps, essayer d'implémenter la fonctionnalité (ex: envoyer 2 restaurants et pas 10 si pagesize = 2)
       
    3. Un peu plus difficile : donner des valeurs par défaut (page = 0, pagesize=10, nom="") si des paramètres ne sont pas présents dans l'URI
        
  • Ecrivez la route GET : "/api/restaurants/1" : renvoie le restaurant d'id = 1, attention, ça doit marcher si on met un autre id !