M293 V1
Créer et publier un site Web
- Type
- EP obligatoire
- Lieu
- École professionnelle
- Année
- 1ère année d'apprentissage
- 293_1_Cr%C3%A9er%20et%20publier%20un%20site%20Web.pdf
Compétence visée par le module
Créer et publier un site Web selon les consignes avec des technologies et des langages Web modernes.
Situation / objet
Site Web constitué de divers éléments (p. ex. texte, graphique, animation, liens), sans pro-grammation côté serveur/Client. Par exemple: site Web d’une petite association
Objectifs opérationnels et connaissances
293.1 Vérifier la maquette ou le prototype d’interface (mock-up, prototype cliquable) d’un site Web quant à sa faisabilité. [g2.2 / g2.4] g2 g5
| Connaissance | Texte |
|---|---|
| 293.1.1 | Connaître des principes importants (p. ex. requête/réponse, sans état [stateless], asynchrone) en matière de développement Web. |
| 293.1.2 | Connaître des aspects déterminants permettant de vérifier la faisabilité. |
| 293.1.3 | Connaître les différences fondamentales entre les divers navigateurs (p. ex. Firefox, Chrome, Safari) quant à leurs fonctionnalités, compatibilité et présentation. |
293.2 Développer un site Web exécutable comme preuve de concept (PoC) en vue de procéder à une première vérification. [g5.1 / g5.3 / g5.4] g2 g5
| Connaissance | Texte |
|---|---|
| 293.2.1 | Connaître des environnements de développement et d’exécution appropriés (p. ex. IntelliJ, Visual Studio Code) ainsi que la procédure pour les paramétrer conformément aux consignes. |
| 293.2.2 | Connaître les éléments de base d’un langage Web en termes de sémantique (p. ex. HTML). |
| 293.2.3 | Connaître les possibilités (p. ex. CSS, SCSS) de conception d’un site Web (mise en page et design). |
| 293.2.4 | Connaître les éléments de base d’un langage Web en termes d’interaction et de navigation (p. ex. JavaScript). |
| 293.2.5 | Connaître les différences entre les langages et les technologies directement pris en charge par un navigateur (p. ex. CSS, JS) et ceux qui doivent être convertis (p. ex. SCSS, Typescript) et connaître des outils de conversion/transpilation (p. ex. Babel, Typescript). |
293.3 Poursuivre le développement de la PoC afin de réaliser un site Web finalisé et vérifier que celui-ci respecte les consignes et les directives données. [g5.1 / g5.3 / g5.4 / g5.5] g2 g5
| Connaissance | Texte |
|---|---|
| 293.3.1 | Connaître des méthodes pour écrire du code lisible et maintenable. |
| 293.3.2 | Connaître les procédures recommandées (meilleures pratiques) pour construire et programmer un site Web. |
| 293.3.3 | Connaître des techniques (responsive, compatibilité cross-browser) permettant l‘affichage optimal des pages d’un site Web quels que soient les terminaux (p. ex. desktop, mobile). |
| 293.3.4 | Connaître une méthode (p. ex. test, validation) de contrôle des résultats ainsi que son utilisation pour déterminer si les objectifs ont été atteints. |
| 293.3.5 | Connaître des directives de code et des méthodes permettant de vérifier celles-ci (p. ex. validation W3C, utilisation d’un outil, IDE, Linter). |
293.4 Publier un site Web sur un serveur Web. g2 g5
| Connaissance | Texte |
|---|---|
| 293.4.1 | Connaître diverses possibilités de transférer un site Web en local vers un serveur et de le publier. |
| 293.4.2 | Connaître les aspects juridiques et technicosécuritaires devant être pris en compte et respectés pour un site Web (p. ex. droits d’auteur, protection de la personnalité). |
| 293.4.3 | Connaître les dépendances juridiques et technicosécuritaires en relation avec le site géographique du serveur Web (p. ex. protection des données européenne, américaine, suisse). |
Matrice de compétences
| Bande | Compétence | Débutant | Intermédiaire | Avancé | Objectifs |
|---|---|---|---|---|---|
| A1 | Comprendre la conception | Je peux expliquer le but d'un brouillon de conception (ex : wireframe, maquette, prototype cliquable...). | Je peux capturer et expliquer un brouillon de conception (par exemple filaire, maquette, prototype cliquable...). | Je peux remettre en question une ébauche de conception et apporter des améliorations à sa faisabilité. |
293.1
|
| B1 | Comprendre le protocole HTTP | Je peux expliquer le flux d'une requête HTTP (requête/réponse) entre le client et le serveur. | Je peux expliquer la structure d'une connexion HTTP (requête/réponse) (par exemple en-tête, corps, valeur clé, cookies, mise en cache). | Je peux analyser le contenu d'une requête HTTP (par exemple avec Hookbin). |
293.1
293.2
|
| C1 | Appliquer les méthodes de requête HTTP | Je peux expliquer les méthodes de requête du protocole HTTP et expliquer les particularités (ex. GET, POST). | Je peux utiliser les méthodes de requête du protocole HTTP (par exemple GET, POST). | Je peux choisir une méthode de requête HTTP avec raison (par exemple POST, GET). |
293.1
293.2
|
| D1 | Prise en charge des outils | Je connais un environnement de développement et je peux l'utiliser. | Je peux utiliser les outils de développement du navigateur. | Je peux utiliser efficacement tous les outils (par exemple, échafaudage, gestionnaire de cache, console, raccourcis clavier). |
293.1
293.2
|
| E1 | Créer un site Web | Je peux expliquer la structure d'un site Web (par exemple, en-tête, corps, pied de page, balises, balises méta). | Je peux créer un site Web de base (par exemple, en-tête, corps, pied de page, balises, balises méta). | Je peux créer le site Web à partir de plusieurs parties (par exemple multipage, modèles, composants). |
293.3
293.2
|
| F1 | Appliquer des formulaires | Je peux expliquer la structure et la fonction d'un formulaire (par exemple les formulaires HTML). | Je peux implémenter un formulaire selon un cahier des charges. | Je peux remettre en question de manière critique la fonction d’un formulaire et y apporter des améliorations. |
293.3
293.2
|
| F2 | Appliquer des formulaires | Je peux expliquer les éléments du formulaire (par exemple, champ de saisie, liste déroulante, sélection). | Je peux appliquer des éléments de formulaire (par exemple champ, liste déroulante, sélection). | Je peux appliquer des éléments de formulaire plus complexes (par exemple une étiquette). |
293.3
293.2
|
| G1 | Appliquer le style et la mise en page | Je peux expliquer à quoi sert une mise en page. | Je peux implémenter une mise en page simple avec HTML. | Je peux analyser une mise en page et suggérer des améliorations. |
293.3
293.2
|
| G2 | Appliquer le style et la mise en page | Je peux expliquer à quoi sert le style. | Je peux implémenter un style cohérent avec CSS. | Je peux créer un site web responsive selon un cahier des charges. |
293.3
293.2
|
| H1 | Valider et améliorer la mise en œuvre | Je peux expliquer les méthodes de vérification et d'amélioration du site Web (par exemple, conventions, validateurs). | Je peux vérifier si les exigences ont été mises en œuvre (par exemple cocher la liste des exigences). | Je peux remettre en question le site Web de manière critique et suggérer des améliorations. |
293.3
|
| H2 | Valider et améliorer la mise en œuvre | Je peux expliquer les méthodes d'amélioration du site Web (par exemple, conventions, outils automatisés). | Je peux utiliser des conventions (par exemple, des directives de codage, des directives de style). | Je peux utiliser des contrôles automatisés (par exemple validateurs, linter). |
293.3
|
| I1 | Publier un site Web | Je peux expliquer le processus de publication d'un site Web. | Je peux publier un site Web (par exemple FTP, SFTP). | Je peux publier un site Web automatiquement (par exemple intégration continue). |
293.4
|
Modules liés par compétences PEC
| Module | Titre | PEC communes |
|---|---|---|
| M223 | Réaliser des applications multi-utilisateurs orientées objets | |
| M294 | Réaliser le front-end d’une application Web interactive | |
| M319 | Concevoir et implémenter des applications | |
| M320 | Programmer orienté objet | |
| M322 | Concevoir et implémenter des interfaces utilisateur | |
| M335 | Réaliser une application pour mobile | |
| M106 | Interroger, traiter et assurer la maintenance des bases de données | |
| M165 | Utiliser des bases de données NoSQL | |
| M183 | Implémenter la sécurité d'une application | |
| M295 | Réaliser le back-end pour des applications | |
| M321 | Programmer des systèmes distribués | |
| M323 | Programmer de manière fonctionnelle |