M3203 - Programmation objet et événementielle
Objectifs du module
Introduire la conception objet et l'appliquer dans le domaine du multimédia.Compétences visées
Être capable de concevoir une application multimédia avec une approche objet.Pré-requis
Aucun.Contenus
Conception et modélisation objets (classes, méthodes, héritage). Application à la réalisation d’animations et de programmes interactifs.Ressources
- Fiche syntaxe : L'essentiel de la syntaxe en Javascript
Séance 1 : Le Document Object Model (DOM)
Séance 2 : Les évènements
Séance 3 : Les objets
- Évaluation de 1 heure en début de séance le 8 octobre pour les groupes 1, 2 et 3 ou le 12 octobre pour les groupes 4 et 5.
Pour les corrections ci-dessous, faire Clic droit + "Enregistrer la cible du lien sous" pour enregistrer le document HTML- Sujet Groupe TP1 - Correction Exercice 1 - Correction Exercice 2
- Sujet Groupe TP2 - Correction Exercice 1 - Correction Exercice 2
- Sujet Groupe TP3 - Correction Exercice 1 - Correction Exercice 2
- Sujet Groupe TP4 - Correction Exercice 1 - Correction Exercice 2
- Sujet Groupe TP5 - Correction Exercice 1 - Correction Exercice 2
- Les objets et les classes en Javascript
- Exercice guidé : 10 secondes
- Sujet du TP
Séance 4 : Les objets, la suite
Séance 5 : Évaluation
- Évaluation de 3 heures sur l'ensemble du cours.
- Sujet Groupe TP1 - Correction Exercice 1 - Correction Exercice 2 - Correction Exercice 3
- Sujet Groupe TP2 - Correction Exercice 1 - Correction Exercice 2 - Correction Exercice 3
- Sujet Groupe TP3 - Correction Exercice 1 - Correction Exercice 2 - Correction Exercice 3
- Sujet Groupe TP4 - Correction Exercice 1 - Correction Exercice 2 - Correction Exercice 3
- Sujet Groupe TP5 - Correction Exercice 1 - Correction Exercice 2 - Correction Exercice 3
Et ailleurs
- https://developer.mozilla.org/en-US/docs/Learn/JavaScript : Tutos de Mozilla
- https://developer.mozilla.org/en-US/ : Doc de Mozilla
- http://jsforcats.com : Le JS pour les chats : une explication simple des bases
- http://jsfiddle.net ou https://codepen.io/pen/ : pour tester, partager du code
Pour aller plus loin :
- https://github.com/getify/You-Dont-Know-JS/ : Une série de livres d'un niveau plus avancé
- How Browsers Work: Behind the scenes of modern web browsers