Description
Activités visées :
Activité 1 :Développeur Web front-end
(Création de site Web et conception graphique.)
A partir de la demande spécifique du client, formalisée dans le cahier des charges, il réalise la maquette graphique du site permettant au client de visualiser l'interface fonctionnelle et graphique de la plateforme Web. Le développeur web réalise ensuite l'intégration de la maquette graphique en utilisant du code informatique qui sera interprété par les navigateurs. Il réalise les animations, événements et les différentes interactions avec l'interface utilisateur, il optimise le référencement naturel du site et veille à ce que ce dernier s'adapte à tous les appareils et toutes résolutions. (Smartphones, tablettes, desktop).
Activité 2 : Développeur Web back-end
En s'appuyant sur l'analyse du besoin client et le cahier des fonctionnalités, le développeur Web construit l'application et chacune de ses fonctionnalités en utilisant un ou plusieurs langage de programmation. Il doit dans un premier temps conceptualiser et schématiser chacune des fonctionnalités. Il réalise la modélisation des bases de données. Il configure l'environnement de développement. Il veille à concevoir un programme évolutif et sécurisé. Il veille à optimiser le développement et les différentes requêtes à la base de données pour minimiser la charge imposée au serveur.
Objectif
Développement Web front-end :
- 1a: Analyser un cahier des charges fourni par un client en appréhendant l'activité de l'entreprise et sa cible afin de proposer un site internet adapté.
- 1b: élaborer une analyse du marché et de la concurrence structurée. Consulter les sites concurrent et en tirer des éléments d'inspiration.
- 1c: Argumenter clairement à l'oral auprès d'un donneur d'ordre les différents choix graphiques et ergonomiques d'un projet Web réalisé.
- 1d: Organiser son temps de travail et les ressources à disposition pour développer un site internet en respectant les délais imposés par le client.
- 2a: Réaliser une maquette graphique d'un site internet grâce à un logiciel afin de permettre au client de comprendre, visualiser puis valider l'interface fonctionnelle et graphique de son futur site Web.(Ex: Adobe XD).
- 2b: Organiser et hiérarchiser les calques, dossiers et fichiers de la maquette graphique.
- 2c: effectuer des choix graphiques et colorimétriques pertinents en adéquation avec la cible et la demande du client.
- 2d: Définir des choix ergonomiques pertinents (UI/UX) pour permettre une expérience/interface de navigation efficace et simple d'utilisation.
- 3a: Réaliser une intégration complète d'une maquette graphique avec HTML/CSS/SASS et retranscrire à l'identique cette dernière en site Web.
- 3b: Réaliser l'intégration Web HTML/SASS et CSS "from scratch"(Page blanche) ou utiliser un framework front-end de type Bootstrap/foundation pour réaliser l'intégration.
- 3c: Produire le codage informatique/intégration du site en tenant compte des différentes résolutions et périphériques afin de concevoir un site internet adaptatif sur tous les périphériques et toutes les résolutions. (Smartphone, tablette, desktop).
- 4a: Optimiser le référencement naturel d'un site internet en structurant les pages de façon sémantique, en hiérarchisant les contenus et en respectant les impératifs techniques recommandés par les principaux moteurs de recherche afin de bien positionner le site internet dans ces derniers.
- 4b: Coder en respectant l''indentation, en réalisant la rédaction des commentaires ainsi qu'en respectant les balises sémantiques appropriées afin de rendre le code compréhensif pour les autres développeurs.
- 4c: Corriger les erreurs de codage afin de rendre le site internet valide aux normes W3C.
- 5a: Réaliser les animations, interactions et événements de l'interface en utilisant un langage de programmation (JavaScript, jQuery) afin de faciliter la transmission des informations importantes aux utilisateurs et de faciliter leur expérience de navigation.
- 5b: Utiliser des librairies Javascript/jQuery pour mettre en place des fonctionnalités front-end spécifiques
- 6a: Déployer les fichiers sur le serveur et mettre en ligne le site Web finalisé avec un logiciel de transfert de type "Filezilla".
Développement Web back-end :
- 1a: Comprendre le besoin du donneur d'ordre, lui poser les bonnes questions, préciser les modes de fonctionnement dans l'objectif de décrire des spécifications fonctionnelles pertinentes.
- 1b: Construire un modèle de données cohérents, dans l'objectif de respecter l'adéquation des données et des requêtes afin d'optimiser la charge serveur consommée et les temps de réponses.
- 1c: Schématiser l'ergonomie des fonctionnalités définies, dans l'objectif de rendre l'interface utilisateur simple d'utilisation et efficace.
- 2a: Analyser les données personnelles à récolter afin de détecter les données sensibles et concernées par le RGPD.
- 2b: Mettre en place les fonctionnalités liées à la sécurité des données et aux droits des utilisateurs afin de préparer l'application à la gestion des normes RGPD.
- 3a: Configurer et utiliser un IDE pour faciliter et fiabiliser le développement.
- 3b: Utiliser un outil de gestion des versions (Exemple: GitLab) pour apprendre à travailler collaborativement et efficacement sur un projet au sein d'une équipe de développeurs.
- 3c: Organiser l'arborescence des fichiers dans l'IDE et sur le serveur dans l'objectif de rendre l'application lisible.
- 4a: Concevoir l'application selon le modèle MVC dans l'objectif d'avoir une application facile à maintenir et évolutive.
- 4b : Enrichir l'expérience utilisateur avec le langage Javascript et Ajax.
- 4c: Développer des programmes fiables et maintenables en enrichissant son code de commentaires.et en nommant judicieusement les différents éléments pour faciliter le travail en équipe.
- 4d: Gestion des événementiels avec le langage Javascript et la technologie Ajax.
- 4e: Utilisation de la POO (Programmation orientée objet) et les héritages pour développer des programmes structurés.
- 4f : Utilisation des sessions (connexion par mot de passe, gestion des droits) pour traiter la confidentialité des données.
- 4g: Utilisation du langage SQL pour accéder aux données.
- 4h: Mise en place des principes de sécurité pour empêcher l'injection de code (javascript, HTML, SQL) Protéger l'intégrité des URL et des paramètres envoyés , hashage des mots de passe.
- 4g: Utilisation du langage SQL pour accéder aux données.
- 4h: Mise en place des principes de sécurité pour empêcher l'injection de code (javascript, HTML, SQL) Protéger l'intégrité des URL et des paramètres envoyés , hashage des mots de passe.
- 5a: Mise en ligne de l'application développée.
- 5b: Tester correctement une application (recette) afin de réduire le nombre de bogues et dysfonctionnements.
- 5c: Fiabiliser l'application en corrigeant les bogues et les dysfonctionnements.
Niveau
5 - Savoirs étendus, spécialisés, factuels et théoriques
Date de validité
23/07/2023
Domains
- Informatique et systèmes d'information
NSF
- Programmation, mise en place de logiciels
GFE
Rome
- Études et développement informatique
- Personnel de cuisine
- Organisation d'événementiel
- Création en arts plastiques
- Études et développement informatique
Nom légal | Rôle |
---|---|
THE HACKING PROJECT | Habilitation pour former et organiser l'évaluation |
MGK TELECOM | Habilitation pour former et organiser l'évaluation |
LE REACTEUR | Habilitation pour former et organiser l'évaluation |
JKC CONSULTING | Habilitation pour former et organiser l'évaluation |