L3 Miage 2021-2022 Introduction à JavaScript et aux API W3C standards

Séance 1 : introduction à JavaScript, rappels, outils, Moocs de référence

• GITHUB DE CE COURS : https://github.com/micbuffa/L3Miage2021-2022.git
  
  
  
• Transparents présentés dedans vous trouverez des liens vers les MOOCs dont on se servira comme référence dans les TPs.
   
• Vidéos du cours :
  • Partie 1 : https://youtu.be/xP4j5_aWTgY 
  • Partie 2 : https://youtu.be/EKc8npYuEvM
     
• Pour le premier TP, vous aurez besoin de regarder :
  1. comment fonctionnent les événements et le DOM (chapitre 2 "Adding Interactivity to HTML Documents") du MOOC JavaScript Introduction)
  2. Comment gérer le drag'n'drop (Chapitre 3.3 du Mooc "HTML5 Apps and Games")

Live coding : environnement de développement, rappel sur les fonctions, les objets, les classes, intro aux modules, le DOM, les événements...

Séance 2: rappels sur les éléments vus en TP (fonctions, callbacks, tableaux, classes), commentaire sur le TP (drag'n'drop, détection chaines de trois couleurs ou plus)

On reprends les transparents du cours et on fait du live coding. Les exemples faits en cours seront sur le github du cours dans COURS/Seance2.

La correction du drag'n'drop et de la détection de groupes de cookies identiques dans la grille du TP1 est présente dans le github du cours (dans TPS/TP1/correctionFaiteEnLiveAvecGroupeTP1).

Les exemples jsbin montrés sont ici :

• Simple écouteur avec fonction flèche 
• Différence de traitement du this avec un écouteur dans une classe écrit avec une fonction flèche et de manière traditionnelle 
• Iterateur forEach() et map() sur un tableau 
• Exemple avec des classes, héritage propriété calculée, champs privés etc.