HELMo
Inscription

UE26 Frameworks web

En pratique

  • Cette unité d'enseignement (UE) articule 1 activité d'apprentissage :
    • Frameworks web
  • En 2025-2026, elle s'organise au premier quadrimestre et couvre 5 crédits (ECTS).
  • L'enseignement est principalement centralisé dans le campus : Département Informatique
  • Cette UE est remédiable d'une session à l'autre
  • Modalités d'enseignement
    • Auditoire
    • Sous-groupe
    • en autonomie

Activité d’apprentissage

Les finalités de l'UE

Cette unité d'enseignement a pour but de préparer les étudiants à concevoir et développer des applications web modernes de type SPA (Single Page Application), en lien avec des services backend via des API. Elle s'inscrit dans un parcours professionnalisant visant à développer des compétences clés en développement front-end, essentielles dans les métiers du web et du numérique. Les compétences acquises permettront aux étudiants de répondre aux besoins des entreprises en matière de création d'interfaces web dynamiques.

Les contenus de l'UE

L'UE explore les principaux concepts et technologies liés au développement d'applications web modernes. Les étudiants découvrent les bases du développement front-end avec un accent sur les Single Page Applications (SPA).

Les thèmes abordés incluent :

  • La structuration et le fonctionnement des applications web dynamiques.
  • L'usage des frameworks front-end pour développer des interfaces utilisateur interactives.
  • L'intégration et la communication avec des services backend via des API, permettant d’échanger des données avec des serveurs distants.
  • Les outils et bonnes pratiques de développement, comme npm pour la gestion des dépendances, et l'utilisation d'outils de build comme Vite, React ou Angular.

Les acquis d'apprentissage visés par l'UE

Au terme de cette UE, l'étudiant·e sera capable de :

  • Planifier et structurer le développement d'un projet web à l'aide d'outils de gestion de versions et de tâches.
  • Argumenter le choix d'un framework web (ex: React, Angular, Vue.js) sur la base d'une analyse comparative de plusieurs alternatives, en fonction des contraintes et des besoins spécifiques d'un projet.
  • Expliquer les concepts fondamentaux et l'architecture d'un framework web moderne, tels que l'approche par composants, la gestion de l'état (state management), le routage et le cycle de vie.
  • Développer une interface utilisateur web interactive et fonctionnelle en utilisant un framework, en assurant une communication fiable avec une source de données (API).
  • Expliquer et justifier ses choix d'implémentation, la structure et la logique de chaque partie du code produit.
  • Présenter et défendre oralement son projet de manière claire, structurée et professionnelle, en répondant de façon argumentée aux questions techniques et méthodologiques.

La validation de l'unité d'enseignement requiert la validation de chacun des acquis d'apprentissage. La non-validation d'un seul acquis d'apprentissage entraîne une note finale maximale de 7/20 pour l'UE.

Les méthodes d'enseignement-apprentissage

L'unité d'enseignement combine à la fois des cours théoriques et des laboratoires pratiques, avec une approche centrée sur l'autonomie des étudiants dans la réalisation d'un projet complet.

Dans un premier temps, les concepts théoriques fondamentaux sont introduits à travers des cours magistraux qui posent les bases nécessaires à la compréhension du développement d'applications web modernes. Ces cours permettent aux étudiants d'acquérir les connaissances indispensables sur les technologies et les pratiques liées aux Single Page Applications (SPA), ainsi qu'à l'utilisation des outils de développement.

Ensuite, les étudiants passent à la phase pratique à travers des laboratoires où ils travaillent en groupe sur un projet web. Cette partie du cours est orientée vers une pédagogie par projet, où les étudiants, en autonomie, réalisent leur application web de A à Z. Ils sont responsables de l'ensemble du processus, de la conception à la mise en œuvre, tout en s'appuyant sur les notions théoriques vues en cours

Engagement attendu de la part de l'étudiant.e

  • Participation Active aux Cours : Assistez régulièrement aux cours théoriques et participez activement aux discussions. Prenez des notes et posez des questions pour clarifier les concepts clés et comprendre les fondements du développement web.

  • Planification et Organisation : Planifiez votre temps de manière efficace pour équilibrer les cours théoriques et le travail pratique. Divisez le projet en étapes claires et fixez-vous des objectifs à court terme pour gérer le travail en groupe.

  • Pratique Régulière : Engagez-vous dans des exercices pratiques réguliers pour appliquer les concepts appris en théorie. Utilisez les laboratoires comme une opportunité pour expérimenter et résoudre des problèmes concrets.

  • Travail Collaboratif : Collaborez efficacement avec vos membres de groupe. Assurez-vous de répartir les tâches de manière équitable et de communiquer régulièrement pour coordonner les efforts et intégrer les différentes parties du projet.

  • Autonomie et Initiative : Développez votre autonomie en prenant l'initiative dans la gestion du projet. Cherchez des solutions par vous-même avant de demander de l’aide. Utilisez les ressources disponibles, comme les tutoriels en ligne et la documentation, pour approfondir vos connaissances.

  • Utilisation des Ressources : Profitez des ressources pédagogiques fournies, telles que les supports de cours, les outils de développement, et les recommandations des enseignants.

  • Révisions et Feedback : Révisez régulièrement vos travaux et demandez des retours aux enseignants. Intégrez les commentaires pour améliorer vos compétences et la qualité de votre projet.

  • Gestion du Stress et des Délais : Apprenez à gérer le stress et respectez les délais fixés pour les différentes phases du projet.

