Vous êtes ici : FIL > Portail > Licence 1 > L1S2 > TW1

Technologies du Web

Présentation des bases de la création de documents web. On se limite aux aspects «côté client» : création de la page (html et css), programmation client (javascript). Les notions sont abordées au travers de la réalisation de différents «mini-projets» au cours du semestre.

Responsable

Jean-Christophe Routier

Volume horaire

Cette unité se déroule au S2 de la licence Sciences Exactes Sciences de l'Ingénieur dans les parcours Mathématiques et Informatique et Informatique et EEA. Il s'agit d'une UE obligatoire de ces parcours.
L'enseignement est organisé chaque semaine sous la forme d'une séance de cours d'1h30 et de deux séances de travaux dirigés sur machine d'1h30.
Cette UE constitue un pré-requis pour l'UE Technologies du Web 2 du 4 de la lience informatique.

Crédits

4 ECTS
Jean-Christophe Routier
dernière modification : 30/06/2016 à 08:31:39

Objectifs

À l'issue de ce module les étudiants doivent
  • Être capables de concevoir des documents web dans le respect des standards.
    • Connaître les principaux standards du web : (X)HTML 5, CSS, Javascript, DOM
    • Maîtriser la notion de séparation contenu / forme / dynamicité
    • Savoir
      • décrire un document sous forme arborescente,
      • traduire ce modèle en un document (X)HTML 5,
      • réaliser la mise en forme en utilisant le langage CSS,
      • rendre le document dynamique et le manipuler via l'interface DOM et javascript.
    • Être conscient de l'importance du respect des normes.
    • Maîtriser le processus de rédaction et de validation des documents.
  • Savoir développer des programmes en javascript et connaître les bases de ce langage.
  • Connaître les bases de la programmation événementielle.
  • Être capables de rechercher des informations et les exploiter (spécifications de standards HTML, CSS, …, sites web d'information, etc.).

Compétences

  • Participer à la conception et à la réalisation d'applications logicielles :
    • connaître plusieurs styles/paradigmes de programmation et plusieurs langages,
    • comprendre les différentes natures des informations : données, traitements, connaissances, textes,
    • mettre en œuvre des méthodes d'analyse pour concevoir des applications et algorithmes à partir d'un cahier des charges partiellement donné.
  • Connaître les savoirs pratiques et les technologies actuelles attachés à la discipline.

Jean-Christophe Routier
dernière modification : 30/06/2016 à 08:31:39
Gpe Nature Horaire Salle Enseignant e-mail
Section 1 Cours mercredi 15h50-17h20 M1 Painlevé Jean-Christophe Routier jean-christophe.routier (at) univ-lille1.fr
Groupe 11 TD 1 lundi 15h50-17h20 SUP 118 Jean-François Roos jean-francois.roos@univ-lille1.fr
Groupe 11 TD 2 vendredi 10h20-11h50 SUP 117 Jean-François Roos jean-francois.roos@univ-lille1.fr
Groupe 12 TD 1 mardi 8h30-10h SUP 116 Jean-Christophe Routier jean-christophe.routier[at]univ-lille1.fr
Groupe 12 TD 2 jeudi 13h30-15h SUP 116 Jean-Christophe Routier jean-christophe.routier[at]univ-lille1.fr
Groupe 13 TD 1 mardi 10h20-11h50 SUP 115 Bruno Bogaert bruno.bogaert@univ-lille1.fr
Groupe 13 TD 2 mercredi 8h30-10h SUP 117 Bruno Bogaert bruno.bogaert@univ-lille1.fr
Groupe 14 TD 1 mardi 15h50-17h20 SUP 115 Fabrice Aubert fabrice.aubert@univ-lille1.fr
Groupe 14 TD 2 vendredi 13h30-15h SUP 118 Fabrice Aubert fabrice.aubert@univ-lille1.fr
Groupe 15 TD 1 mardi 8h30-10h SUP 117 Maxime Colmant maxime.colmant@inria.fr
Groupe 15 TD 2 mercredi 10h20-11h50 SUP 115 Maxime Colmant maxime.colmant@inria.fr
Groupe 16 TD 1 mercredi 13h30-15h SUP 116 Benjamin Burnouf Benjamin.Burnouf@univ-lille1.fr
Groupe 16 TD 2 jeudi 13h30-15h SUP 115 Benjamin Burnouf Benjamin.Burnouf@univ-lille1.fr
Groupe 17 TD 1 jeudi 8h30-10h SUP 117 Cyrille Toulet cyrille.toulet@univ-lille1.fr
Groupe 17 TD 2 vendredi 13h30-15h SUP 115 Cyrille Toulet cyrille.toulet@univ-lille1.fr
Section 4 Cours lundi 8h30-10h Jean-Christophe Routier jean-christophe.routier (at) univ-lille1.fr
Groupe 41 TD 1 jeudi 15h50-17h20 SUP 115 Patrice Thibaud Patrice.Thibaud@univ-lille1.fr
Groupe 41 TD 2 vendredi 15h50-17h20 SUP 116 Patrice Thibaud Patrice.Thibaud@univ-lille1.fr
Groupe 42 TD 1 mardi 13h30-15h SUP 118 Geoffrey Hecht geoffrey.hecht@gmail.com
Groupe 42 TD 2 vendredi 8h30-10h SUP 116 Geoffrey Hecht geoffrey.hecht@gmail.com
Groupe 43 TD 1 jeudi 13h30-15h SUP 117 Damien Arnoux damien.arnoux@univ-lille1.fr
Groupe 43 TD 2 vendredi 8h30-10h SUP 117 Damien Arnoux damien.arnoux@univ-lille1.fr
Groupe 44 TD 1 lundi 13h30-15h SUP 117 Léopold Weinberg leopold.weinberg@univ-lille1.fr
Groupe 44 TD 2 mardi 15h50-17h20 SUP 116 Léopold Weinberg leopold.weinberg@univ-lille1.fr
Groupe 45 TD 1 jeudi 8h30-10h SUP 116 Houssam Zahaf zahoussem@gmail.com
Groupe 45 TD 2 vendredi 15h50-17h20 SUP 117 Houssam Zahaf zahoussem@gmail.com
Jean-Christophe Routier
dernière modification : 26/01/2017 à 08:36:05
Séance Cours TD Remarque
1 du 16/01 au 21/01
  • présentation de l'UE
  • introduction internet et web
  • exemples
  • introduction à HTML
Journée Portes Ouvertes le 21 janvier
2 du 23/01 au 28/01
  • structuration des documents HTML et sémantique des éléments HTML : bien choisir ses balises, des exemples
  • sémantique visuelle, premiers pas en CSS
  • l'attribut class pour ajouter une sémantique "faible", sélecteurs CSS associés
  • premiers exemples de propriétés CSS
exercices HTML 7, 8, 9, 10 et 11 Travail à faire avant les TD :
  • étudier les vidéos du chapitre 1 (28'23") et du chapitre 2 (27'10")
  • faire les exercices 1 à 6 de la fiche HTML (corrections vidéos disponibles dans chapitre 1 - 37'06")
3 du 30/01 au 04/02 pas de cours d'amphi Travail à faire avant les TD :

  • étudier les vidéos du chapitre 3 (12'28") et du chapitre 4 (27'29" parties 1 à 4 + 17'12" pour l'exemple)
4 du 06/02 au 11/02
  • sélecteurs CSS, présentation
  • priorité des sélecteurs
5 du 13/02 au 18/02 pas de cours d'amphi Travail à faire avant les TD :
  • étudier les vidéos du chapitre 5 (38'56")
  • revoir les vidéos du chapitre 4bis (34'07") dont le contenu aura été abordé en amphi
du 20/02 au 25/02 interruption pédagogique hiver
6 du 27/02 au 04/03 dynamicité
  • classes dynamique :hover
  • transformations transform
  • transitions transition
  • media queries
  • introduction javascript
Travail à faire avant les TD :
7 du 06/03 au 11/03 pas de cours d'amphi exercices 5 et 6 de la fiche javascript-1 Travail à faire avant les TD :
8 du 13/03 au 18/03 pas de cours d'amphi exercices 2 à 6 de la fiche javascript-2 Travail à faire avant les TD :
9 du 20/03 au 25/03 pas de cours d'amphi exercices sur les diaporamas DS le samedi 25 mars - 10h30-11h30 bâtiment A4
10 du 27/03 au 01/04 pas de cours d'amphi autres sélections dans l'arbre DOM, exercices 1 à 5 fiche 3 Travail à faire avant les TD : lundi 28 mars férié
11 du 03/04 au 08/04 pas de cours d'amphi modifier l'arbre DOM exercice 1 fiche 4 Travail à faire avant les TD :
du 11/04 au 16/04 interruption pédagogique de printemps
du 17/04 au 22/04 interruption pédagogique de printemps
12 du 24/04 au 29/04 pas de cours d'amphi projet ou canvas
13 du 01/05 au 06/05 pas de cours d'amphi projet ou canvas lundi 1er mai férié
Jean-Christophe Routier
dernière modification : 04/05/2017 à 11:44:35

L'évaluation s'effectue suivant une procédure de contrôle continu.

Deux notes sont attribuées à chaque étudiant durant le semestre :

  • NOTE1 pour la partie HTML/CSS
  • NOTE2 pour la partie javascript

chacune de ces deux notes est obtenue à partir de trois notes  :

  • TP : une note sur 20 de Travaux Pratiques attribuée par l'enseignant de Travaux Pratiques,
  • Projet : une note sur 20 pour le mini-projet à réaliser,
  • DS : une note sur 20 de devoir surveillé.

et NOTE1 et NOTE2 se calculent alors ainsi :

30% TP + 30% Projet + 40% DS

La note finale sur 20 (N) est calculée comme la moyenne de NOTE1 et NOTE2  :

N = (NOTE1 + NOTE2) /2

La note obtenue à la session de rattrapage remplace les parties DS de NOTE1 et NOTE2, les notes TP et Projet sont conservées.

L'unité acquise apporte 4 ECTS.

Jean-Christophe Routier
dernière modification : 30/06/2016 à 08:31:39

Documents du cours

Ressources

Validateurs

Sites références

Bibliographie

  • HTML 5 Une référence pour le développeur web Rodolphe Rimelé. Eyrolles. ISBN 978-2-212-12982-3.
  • HTML 5 et CSS 3 Jean Engels. Eyrolles. ISBN 978-2-212-13400-1.
  • Débuter en Javascript Shelley Powers. Eyrolles. ISBN 978-2-212-12093-6. N'est plus édité... chercher une version d'occasion ou prendre la version électronique.
  • Javascript The definitive guide David Flanagan. O'Reilly . ISBN 978-0-596-80552-4.

Webographie


Jean-Christophe Routier
dernière modification : 26/01/2017 à 08:37:14