Maitrisez le développement web avec un framework front

éligible CPF

Description de la certification

Certificat RNCP37805BC03 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 se décompose en 1 activité

  • Développement d’applications à l’aide de framework (Framework front-end ou framework back-end)

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. 

Connaissance du lange de programmation du framework.

Public cible :

Salarié désirant apprendre un framework dans le cadre de sont travail, développeur backend souhaitant connaitre un framework front end. Webmaster souhaitant monter en compétence.

Compétences visées

  • Confronter ses connaissances en développement avec la documentation d’un framework dans le but de s’approprier l’architecture et les fonctionnalités d’un nouveau cadre de travail.
  • Configurer le framework en utilisant un gestionnaire de dépendances afin de préparer l’environnement de développement de l’application.
  • Développer une application évolutive avec un framework afin de disposer d’un environnement de développement standardisé pour l’ensemble du projet.

Taux de réussite à l’examen : NC

Taux d’abandon : 0%

Les activités développement d’une applications web front ou back avec un framework

Développement d’applications à l’aide de framework (Framework front-end ou framework back-end)

-Appropriation d’un nouveau cadre de travail
-Configuration d’un framework et installation de dépendances
-Développement et mise en production

Programme de la formation

Les frameworks front pouvant être abordés au choix :

  • ReactJS
  • VueJS
  • SvelteJS

Les frameworks back end :

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 le référent handicap : yvon.huynh@gmail.com

Information complémentaires

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

Lien vers France Compétence :

Programme de la formation (si ReactJS sur demande pour les autres frameworks)

Introduction à ReactJS et installation de l’environnement de développement

  • présentation de ReactJS, qu’est ce qu’un framework et quand en utiliser un?
  • Installation de NodeJs
  • Création de notre application avec ViteJS
  • Structure d’un projet ReactJs

Concepts de base

  • JSX/TSX Syntaxe et utilisation
  • Composant React
  • La notion de State et de props
  • Cycle de vie d’un composant
  • Syntaxe JSX/TSX, rendu conditionnel

Gestion des événements

  • Gestion des événements dans ReactJS

Création d’une application pour consolider les connaissances apprises (voir encadré)

Routing avec React Router

  • Comment fonctionne react Router
  • configuration d’une route de base
  • navigation entre les pages
  • paramètres de route et routes imbriquées

Formulaires avec ReactJS

  • Gestion de formulaires

Exemple de projet pour le passage en examen de certification

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

Tests et Validation

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é

Retour en haut