Maitrisez le développement Front End​

Dernière mise à jour : 20/06/2024 Ajout Changelog

Description de la certification

Certificat RNCP37805BC01 Développement front end d’applications Web, délivrée par WEBECOM, et enregistré par France Compétences, en date du 19/07/2023.

Objectifs de la certification

L’objectif du bloc 1 se décompose en 2 Activités

  • Traduction de la maquette en code interprétable par les différents navigateurs
  • Développement de fonctionnalités front end (navigateur)

Pré-requis

Le prérequis sont identiques à ceux de la certification :
L’inscription à la certification ne fait pas l’objet de pré requis en termes de diplôme ou d’expérience. 

Les critères d’acceptation ne prennent pas en compte le niveau scolaire mais, plutôt, la curiosité, la motivation, le projet professionnel, la rigueur et la logique ainsi que l’attrait auprès des nouvelles technologies. Les bases de l’anglais sont requises. Cette formation est destinée aux candidats les plus curieux et motivés. 

Suite à l’entretien individuel, si ce dernier est concluant, des tests d’aptitudes sont effectués basés sur de la logique, logique avancée, problèmes mathématiques et bases de l’Anglais. 

Compétences visées

  • Utiliser les langages de balisage html et css (avec et sans framework) pour intégrer les maquettes graphiques en utilisant un éditeur de code.
  • Produire l’encodage en tenant compte des différentes contraintes imposées par les différentes résolutions d’écrans et les navigateurs afin d’obtenir un affichage optimisé pour smartphones, tablettes et desktop.
  • Considérer la diversité des publics, notamment en situation de handicap, afin d’améliorer l’expérience utilisateur, en mobilisant les différentes normes d’accessibilité. (Ex: RGAA)
  • Travailler sur une logique d’intégration réutilisable, organisée et synthétique, à des fins de lisibilité et de performances, en utilisant un système de “classes” génériques et fonctionnelles.
  • Travailler le référencement naturel d’un site internet tout au long de sa construction pour optimiser son positionnement en appliquant les recommandations pour les différents moteurs de recherche (hiérarchisation des contenus, sémantique, poids des pages…)
  • Enrichir l’interface de l’application ou du site internet en utilisant le langage JavaScript afin d’apporter à la partie front end de l’interactivité et des animations.
  • Valider les saisies utilisateurs dans les formulaires afin de vérifier l’échange de données entre l’utilisateur et le serveur à l’aide de méthodes de validation adaptées. (ex : expressions régulières)
  • Développer des fonctionnalités mettant en jeu des requêtes asynchrones avec le serveur afin d’apporter de la fluidité et de l’interactivité sans rechargement de page en utilisant des API.
  • Optimiser les temps de développement en utilisant des ressources externes (librairies JavaScript)

Les activités du Développement Front End de sites et applications web

Activité 1

Traduction de la maquette en code interprétable par les différents navigateurs

-intégration web
-responsive design
-normes et accessibilités
-standardisation du code
-référencement naturel

Activité 2

Développement de fonctionnalités front end (navigateur)

-interaction et animations Javascript
-validation de données
-fonctionnalités asynchrones
-implémentation de librairies

Programme de la formation

Programme de Développement Front End et application web

HTML et CSS : Programme de formation HTML et CSS

Javascript Front End :Programme de formation Javascript front end

Titre de la Exemple de projet pour le passage en examen de certificationnotification

Cahier des charges pour développement d l’interface d’une application de Livraison McDonald’s avec React
Objectif
Intégrer l’interface de l’application de livraison a domicile en utilisant React dans un environnement Vite.js en s’appuyant sur les prototypes fournis.
Affichage des produits 
L’affichage des produits sera généré dynamiquement a partir des données d’une API fournie.
Technologies et Outils
Langages de développement
Utilisation de Javascript / React dans un environnement Vite.js
La librairie react-router pour le routage de l’application
Spécifications
Intégration du processus de commande au complet
Intégrer toutes les interactions des utilisateurs (Ex : personnalisation des commandes via
ajout/suppression des éléments, ajustement des quantités et choix des options…)
Intégration de la page de profil de l’utilisateur
Chaque composant doit être testé individuellement, ainsi que la totalité de l’application.
Livrables Attendus
Code Sources
Livraison du code source, proprement documenté et organisé.
Une architecture correcte des composants et des assets
Code déployé et fonctionnel sur le serveur
Wireframe / Zoning
Le découpage schématique des différents composants que vous avez identifié

Comment obtenir cette certification?

Modalités pédagogiques

Les cours se passent en distanciel, accès à la plateforme e-learning, une visio conférence par semaine pour suivre la progression, le formateur est joignable par email, sur le discord, ou par téléphone si besoin.

Modalité d’évaluation

  • Contrôle continu
  • Mises en situation professionnelles

Pour valider cette certification, qui a une valeur dans votre situation professionnelle, en effet elle est reconnu par l’Etat, et atteste de vos nouvelle compétences, il faut obtenir une note supérieure ou égale à 50%
Le calcul de la moyenne des notes est pondéré de la manière suivante:
Contrôle continu:40%
Examens évalués par les jurys: 60%

Accessibilité

Les lieux et modalités de formations sont accessibles aux personnes en situation de handicap.
Les modalités pédagogiques et les modalités d’évaluation peuvent être adaptées en cas de
besoin de compensation du handicap, dans le respect du référentiel de certification.
Pour plus de renseignements, veuillez nous contacter à cette adresse : yvon.huynh@gmail.com

Information complémentaires

  • Durée 250H
  • Délais d’accès 2 semaines
  • Tarif: 2000 euros
  • Méthode pédagogique : Distanciel, présentiel partiel, e-learning, téléprésentiel
  • Déroulé pédagogique

Lien vers France Compétence :

Appelez pour voir comment on peut vous aider

Vous voulez suivre la formation, mais vous ne savez pas par où commencer? ou alors vous ne savez pas les aides auxquelles vous avez droit? On peut vous aider à vous positionner grâce à un test.

demarrez votre carrière de développeur maintenant !

Chez Formapedia, nous détenons la formule pour faire de vous un développeur aguerri grâce à une pédagogie personnalisée et un suivi serré de votre progression.

SUBSCRIBE​

Téléchargez le programme de formation

Cliquez sur le bouton pour télécharger le PDF de la formation “Développeur Fullstack Expertise Front End”