M294 V1

Réaliser le front-end d’une application Web interactive

Type
CIE obligatoire
Lieu
Cours interentreprises
Année
2ème année d'apprentissage
PDF
294_1_R%C3%A9aliser%20le%20front-end%20d%E2%80%99une%20application%20Web%20interactive.pdf

Compétences PEC liées

g2 g5

Compétence visée par le module

Implémenter, au moyen de la technologie définie et à l’aide d’un back-end existant, le front-end d’une application Web interactive permettant la gestion de données.

Situation / objet

Front-end d’une application Web interactive. Représentation correspondante pour la gestion (Create, Read, Update, Delete) des données. Par exemple: gestion d’une liste de tâches.

Objectifs opérationnels et connaissances

294.1 Mettre en place l’environnement de développement et d’exécution local de manière à pouvoir développer un projet défini. [g5.1] g2 g5
ConnaissanceTexte
294.1.1Connaître les composants à installer pour le développement (p. ex. les bibliothèques de logiciels nécessaires à cet effet).
294.1.2Connaître des procédures d’accès aux instructions/guides d’installation correspondants.
294.2 Programmer, au moyen de la technologie définie et à l’aide d’un back-end documenté existant, le front-end structuré et efficient d’une application Web interactive permettant de gérer (Create, Read, Update, Delete [CRUD]) des données tout en se conformant aux consignes applicables en l’espèce. [g5.3, g2.6, g2.4, g2.2] g2 g5
ConnaissanceTexte
294.2.1Connaître les principes fondamentaux de mises en œuvre actuelles du front-end d’une application Web interactive (p. ex. Single Page Application avec Javascript ou Typescript).
294.2.2Connaître des possibilités pour conserver des données dans le front-end d’une application Web interactive et les synchroniser avec un back-end.
294.2.3Connaître au moins une possibilité pour communiquer avec un back-end distant et échanger des données selon CRUD.
294.3 3. Programmer le front-end d’une application Web interactive afin de rendre accessibles, via un lien permanent, les différents éléments CRUD du front-end. [g5.3] g2 g5
ConnaissanceTexte
294.3.1Connaître des techniques qui, dans le front-end d’une application Web interactive, permettent de rendre accessibles les parties spécifiques d’une application Web (p. ex. vue détaillée d’un jeu de données sélectionné dans une liste) via un lien permanent (p. ex. routage côté Client [Client Side Routing]).
294.4 Vérifier les résultats intermédiaires au regard des exigences (fonctionnel, non fonctionnel, sécurité) et procéder en continu à des corrections. [g5.4, g2.6] g2 g5
ConnaissanceTexte
294.4.1Connaître des possibilités côté Client pour valider des données d’entrée.
294.4.2Connaître les principales mesures de sécurité applicables à la manipulation des données d’entrée (p. ex. désinfection/assainissement/validation des données, CORS, HTTPS, etc.).
294.4.3Connaître des techniques de test permettant de vérifier si les exigences sont remplies (p. ex. tests automatisés ou manuels, logging, débogage).
294.5 Appliquer les conventions de code données et vérifier en continu si celles-ci sont respectées. [g5.5] g2 g5
ConnaissanceTexte
294.5.1Connaître des techniques ou méthodes de configuration des outils/moyens correspondants afin que ceux-ci signalent en continu la violation des règles de code.
294.5.2Connaître au moins une procédure pour corriger les règles de code non respectées.
294.6 Déposer les modifications et extensions de l’implémentation de façon claire et fiable dans un système de gestion des logiciels. [g5.6] g2 g5
ConnaissanceTexte
294.6.1Connaître la manipulation fondamentale et le workflow d’un système de gestion de logiciels.
294.7 Protéger au moins un domaine du front-end contre des accès anonymes. [g5.3] g2 g5
ConnaissanceTexte
294.7.1Connaître au moins une norme d’authentification actuelle (p. ex. JWT) et son implémentation dans le front-end (p. ex. pour faire la distinction entre accès en lecture et accès en traitement).

Matrice de compétences

BandeCompétenceDébutantIntermédiaireAvancéObjectifs

Modules liés par compétences PEC

ModuleTitrePEC communes
M223 Réaliser des applications multi-utilisateurs orientées objets
g2 g5
M293 Créer et publier un site Web
g2 g5
M319 Concevoir et implémenter des applications
g2 g5
M320 Programmer orienté objet
g2 g5
M322 Concevoir et implémenter des interfaces utilisateur
g2 g5
M335 Réaliser une application pour mobile
g2 g5
M106 Interroger, traiter et assurer la maintenance des bases de données
g5
M165 Utiliser des bases de données NoSQL
g5
M183 Implémenter la sécurité d'une application
g5
M295 Réaliser le back-end pour des applications
g5
M321 Programmer des systèmes distribués
g5
M323 Programmer de manière fonctionnelle
g5