Formations en Informatique de Lille
Portail pédagogique
Vous êtes ici : FIL > Portail > L1 > 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 «exercices» au cours du semestre.

Responsable

Patrice Thibaud

Volume horaire

Cette unité se déroule au S2.
L'enseignement est organisé sur 12 semaines, chaque semaine sous la forme de deux séances de travaux dirigés sur machine d'1h30. Sauf pour les semaines 1, 5 et 7 ou la première séance de TD est remplacée par une séance de Cours de 1h30 (voir le semainier).
Cette UE constitue un pré-requis pour l'UE Technologies du Web 2 du S3 de la lience informatique.

Crédits

4 ECTS
Patrice THIBAUD
dernière modification : 28/06/2022 à 10:05:48

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.

Patrice THIBAUD
dernière modification : 28/06/2022 à 10:05:48
Gpe Nature Horaire Salle Enseignant e-mail
MIASHS G1 à G4(A et B) + SESI section 2 + LICAM Cours (3 séances 16/01-13/02-06/03) Lundi 16H30 - 18H M1 Amphi CHATELET Patrice THIBAUD patrice.thibaud@univ-lille.fr
MIASHS G1 TD 1 Mardi 14H45 - 16H15 SUP 118 Leopold WEINBERG leopold.weinberg@univ-lille.fr
TD 2 Jeudi 10H15 - 11H45 SUP 118
MIASHS G2 TD 1 Mardi 14H45 - 16H15 SUP 120 Samy MEFTALI samy.meftali@univ-lille.fr
TD 2 Jeudi 10H15 - 11H45 SUP 120
MIASHS G3 TD 1 Mardi 14H45 - 16H15 SUP 124 Claire DIVOY claire.divoy@univ-lille.fr
TD 2 Jeudi 10H15 - 11H45 SUP 124
MIASHS 4A TD 1 Mercredi 10H15 - 11H45 SUP 124 Romain FOUQUET romain.fouquet@inria.fr
TD 2 Jeudi 8H30 - 10H SUP 117
MIASHS 4B TD 1 Mercredi 10H15 - 11H45 SUP 118 Emilie ALLART emilie.allart@univ-lille.fr
TD 2 Jeudi 14H45 - 16H15 SUP 124
SESI 21 + LICAM TD 1 Lundi 14H45 - 16H15 SUP 118 Jean-François ROOS jean-francois.roos@univ-lille.fr
TD 2 Mercredi 13H - 14H30 SUP 118
SESI 22 TD 1 Lundi 14H45 - 16H15 SUP 120 Thomas BAUDEAU thomas.baudeau@univ-lille.fr
TD 2 Jeudi 13H - 14H30 SUP 120
SESI 23 TD 1 Lundi 13H - 14H30 SUP 120 Patricia PLENACOSTE patricia.plenacoste@univ-lille.fr
TD 2 Jeudi 13H - 14H30 SUP 124
SESI 24 TD 1 Lundi 13H - 14H30 SUP 124 Danilo DURSONIAH danilo.dursoniah@univ-lille.fr
TD 2 Mercredi 13H - 14H30 SUP 124
PEIP + MIASHS 5-6-7A-7B + SESI section 1 Cours (3 séances 17/01-14/02-07/03) Mardi 8H30 - 10H M1 Amphi CHATELET Patrice THIBAUD patrice.thibaud@univ-lille.fr
MIASHS 5 + 7A TD 1 Lundi 16H30 - 18H SUP 120 Patrice THIBAUD patrice.thibaud@univ-lille.fr
TD 2 Jeudi 8H30 - 10H SUP 120
MIASHS 6 + 7B TD 1 Lundi 16H30 - 18H SUP 118 Louis BIGO louis.bigo@univ-lille.fr
TD 2 Jeudi 8H30 - 10H SUP 118
PEIP G1 TD 1 Mardi 8H30 - 10H SUP 116 Salman FARHAT salman.farhat.etu@univ-lille.fr
TD 2 Jeudi 14H45 - 16H15 SUP 120
PEIP G2 TD 1 Mardi 8H30 - 10H SUP 117 Romain CASTA romain.casta@univ-lille.fr
TD 2 Jeudi 14H45 - 16H15 SUP 117
PEIP G3 TD 1 Mardi 8H30 - 10H SUP 118 Claire DIVOY claire.divoy@univ-lille.fr
TD 2 Jeudi 14H45 - 16H15 SUP 118
SESI 11 + Bilingue TD 1 Lundi 13H - 14H30 SUP 117 Bruno FRUCHARD bruno.fruchard@inria.fr
TD 2 Mardi 13H - 14H30 SUP 117
SESI 12-PRI TD 1 Lundi 14H45 - 16H15 SUP 124 Patrice THIBAUD patrice.thibaud@univ-lille.fr
TD 2 Mardi 10H15 - 11H45 SUP 124
SESI 13 TD 1 Lundi 13H - 14H30 SUP 118 Amadeu ALMEIDA COCO amadeu.almeidacoco@univ-lille.fr
TD 2 Mardi 13H - 14H30 SUP 118
SESI 14 TD 1 Mardi 8H30 - 10H SUP 120 Emilie ALLART emilie.allart@univ-lille.fr
TD 2 Mardi 10H15 - 11H45 SUP 120
SESI 15 TD 1 Mardi 10H15 - 11H45 SUP 118 Romain CASTA romain.casta@univ-lille.fr
TD 2 Jeudi 10H15 - 11H45 SUP 117
Patrice THIBAUD
dernière modification : 28/06/2022 à 10:05:48
Séance Cours TD Remarque
1 du 16/01 au 20/01 CM N°1 en présentiel
Pendant la séance
  • introduction, présentation de l'UE
  • Q&R
