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

Table des matières

1. 1. Séance 1 : introduction à JavaScript, rappels, outils, Moocs de référence
   1. 1.1. Supports de cours
   2. 1.2. TP1 - Ecriture d'un jeu de type Mach3 à l'aide du DOM
   3. 1.3. TP2 : On continue le TP1 !
2. 2. Séance 2 : rappels JavaScript, encore du live coding, dessin et animation dans un canvas
   1. 1. 2.1.1. Utilisation d'un canvas HTML5
      2. 2.1.2. Comprendre l'utilisation du canvas HTML5 : simple dessin : 
      3. 2.1.3. Exemples vus en classe :
   2. 2.2. TP3 : jeu du TP1 et TP2 mais cette fois-ci dans un canvas HTML5, en utilisant les techniques d'animation à 60 images par seconde
3. 3. Séance 3 : on termine ce qui a été abordé lors de la séance 2, evénements, détection de collisions, gestion sons et images
4. 4. Séance 4 : persistence côté client (LocalStorage), requêtes Ajax, Introduction à NodeJS et aux Web Services
   1. 4.1. Vidéo du cours : https://youtu.be/Vp0eGRurXXg 
   2. 4.2. Persistence simple côté client (ex: sauvegarder les scores dans un espace propre à votre jeu, côté navigateur)
   3. 4.3. Requêtes Ajax GET, promesses, async/await
   4. 4.4. Utilisation de Web Services avec pour le CRUD (requêtes HTTP POST/PUT/DELETE avec fetch)
      1. 4.4.1. Première partie :  utiliser fetch avec des données en JSON
         1. 4.4.1.1. Envoi d'une requête POST (insertion)
         2. 4.4.1.2. Envoi d'une requête PUT (modification)
         3. 4.4.1.3. Envoi d'une requête DELETE (suppression)
      2. 4.4.2. Seconde partie : utilisation de Web Services RESTFUL avec FormData
         1. 4.4.2.1. Installation locale des Web Services
         2. 4.4.2.2. Instructions d'installation d'un exemple de serveur implémentant des Web Services consommant des FormData / formulaires multipart