Développeur Front-End

Réalisez des projets web de A à Z et spécialisez-vous dans l'optimisation des interfaces de vos sites.

À votre rythme
~ 12 mois

Mentor
individuel

Emploi garanti
sous 6 mois

Diplôme niveau 6 (Bac+3/4)

14 projets professionnalisants

Démarrer

Quel est le rôle d’un(e) développeur(se) front-end?

Il ou elle a pour mission de créer des sites dynamiques grâce à un langage de programmation. Son territoire est la partie front-end, c’est à dire le côté visuel du site, à l’inverse du développeur back-end. Pour en savoir plus, vous pouvez suivre le cours Comprendre le Web.

Ses missions sont :

  • Analyser les besoins à partir du cahier des charges défini par le client ou le chef de projet ;
  • Implémenter des mockups avec du code de qualité ;
  • Optimiser le temps de chargement des pages ;
  • Communiquer avec les développeurs back-end pour assurer l’échange d’information dans l’application ;
  • Utiliser les bonnes pratiques pour structurer le code HTML, CSS et Javascript ;
  • Utiliser des frameworks comme React pour construire des applications puissantes et modulaires ;
  • Tester le bon fonctionnement de l’application et corriger le code quand c’est nécessaire ;
  • Assurer le support technique du site et produire une documentation technique et fonctionnelle du site pour le client.

Développeur(se) Front-End ? Développeur(se) Logiciel ? Développeur(se) Web ?

En suivant cette formation, vous pourrez travailler en tant que développeur(se) front-end mais aussi Web

Vous pourrez également évoluer rapidement vers d’autres métiers du code utilisant Javascript comme langage de programmation principal. Par exemple, vous pourrez devenir développeur(se) mobile utilisant React Native ou encore développeur(se) back-end avec Node.js.

Pourquoi suivre cette formation?

"Les métiers de développeurs ont connu une croissance énorme ces dernières années. Ils ne sont plus réservés aux entreprises numériques et aux hommes, toutes les entreprises ont désormais besoin de développeurs front-end pour leur site web, leurs outils internes, leurs applications mobiles pour le marketing, etc. Et les femmes sont de plus en plus recherchées dans ce domaine ! C'est un métier en constante évolution et qui offre de nombreux débouchés à des emplois divers, dont certains n'existent même pas encore. Nous sommes fiers de proposer ce parcours de formation, accessible à tous, qui ouvre les portes du métier de développeur front-end.”

Clara Corazza, Responsable de la filière Code  chez OpenClassrooms
Clara Corazza, Responsable de la filière Code chez OpenClassrooms

Cette formation a été créée par notre équipe pédagogique. Notre méthode pédagogique est basée sur la réalisation de projets concrets et l’accompagnement d’un expert métier chaque semaine, votre mentor.

L’idée est simple : pour apprendre efficacement, il est important d’être actif dans son apprentissage. Au sein de ce parcours, cela passe par la réalisation de projets basés sur des scénarios issus du monde professionnel. Votre mission : chercher des solutions, créer vos livrables et les présenter de façon convaincante devant votre mentor ! En plus d’être une façon d’apprendre plus interactive, vous pourrez directement appliquer cette expérience en entreprise.

La formation est composée de projets professionnalisants, à la complexité croissante. Chaque projet vous permettra d’acquérir des compétences spécifiques. 

Les compétences acquises grâce à cette formation

  • Choisir une solution technique adaptée à votre client et travailler en mode Agile ;
  • Créer des sites webs avec HTML et CSS ;
  • Créer des applications web dynamiques avec Javascript et React ;
  • Communiquer avec le back-end de l’application grâce à une API ;
  • Mettre en œuvre des test unitaires et d’intégration et débugger le code ;
  • Résoudre des problèmes techniques avec un langage de programmation et des algorithmes ;
  • Refactoriser du code pour qu’il soit plus moderne et optimisé.

À la fin de cette formation, vous obtiendrez le diplôme Développeur d’application avec la spécialité front end.

Salaire du Développeur front-end

En suivant la formation “Développeur(se) Front-End”, vous pouvez prétendre aux rémunérations suivantes :

  • Débutant(e) : 28 000 € à 35 000 € annuels bruts
  • Expérimenté(e) : 35 000€ à 45 000 € annuels bruts

Ce profil est très recherché, majoritairement en CDI. Vous pourrez exercer en tant que Développeur(se) front-end, mais aussi Développeur(se) web, Lead Développeur(se), ou Développeur(se) Javascript.