Oral 1ere session

Cette épreuve présente des modalités spécifiques à la 1re session. Elle est organisée durant la session. Il s'agit d'un examen. Cette épreuve est individuelle et en équipe. Concrètement, l'épreuve repose sur une formulation écrite, une formulation orale, une réalisation par mise en pratique. L'épreuve repose sur des réponses longues, formulations personnelles. Elle se déroule avec un support (à projeter). La correction de cette épreuve est assurée par délibération d'une équipe d’enseignant.es.

Oral 2eme session

Cette épreuve présente des modalités spécifiques à la seconde session. Elle est organisée durant la session. Il s'agit d'un examen. Cette épreuve est individuelle ou collective. Concrètement, l'épreuve repose sur une formulation écrite, une formulation orale, une réalisation par mise en pratique. L'épreuve repose sur des réponses longues, formulations personnelles. Elle se déroule avec un support (à projeter). La correction de cette épreuve est assurée par délibération d'une équipe d’enseignant.es.

Règles de l’UE

Quels sont les supports et matériels de cours indispensables ?

Supports et matériels de cours

  • Documentation Officielle : Guides et références des frameworks et outils utilisés (React, Vue.js, npm, Vite).

  • Tutoriels en Ligne : Ressources pratiques pour approfondir les compétences techniques et résoudre des problèmes.

  • Articles et Études de Cas : Lectures recommandées sur les meilleures pratiques et tendances du développement web.

  • Forums et Communautés : Espaces pour poser des questions et échanger avec d'autres développeurs.

Comment la note globale de l’UE est-elle déterminée ?

Explication de la pondération des différentes épreuves

L'évaluation de cette UE repose sur une unique épreuve : une présentation orale qui compte pour 100% de la note finale.

Support de l'évaluation : le projet

Cette évaluation orale porte sur un projet réalisé en groupe durant le quadrimestre. Pour le choix du projet, deux options sont possibles :

  • Choisir un projet parmi une liste proposée par les enseignant·es.

  • Proposer un projet personnel, qui devra être formellement validé par le responsable de l'UE pour s'assurer qu'il permet de couvrir tous les acquis d'apprentissage.

Mécanisme d'évaluation

Bien que le projet soit réalisé en groupe, l'évaluation est strictement individuelle. Chaque étudiant·e sera interrogé·e personnellement afin de vérifier sa maîtrise de l'ensemble des compétences visées par l'UE.

Le calcul de la note finale ne repose pas sur une moyenne, mais sur un système de validation des acquis d'apprentissage (AA). Le processus se déroule comme suit :

  1. Validation des acquis : Pour chaque étudiant·e, chacun des 7 acquis d'apprentissage est évalué de manière binaire : il est soit "validé", soit "non validé".

  2. Condition de réussite : Pour réussir l'UE (c'est-à-dire obtenir une note supérieure ou égale à 10/20), l'étudiant·e doit impérativement obtenir le statut "validé" pour la totalité des 7 acquis d'apprentissage.

  3. Calcul de la note :

    • Cas 1 : Un ou plusieurs AA sont "non validés"
      Si un seul acquis d'apprentissage (ou plus) n'est pas validé, la note finale sera automatiquement plafonnée et ne pourra excéder 7/20, quel que soit le niveau de performance démontré sur les autres acquis.

    • Cas 2 : Tous les AA sont "validés"
      Si et seulement si les 7 acquis d'apprentissage sont validés, une note finale comprise entre 10/20 et 20/20 est attribuée. Cette note reflète alors le niveau de maîtrise global, la qualité et la profondeur des justifications, ainsi que le professionnalisme démontré durant l'ensemble de l'épreuve orale.

Modalités pour la seconde session

Il n'y a pas de dispense partielle.

L'organisation de la seconde session dépend de la situation de chaque étudiant·e à l'issue de la première session :

  • Cas 1 : Échec individuel au sein d'un groupe majoritairement en réussite
    Si un·e ou plusieurs étudiant·es d'un groupe ne valident pas l'UE (mais pas l'entièreté du groupe), chaque étudiant·e concerné·e devra représenter l'épreuve individuellement. L'évaluation portera sur un nouveau projet, de périmètre adapté à un travail individuel. Pour le choix de ce projet, et à l'instar de la première session, l'étudiant·e pourra proposer un sujet personnel (soumis à validation par le responsable de l'UE), ou se verra attribuer un projet défini par l'équipe enseignante.

  • Cas 2 : Échec de l'ensemble du groupe
    Si tous les membres d'un même groupe ne valident pas l'UE, le groupe a la possibilité de se présenter à nouveau ensemble en seconde session. L'évaluation portera alors sur une version améliorée de leur projet initial.

Quelles sont les informations administratives de cette UE ?