Informations sur le cours que j'assure en Master IDEMM pour l'année universitaire 2011-2012.

Descriptif

Pré-requis

  • notions dans la réalisation de documents structurés pour le web,
  • pratique minimale de HTML et des CSS,
  • aisance avec un système d'exploitation, un éditeur de texte et la navigation sur le web.

Compétences visées

  • compréhension des différents langages utilisés sur le web, leurs rôles respectifs côté client et côté serveur, leurs différences majeures, leurs interactions,
  • capacité à lire et à écrire des algorithmes de base,
  • compétence à écrire des programmes JavaScript en liaison avec l'environnement HTML (accès et modification du DOM) et avec les actions de l'utilisateur,
  • maîtrise des particularités de HTML5 (enrichissement sémantique par microdata, gestion des contenus multimédia, objet graphique canvas)
  • compréhension des concepts de PHP et de Ajax.

Contenu de la formation

  • généralités sur le web et ses langages,
  • leçon de structures de données et algorithmique,
  • pratique de HTML, CSS, JavaScript et mise en parallèle avec PHP,
  • étude du DOM des documents XML,
  • réalisation d'interfaces multimédia avec HTML5.

Déroulement des cours

Quinze séances, chacune de deux heures.

séance 01/15, lundi 19 septembre 2011

  • (cours) rappels sur les langages statiques du web, passage en revue des langages dynamiques, périmètre du cours
  • (cours) introduction à l'algorithmique
  • (tp) premiers scripts, utilisation de boucles

séance 02/15, lundi 26 septembre 2011

  • (cours) introduction à JavaScript
  • (tp) boucles simples, procédures avec paramètres

séance 03/15, lundi 3 octobre 2011

  • (tp) suite et fin des exercices sur les boucles et procédures pour produire des figures géimétriques en HTML.

séance 04/15, lundi 10 octobre 2011

  • (cours) structures de données (enregistrements et tableaux), algorithmes sur les tableaux, notion de procédure
  • (tp) JavaScript : tableaux, boucles imbriquées, fonctions, objets JavaScript, tableaux d'objets

séance 05/15, lundi 17 octobre 2011

  • (révisions) production de figures grâce à JavaScript
  • (tp) manipulation de tableaux JavaScript

séance 06/15, lundi 7 novembre 2011

  • (cours) modèle DOM pour les documents XML, événements du navigateur
  • (tp) modification du DOM en fonction d'événements déclenchés par l'utilisateur

séance 07/15, lundi 14 novembre 2011

  • (tp) exercices sur la réalisation de pages interactives HTML+CSS+JavaScript+DOM

séance 08/15, lundi 28 novembre 2011

  • (tp) fin des exercices HTML+CSS+JavaScript+DOM
  • (tp) réalisation d'une application HTML+CSS+JavaScript+DOM

séance 09/15, lundi 5 décembre 2011

  • (interro) figures géométriques
  • (interro) manipulation de tableaux
  • (interro) actions utilisateur et DOM

séance 10/15, mardi 6 décembre 2011

  • (interro) correction
  • (cours) nouvelles démos

séance 11/15, mercredi 11 janvier 2012

  • (cours) objet canvas de HTML5 et sa manipulation en JavaScript
  • (tp) premières démonstrations de JavaScript + canvas HTML5

séance 12/15, mercredi 18 janvier 2012

  • (tp) poursuite sur le canvas : instructions de dessin, déplacement au clavier, déplacement aléatoire, capture des événements souris, etc.
  • (tp) reprise du space invaders avec le canvas de html5.

séance 13/15, mercredi 25 janvier 2012

  • (tp) finalisation du space invaders utilisant le canvas.

séance 14/15, mercredi 1er février 2012

  • (cours & tp) gestion des interactions souris et canvas.

séance 15/15, mercredi 8 février 2012

  • (interro) implémentations objet canvas et JavaScript

Voir aussi...