Ce parcours peut être effectué en alternance. Plus d'informations.

Evolution professionnelle

En tant que développeur(se) front-end, vous pourrez évoluer de plusieurs manières, notamment :

  • En diversifiant vos compétences techniques pour devenir développeur(se) full-stack, c’est à dire en couvrant à la fois le back end et le front end ;
  • En vous spécialisant sur une technologie en particulier : React dans cette formation mais il en existe plein d’autres !
  • En prenant un rôle plus managérial en tant que Lead Developer ou CTO par exemple.

Pré-requis

Cette formation est accessible à toutes et tous. Voici cependant quelques recommandations :

  • Niveau conseillé : Bac ou équivalent
  • Pour les apprenants étrangers, un niveau de français B1-B2 (utilisateur indépendant) est conseillé pour la réussite de la formation

Accès à un ordinateur (PC ou Mac), muni d’un casque, une webcam et une bonne connexion Internet (3.2 Mbps en envoi et 1.8 Mbps en réception de données). Pour tester la qualité de votre connexion, cliquez sur ce lien.

Votre diplôme

OpenClassrooms est un établissement privé d'enseignement à distance déclaré au rectorat de l'Académie de Paris, délivrant ses propres diplômes ainsi que ceux d'autres partenaires académiques prestigieux.

A l'issue de votre formation et de la validation de vos compétences par un jury organisé par OpenClassrooms, vous pourrez obtenir le certificat « Développeur Front-End ».

Vous pourrez également obtenir ce titre enregistré au Répertoire National des Certifications Professionnelles*, de niveau 6 (Bac+3/4) sur les cadres français et européen des certifications (European Qualifications Framework), à la condition que vous validiez les pré-requis nécessaires pour accéder à la certification.

Si vous avez des questions à propos de son équivalence pour poursuivre vos études, contactez l'université ou école dans laquelle vous voulez continuer après le diplôme.

Si vous avez déjà au moins 1 an d'expérience professionnelle dans ce métier, vous pouvez obtenir plus rapidement ce diplôme grâce à une Validation des Acquis de l'Expérience (VAE).

* Fiche accessible à l'adresse suivante :
https://www.certificationprofessionnelle.fr/recherche/rncp/27099

Votre emploi garanti

L'engagement d'OpenClassrooms, c'est un emploi fait pour vous. Garanti.

Avec le parcours "Développeur Front-End", formez-vous à un nouveau métier passionnant avec des perspectives d'évolution intéressantes.

Vous trouvez un emploi sous 6 mois suivant votre diplôme ou nous vous remboursons votre parcours !

En savoir plus

Trouvez votre financement

Selon votre situation, des financements peuvent prendre en charge une partie ou la totalité de votre parcours.

Voir les financements

Les projets et compétences en détail

projet 1

Prenez en main votre formation front-end

Dans notre monde en perpétuelle évolution, savoir apprendre est plus important que jamais. Prenez une posture d'apprenant actif et autonome afin de réussir ce parcours et votre future carrière.
Durée8 heures
Compétences acquises dans ce projet
  • Élaborer un plan d'apprentissage personnalisé
projet 2

Transformez une maquette en site web

Démarrez sur HTML et CSS en intégrant la page Web de Reservia, une plateforme de réservation de vacances.
Durée70 heures
Compétences acquises dans ce projet
  • Utiliser un système de gestion de versions pour le suivi du projet et son hébergement
  • Intégrer du contenu conformément à une maquette
  • Implémenter une interface responsive
  • Mettre en place son environnement Front-End
projet 3

Dynamisez une page web avec des animations CSS

Implémentez la version mobile d'un site de foodtech avec des animations CSS.
Durée90 heures
Compétences acquises dans ce projet
  • Mettre en œuvre des effets CSS graphiques avancés
  • Assurer la cohérence graphique d'un site web
  • Mettre en place une structure de navigation pour un site web
projet 4

Créez une landing page avec Javascript

Démarrez le Javascript avec le site de GameOn, une entreprise de gaming. Dans ce premier projet de code, vous apprendrez à programmer avec Javascript depuis zéro.
Durée30 heures
Compétences acquises dans ce projet
  • Programmer en JavaScript
projet 5

Testez vos compétences : les languages du Web

