Course description

Title of the Teaching Unit

Technologie Web

Code of the Teaching Unit

21PBA122

Academic year

2026 - 2027

Cycle

Number of credits

3

Number of hours

30

Quarter

1

Weighting

Site

ECAM

Teaching language

French

Teacher in charge

Burny Nicolas

Objectives and contribution to the program

Fondements du développement web : compréhension de l'architecture client-serveur, des standards du Web et du cycle de rendu d'une page dans le navigateur.

Maîtrise technique du socle Frontend :
- Structuration de documents accessibles et sémantiques avec HTML5.
- Mise en page moderne et design adaptatif (responsive design, Flexbox) avec CSS3.
- Programmation événementielle et dynamisation d'interfaces côté client avec JavaScript (ES6+).

Développement de l'autonomie et de la rigueur d'ingénierie :
- Utilisation méthodique des outils de développement du navigateur (DevTools, console d'erreurs).
- Respect des bonnes pratiques (séparation des responsabilités, conventions de nommage, propreté du code).
- Publication et mise en ligne d'un projet web via un hébergeur statique.

Acquis d'apprentissage spécifiques
Au terme de cette UE, l'étudiant·e sera capable de :
- Comprendre les principes fondamentaux de l'architecture Web et du protocole HTTP
- Structurer des interfaces web sémantiques et concevoir des formulaires de collecte de données (HTML5)
- Concevoir des interfaces utilisateur ergonomiques et adaptatives
- Développer l'interactivité applicative et manipuler le DOM en réponse aux actions utilisateur
- Intégrer et déployer une solution web interactive répondant à un besoin métier

Prerequisites and corequisites

Content

HTML (Structure & Sémantique)
Architecture Client-Serveur & Protocole HTTP : Rôles respectifs du client (navigateur) et du serveur, cycle requête/réponse HTTP/HTTPS et principes de transmission des ressources web.
Structure d'un document HTML5 & Encodage : Squelette fondamental d'une page web (, , , ), métadonnées et gestion de l'encodage de caractères (UTF-8).
Balisage sémantique & Accessibilité : Structuration logique du contenu (

,