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...
- Introduction à l'algorithmique
Cours d'initiation à l'algorithmique : langage de description, utilisation de boucles, types abstraits, algorithmes sur les tableaux, notions de complexité et de calculabilité.
- Exercices sur l'algorithmique
Exercices d'algorithmique pour s'entraîner à dérouler des algorithmes, à écrire des boucles imbriquées et à concevoir des algorithmes simples sur les tableaux.
- Notes de cours sur le langage JavaScript
Introduction à la programmation JavaScript, à son interaction avec l'utilisateur et le code HTML/CSS.
- Travaux pratiques JavaScript
Des exercices et des exemples illustrant les possibilités du langage JavaScript embarqué dans une page HTML : vérification de formulaires HTML, capture des actions de l'utilisateur, manipulation du DOM, interaction avec un canvas html5, etc.
- Bibliographie sur la création de sites web
Des références de livres sur la création de sites web.
- Bibliographie sur les bases de l'informatique
Des références de livres sur les connaissances de base en informatique : codages des nombres, algorithmique, etc.
- Master mention Information Communication Culture et Document (Master ICCD)
Informations sur le cours que j'assure en Master 1 ICDD pour l'année universitaire 2011-2012.