[Autonomie]
TD n°2 uniquement
Pendant la séance :
  • premiers exercices HTML : exercices 1 à 7
[Autonomie]
  • HTML : exercices 8 et 9
  • Vous avez une séance de cours cette semaine
  • Lundi 16/01 : SESI section 2 + MIASHS G1 à G4 + LICAM
  • Mardi 17/01 : SESI section 1 + MIASHS G5 à G7 + PEIP
2 du 23/01 au 27/01 💻cours en autonomie
  • vidéos chapitres 1 à 3 + chapitre 4 pour CSS
Deux séances de TD cette semaine
  • TD1- HTML : exercices 10 à 15
  • TD2- CSS1 : exercices 1 à 6
  • Pas de cours en présentiel cette semaine
3 du 30/01 au 03/02 💻cours en autonomie
  • vidéos chapitres 4 et 5 pour CSS
Deux séances de TD cette semaine
  • TD1- CSS1 : exercices 7 à 12
  • TD2 : CSS exercice "déco"
[Autonomie]
  • HTML : exercice 19
4 du 06/02 au 10/02 💻cours en autonomie
  • vidéos chapitre 6 et 7
  • Exercice 1 - sélecteurs (CSS feuille 3) à préparer avant le TD à l'aide des videos du chapitre 5
Deux séances de TD cette semaine
  • TD1 - CSS-2 : exercices 1 à 3
  • TD2 - CSS-2 : exercice 5 (Livres)
Les notions de sélecteurs et d'arbre DOM sont indispensables à la réalisation du TD1 de cette semaine
5 du 13/02 au 17/02 CM N°2 en présentiel
  • Retour sur les notions de chemins, selecteurs, modele de boite
  • Tables HTML
  • Présentation du QCM
TD n°2 uniquement
  • CSS-2 : exercice 6 (Breaking Bad) + 7 et 8
[Autonomie]
  • HTML : exercice 16 (Tables)
  • Vous avez une séance de cours cette semaine
- du 20/02 au 24/02 ---- ---- Interruption pédagogique
6 du 27/02 au 03/03 💻cours en autonomie
  • vidéos chapitre 8 et chapitre 9
Deux séances de TD cette semaine
  • TD1 - JS1 : exercices 1 à 5
  • TD2 - JS2 : exercices 1 à 5
QCM n°1 : HTML/CSS
7 du 06/03 au 10/03 CM N°3 en présentiel
  • Déclaration des variables var,const, let
  • Programmation événementielle
  • Parcours de tableaux (Array) en javascript
TD n°2 uniquement
  • TD2 - javascript-2 : exercices 6 et 7
8 du 13/03 au 17/03 💻cours en autonomie
  • vidéos chapitre 10
Deux séances de TD cette semaine
  • TD1 - JS-diaporama : exercices 2 et 3
  • TD2 - JS-diaporama : exercice 4
Mise en ligne du mini-projet : le mardi 14/03 sur la page d'accueil des exercices. Composition des groupes (2 ou 3) à réaliser
9 du 20/03 au 24/03 💻cours en autonomie
  • vidéos chapitre 11
Deux séances de TD cette semaine
  • TD1 - JS3 : exercices 1 à 4
  • TD2 - JS3 : exercice 5
10 du 27/03 au 31/03 Deux séances de TD cette semaine
  • TD1 - JS4 : exercices 1 et 2
  • TD2 - JS4 : exercices 3 et 4
11 du 03/04 au 07/04 Deux séances de TD cette semaine
séances consacrées au projet
QCM n°2 : JS
12 du 11/04 au 14/04 Soutenances projet pendant les séances de TD
Patrice THIBAUD
dernière modification : 28/06/2022 à 10:05:48

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

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

  • NOTE1 TP et assiduité
  • NOTE2 mini-projet
  • NOTE3 DS final

30% NOTE1 + 30% NOTE2 + 40% NOTE3

Après une éventuelle session de rattrapage, la note est calculée ainsi :

SUP(30% NOTE1 + 30% NOTE2 + 40% DS_rattrapage ; DS_rattrapage)

Patrice THIBAUD
dernière modification : 28/06/2022 à 10:05:48

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


Patrice THIBAUD
dernière modification : 28/06/2022 à 10:05:48