Master 2 Miage INTENSE Casablanca 2018-2019

Supports de cours

• Etat des lieux des technologies front-end, de l'écosystème JavaScript. Transparents vus en cours.
   
• POUR LA SEANCE 2 VOUS DEVEZ VOUS INSCRIRE A CES MOOCS sur la plateforme edx.org
  
  
  1. JavaScript Introduction 

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, 

Séance 1 - présentation de NodeJS et premiers exercices simples

• Supports de cours: transparents de présentation de NodeJS 
   
• Vous êtes curieux de savoir si NodeJS est une technologie d'avenir ? Regardez la vidéo suivante : https://www.youtube.com/watch?v=IwpBluLjynI

Ressource : des MOOCS!

• MongoDB for NodeJS developers (ouvre le 16 Octobre) 
• Introduction à JavaScript (ouvre le 1er Octobre) 

Outils à installer

• 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

TP - routage avec le module ExpressJS, Web Services RESTFUL

Supports de cours: transparents de présentation de Express 

• TP:
  1.  Récupérez cette archive, dezippez là quelque part, avec la ligne de commande, faites cd dans le répertoire TP_ROUTAGE_EXPRESS_CRUD_AJAX créé, et exécutez la commande "npm install".
     
     Ceci devrait créer un sous directory node_modules contenant les modules nécessaires (dans notre cas: express et multer).
      
  2. Suivez les consignes du prof et les explications au tableau.

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

  4. FACULTATIF: Avec Multer on peut aussi uploader des fichiers Testez cet exemple qui fait de l'upload de fichiers. Pensez à installer les modules express et multer dans le répertoire avant d'exécuter.
  5.