Haute Ecole de la Province de Liège
Informations générales sur l'unité d'enseignement : "Développement web I"
| Cycle | 1 | |||||||||
| Niveau du cadre francophone de certification | 6 | |||||||||
| Code | MUL-1-006 1.A.1 | |||||||||
| Crédits ECTS | 6 | |||||||||
| Volume horaire (h/an) | 75 | |||||||||
| Période | Annuel | |||||||||
| Implantation(s) | SOCIAL - Jemeppe | |||||||||
| Unité | Obligatoire | |||||||||
| Responsable de la fiche | ERNOTTE, Roland | |||||||||
| Pondération | 60 | |||||||||
| Composition de l'unité d'enseignement |
|
|||||||||
| Prérequis | - | |||||||||
| Corequis | - |
-
Acquis d'apprentissage spécifiques sanctionnés par l'évaluation
Structurer une page web (X)HTML/HTML5 en utilisant les balises spécifiques et leurs attributs et définir sa mise en page par la rédaction d'une feuille de style.
Respecter les normes en vigueur pour la création d'un site statique, suivre leur évolution de façon autonome, optimiser le code en vue du référencement et de l'accessibilité en s'assurant notamment de sa validité W3C.
Réaliser un site web statique qui présente plusieurs documents articulés de manière ergonomique, une navigation fonctionnelle, une intégration de médias (textes, images, vidéos,...) et une adaptabilité au dispositif de visualisation.
Vérifier la compatibilité et l'apparence des pages avec les principaux navigateurs.
Transférer et mettre à jour les fichiers nécessaires (HTML, CSS, médias,...) sur un serveur.
Comparer et critiquer différentes techniques d'interception d'événements au niveau du langage web de scripting côté client (JavaScript).
Insérer des scripts clients dans des pages web afin d'accroître leur niveau d'interactivité et de leur donner des possibilités d'animation.
Mettre en œuvre les techniques spécifiques de manipulation du DOM.
Mettre en œuvre les classes d'objets prédéfinies dans le langage de scripting.
Installer une bibliothèque tierce afin de d'accroître la productivité et de concevoir plus facilement des interfaces riches.
Utiliser à bon escient la documentation disponible (y compris en langue anglaise).
-
Objectifs
-
Introduction à la programmation côté client
Apprendre à analyser et développer des scripts côté client pour la création de pages web interactives.
Introduction aux documents hypertextes et multimédias
L'activité est orientée essentiellement vers la production de documents (X)HTML. L'accent est mis sur la qualité et la pérennité du travail produit. L'étudiant sera capable de produire des pages Web statiques interactives, accessibles, robustes et de bonne qualité technique et graphique et d'y intégrer différents médias.
On insistera sur la séparation du contenu et de la présentation
-
Contenus
-
Introduction à la programmation côté client
- Fonctionnement du modèle client serveur : distinction entre scripts côté serveur et côté client
- Le langage JavaScript : syntaxe de base, noyau et objets natifs, événements, manipulation du DOM
- Intégration de la bibliothèque jQuery : événements, sélecteurs, css, manipulation du DOM, plugins
Introduction aux documents hypertextes et multimédias
- Introduction aux standards du Web
- Structuration et validation de documents HTML
- Feuilles de style CSS
-
Méthodes d'enseignement et d'apprentissage
- Cours magistraux
- Travaux pratiques ou dirigés
-
Autres méthodes
-
Evaluation
Introduction à la programmation côté client - Examen Oral
Introduction aux documents hypertextes et multimédias - Examen Oral
- Evaluation Continue
-
Langue(s) de l'unité d'enseignement
- Français
-
Supports de cours
Introduction aux documents hypertextes et multimédias Les documents hypertextes HTML et CSS Ernotte Roland
-
Lectures conseillées
Programmation côté client :
Simply JavaScript / Kevin Yanks, Cameron Adams. - SitePoint, 2008
jQuery in Action / Bear Bibeault, Yahuda Katz. - Manning Publications, 2010
Secrets of the JavaScript Ninja (eBook) / John Resig. - Manning Publications, 2012
Documents hypertextes et multimédia :
ZELDMAN, Jeffrey. Design Web: utiliser les standards. Eyrolles, 2005.
ENGELS, Jean. HTML5 & CSS3 : cours et exercices corrigés. Eyrolles, 2012, 550p.
VEROU, Lea. CSS Secrets. O'Reilly, 2015,354p.