Faites le point sur votre avancée en HTML, CSS et JavaScript avec des exercices interactifs pour vous entraîner.
Durée1 heure
Compétences acquises dans ce projet
  • Écrire la syntaxe HTML, CSS et JavaScript
projet 6

Créez un site accessible pour une plateforme de photographes

Allez plus loin en Javascript avec Fisheye, cette application de photographes freelances. Portez une attention toute particulière au fait de rendre cette application accessible à tous.
Durée70 heures
Compétences acquises dans ce projet
  • Assurer l'accessibilité d'un site web
  • Développer une application web modulaire avec des design patterns
  • Ecrire du code JavaScript maintenable
  • Gérer les évènements d'un site avec JavaScript
projet 7

Développez un algorithme de recherche en JavaScript

Implémentez un algorithme de recherche de recettes de cuisines pour le site Les Petits Plats grâce à des outils et méthodes avancées de Javascript ainsi que Bootstrap pour l'interface.
Durée90 heures
Compétences acquises dans ce projet
  • Analyser un problème informatique
  • Développer un algorithme pour résoudre un problème
projet 8

Testez vos compétences : les algorithmes en JavaScript

Faites le point sur votre avancée en JavaScript et l'utilisation des algorithmes avec des exercices interactifs pour être prêts pour les entretiens techniques.
Durée1 heure
Compétences acquises dans ce projet
  • Écrire la syntaxe JavaScript en utilisant un paradigme de programmation
projet 9

Débuggez et testez un SaaS RH

L'application de gestion de notes de frais Billed est pleine de bugs. Corrigez le code et implémentez des tests unitaires et d'intégration pour que ce ne soit plus le cas.
Durée60 heures
Compétences acquises dans ce projet
  • Débugger une application web avec le Chrome Debugger
  • Ecrire des tests d'intégration avec JavaScript
  • Ecrire des tests unitaires avec JavaScript
  • Rédiger un plan de test end-to-end manuel
projet 10

Définissez les besoins pour une app de soutien scolaire

Définissez les besoins pour votre nouveau client, une association de soutien scolaire. Vous utiliserez les outils agiles comme les User Stories.
Durée50 heures
Compétences acquises dans ce projet
  • Contribuer à un projet en utilisant une méthodologie agile
  • Créer une maquette pour un client
  • Identifier les besoins de l'application à partir d'un cahier des charges
  • Modéliser une solution technique pour un client
projet 11

Développez une application Web avec React et React Router

Implémentez le front end de Kasa, une application de location de logements. Mettez en place des composants avec React et les routes de l'application avec React Router.
Durée60 heures
Compétences acquises dans ce projet
  • Créer des composants avec React
  • Développer les routes d'une application web avec React Router
  • Initialiser une application web avec un framework
projet 12

Développez un tableau de bord d'analytics avec React

Intégrez des graphiques et des diagrammes avec React pour SportSee, un tableau de bord d'analytics de sport. Vous utiliserez une API pour récupérer les données.
Durée60 heures
Compétences acquises dans ce projet
  • Assurer la qualité des données d'une application
  • Développer des éléments graphiques avancés à l'aide de bibliothèques JavaScript
  • Interagir avec un service Web
  • Produire de la documentation technique pour une application
projet 13

Utilisez une API pour un compte utilisateur bancaire avec React

Remede Agency a besoin de vous pour compléter le code de leur site. Vous écrirez des appels à l'API REST pour connecter le front au back et vous modéliserez une API.
Durée100 heures
Compétences acquises dans ce projet
  • Implémenter un gestionnaire d'état dans une application React
  • Intéragir avec une API
  • Modéliser une API
  • S'authentifier à une API
projet 14

Faites passer une librairie jQuery vers React

Participez à la conversion de HRnet vers React. Vous allez transformer un plugin jQuery du site en React, vous pourrez même choisir celui que vous voudrez !
Durée110 heures
Compétences acquises dans ce projet
  • Analyser la performance d'une application web
  • Déployer une application front-end
  • Programmer en JavaScript avec la programmation fonctionnelle
  • Refondre une application pour réduire la dette technique
Diplôme
Développeur(euse) d'application

Débutez la carrière de vos rêves

À votre rythme

300 € par mois

Vos avantages :

  • Un diplôme niveau 6 (Bac+3/4)

  • Une session individuelle de mentorat hebdomadaire

  • 14 projets professionnalisants

Nous sommes là pour vous orienter

Notre équipe est à votre disposition pour toute question sur nos formations ou vos projets professionnels.