2026-2027

Avenue Victor Maistriau 8a
7000 Mons

Fiche ects de l'unité d'enseignement #2189 intitulée :

Développement front-end

Bachelier en Techniques Graphiques orientation Techniques infographiques - Bloc 1

Informations

Responsable d'UE : Ivan MILLER

Bloc : IFG1

Période : 2^e quadrimestre

Durée : 34 h

Crédits : 3 ects

UE Prérequises : aucune

UE Corequises : aucune

Activité d'apprentissage (AA)

Développement front-end : 34 h, Ivan MILLER, François ROLAND

Connaissances et compétences préalables

Programmation (bloc 1, 1er quad)
Développement web (bloc 1, 1er quad)

Contribution aux objectifs de développement durable

	Objectif 4 : Assurer l’accès de tous à une éducation de qualité, sur un pied d’égalité, et promouvoir les possibilités d’apprentissage tout au long de la vie 4.4 D’ici à 2030, augmenter considérablement le nombre de jeunes et d’adultes disposant des compétences, notamment techniques et professionnelles, nécessaires à l’emploi, à l’obtention d’un travail décent et à l’entrepreneuriat. 4.5 D’ici à 2030, éliminer les inégalités entre les sexes dans le domaine de l’éducation et assurer l’égalité d’accès des personnes vulnérables, y compris les personnes handicapées, les autochtones et les enfants en situation vulnérable, à tous les niveaux d’enseignement et de formation professionnelle.
	Objectif 9 : Bâtir une infrastructure résiliente, promouvoir une industrialisation durable qui profite à tous et encourager l’innovation 9.c Accroître nettement l’accès aux technologies de l’information et de la communication et faire en sorte que tous les habitants des pays les moins avancés aient accès à Internet à un coût abordable d’ici à 2020.
	Objectif 12 : Établir des modes de consommation et de production durables 12.5 D’ici à 2030, réduire considérablement la production de déchets par la prévention, la réduction, le recyclage et la réutilisation.
	Objectif 13 : Prendre d’urgence des mesures pour lutter contre les changements climatiques et leurs répercussions 13.3 Améliorer l’éducation, la sensibilisation et les capacités individuelles et institutionnelles en ce qui concerne l’adaptation aux changements climatiques, l’atténuation de leurs effets et la réduction de leur impact et les systèmes d’alerte rapide.

Contribution aux objectifs du référentiel de compétences de l'ARES

Communiquer et informer
- Utiliser le vocabulaire adéquat
- Utiliser une langue étrangère
Collaborer à la conception, à l’amélioration et au développement de projets techniques
- Elaborer une méthodologie de travail
- Analyser une situation donnée sous ses aspects techniques et scientifiques
- Rechercher et utiliser les ressources adéquates
- Proposer des solutions qui tiennent compte des contraintes
S’engager dans une démarche de développement professionnel
- S’informer et s’inscrire dans une démarche de formation permanente
- Travailler tant en autonomie qu’en équipe dans le respect de la structure de l’environnement professionnel
S’inscrire dans une démarche de respect des réglementations
- Respecter le code du bien-être au travail
- Respecter les normes, les procédures et les codes de bonne pratique
- Intégrer les différents aspects du développement durable
Développer sa créativité
- Identifier et s’adapter aux contraintes économiques, techniques et communicationnelles, dépasser les contraintes
Maîtriser les outils informatiques
- Utiliser efficacement les environnements et systèmes d’exploitations informatiques spécifiques à l’infographie
Concevoir et réaliser une communication interactive
- Structurer et analyser la communication
- Définir les étapes, éléments et les outils graphiques et informatiques nécessaires à la réalisation de celle-ci
- Prendre en compte les contraintes liées à l’utilisation d’un média interactif (ergonomie, accessibilité, caractéristique du public cible, …)

Acquis d'apprentissage spécifiques

Utiliser JavaScript pour enrichir l'interactivité des pages web.

Contenu de l'AA

Intégration du JavaScript
Variables : déclarations, portée, noms, types primitifs, conversions, chaînes de caractères, gabarits
Tableaux : déclarations, tableaux indicés et associatifs, tableaux à plusieurs dimensions, méthode forEach
Opérateurs
Structures conditionnelles : if, switch, ternaire
Structures itératives : while, do while, for, for in, for of, break et continue
Fonctions : déclarations, arguments et paramètres, expressions de fonction, fonctions anonymes, fonctions fléchées, map, fonctions asynchrones
Objets : window, document, Math, null, undefined, this, déclaration, suppression, référence
DOM : accès aux éléments, aux nœuds, aux contenus, aux attributs HTML, aux propriétés CSS
Évènements : écouter les évènements, gestionnaire d'évènements
Animations : WAAPI
Canvas
Introduction théorique aux outils JavaScript : frameworks et bibliothèques

Répartition des heures

6 h de théorie, 28 h d'exercices/Labos

Méthodes d'enseignement

Cours magistral, travaux de groupes, approche par projets, approche interactive, approche déductive, approche avec TIC, utilisation de logiciels

Langues d'enseignement

Français

Supports

Syllabus, activités sur eCampus, Activités sur Quizineur

Ressources bibliographiques

Bibliographie

HONDERMACK Olivier, Tout JavaScript, éditions Dunod, 2023
LAWSON Bruce & SHARP Remy, Introduction à HTML5, éditions Pearson, 2012
MONCUR Michael, JavaScript, CampusPress, 2001
VAN LACKER Luc, JavaScript – Introduction et notions fondamentales, éditions ENI, 2008

Webographie

Alsacréations : http://css.alsacreations.com/
Développez.com : http://www.developpez.com/
Mozzila.org : https://developer.mozilla.org/fr/docs/Web/JavaScript
OpenClassrooms : https://openclassrooms.com/
W3Schools : http://www.w3schools.com/

Évaluation et pondération

Méthode d'évaluation : note globale à l'UE

Langues d'évaluation : français

Modalités d'évaluation :

Examen pratique : 80% (à livre ouvert : syllabus papier ou pdf autorisé et documentation manuscrite papier autorisée)
Activités e-learning : 5% (sur Quizineur)
Projet : 15% (non rejouable en 2e session)