L3 Miage 2023-2024 Introduction à JavaScript et aux API W3C standards

Supports de cours

• 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.
   
• 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")
• Cours sur import/export (JavaScript Modules) en français sur le Mozilla Developer Network : https://developer.mozilla.org/fr/docs/Web/JavaScript/Guide/Modules 

Live coding : environnement de développement, rappel sur les fonctions, les objets, les classes, intro aux modules, le DOM, les événements... Voir le repo GutHub COURS/ExempleProjetJS

TRAVAIL A FAIRE POUR LA PROCHAINE SEANCE :

1. Vous inscrire au MOOC JavaScript Introduction,
2. Regarder les exemples du module 2 (adding interactivity to web pages), sur les événements, le DOM, etc.
3. Pour les non alternants : vous inscrire au concours games on Web 2024 

TP1 - Ecriture d'un jeu de type Mach3 à l'aide du DOM

• Sujet du TP : dans cette première version on va commencer à coder un jeu à la Candy Crush / Mach 3, en utilisant des divs pour représenter la grille et les cases. On utilisera l'API standard du DOM pour la gestion des événements et pour implémenter le drag'n'drop.