Master 2 INTENSE Rabat 2019-2020

Partie 1 Live coding: de JavaScript aux librairies aux frameworks

Exemples fait en cours (liste de restaurants, avec ajout et suppression):

1. En pur JavaScript avec utilisation des APIs du DOM (append, createElement, removeChild, innerHTML) et de la sector API (document.querySelector...) : https://jsbin.com/kurovin/edit?html,js
   • Voir le chapitre 2 de mon Mooc "JavaScript Introduction" (gratuit) pour tout savoir sur la gestion des événements et sur l'API du DOM.
      
2. Le même exemple mais en utilisant des librairies pour simplifier certaines parties (ici utilisation de lodash pour la génération d'ids, de jQuery pour simplifier l'utilisation du DOM): https://jsbin.com/tiyirud/1/edit?html,js,output
   • Site web de lodash : https://lodash.com/
   • Site web de jQuery : http://jquery.com/
      
3. Enfin, encore le même exemple mais avec l'utilisation du framework VueJS en mode déclaratif : https://jsbin.com/jiqowib/edit?html,js,output
   • Site web officiel de VueJS: https://vuejs.org/
     
      
4. Un autre exemple mais qui utilise cette fois-ci des "components" VueJS 
   • Fait à casa 2019-2020  : https://jsbin.com/jiqowib/edit?html,js,console,output
   • Exemple de l'an dernier https://jsbin.com/guwetoy/edit?html,js,output