Développement
Développeur d'[nom]
JavaScript React
Mentor individuel · Diplôme de niveau 6 (bac +3/4) *
Réalisez des projets web de A à Z et spécialisez-vous dans l'optimisation des interfaces de vos sites.
PÉRIODE DE FORMATION · DURÉE DE LA FORMATION
12 mois à temps plein · 804 heures supervisées
24 mois en alternance**
La formation demande un investissement en temps estimé à 1608 heures : 804 heures de formation supervisée (projets encadrés par des mentors) et 804 heures de formation guidée (cours et des ressources pédagogiques). En alternance, la durée totale ne comprend pas le temps passé en entreprise.
La période de formation peut être rallongée en cas de formation à temps partiel. La durée est estimée et dépend du niveau d'entrée en formation, de la disponibilité, du temps alloué par semaine et des capacités et rythmes d'apprentissage de l’étudiant.
*Développeur Concepteur Logiciel - code NSF 326, 326t - Diplôme de niveau 6 (bac +3/4) - certification professionnelle enregistrée au Répertoire National des Certifications Professionnelles (RNCP) par décision de France compétences publiée le 20/09/2023
** Vérifiez l’éligibilité du parcours en fonction de votre contrat d’alternance (professionnalisation ou apprentissage).
Formation mise à jour le 11 déc. 2024
Devenez développeur d’[nom] JavaScript React
Réalisez des projets web de A à Z et spécialisez-vous dans l'optimisation des interfaces de vos sites
Le métier de développeur d’[nom] JavaScript React est au cœur de la transformation digitale.
Cet expert technique utilise le framework React, une bibliothèque JavaScript, pour concevoir et mettre en place des [nom] web réactives et performantes. 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.
Les missions types que vous pourrez mener
En tant que développeur d'[nom] JavaScript React, vous aurez l'opportunité de mener des missions passionnantes, par exemple :
Concevoir et développer des interfaces utilisateurs avec React.
Collaborer avec des designers pour traduire des maquettes en [nom]
fonctionnelles.
Optimiser les [nom] pour maximiser leur vitesse et leur efficacité.
Intégrer des données provenant de diverses sources back-end et bases de données.
Assurer la maintenance et la mise à jour des [nom] existantes.
Vous maîtriserez les technologies et les langages techniques les plus demandés :
JavaScript, React, HTML, CSS, API, Git et GitHub, et autres.
Selon une étude de Stack Overflow en 2022, React est l'une des bibliothèques
JavaScript les plus populaires et les plus recherchées par les entreprises. Cela démontre que le métier de développeur d’[nom] JavaScript React est véritablement un métier d'avenir.
Source: Stack Overflow's Developer Survey 2022
Nos formations vous permettent d’apprendre par la pratique
Développeur d'[nom] JavaScript React · 2
Réalisez des projets concrets basés sur des mises en situation professionnelles. Savoir c'est bien, savoir faire c'est mieux !
Vous êtes accompagné par un mentor, professionnel du métier, tout au long de votre formation
« Accompagner les étudiants, en session individuelle, me permet d’adapter l’approche pédagogique à chaque étudiant afin de leur transmettre au mieux les bonnes pratiques du métier de développeur. J’aime les aider à analyser et débugger leur code pour qu’ils arrivent eux-mêmes à une meilleure compréhension de la logique de programmation »
Aurélien ANTONIO, mentor sur le parcours Développeur d’[nom]
JavaScript React depuis 2016
Autonome, mais jamais seul !
Chez OpenClassrooms, vous pourrez compter sur de nombreux soutiens :
Les mentors, experts du domaine.
Les conseillers pédagogiques dédiés à votre réussite.
Une communauté d’étudiants sur Slack.
Vos opportunités de carrière et d’emplois à la suite de ce programme
En suivant notre formation en ligne, vous pourrez exercer de nombreux métiers dont celui de développeur d’[nom] JavaScript React, de développeur front-end, ou aussi de concepteur d'interface utilisateur (UI Designer), ou encore architecte
React.
Vous pourrez exercer ce métier dans différents types de structure : agences web, startups tech, grandes entreprises, équipes de développement en interne, ou en freelance.
Développeur d'[nom] JavaScript React · 3
Les salaires du marché pour le poste de développeur d’[nom] JavaScript
React
Le salaire dépend notamment du niveau d'ancienneté*
40 000 à 45 000€ brut annuel pour un profil débutant
45 000 à 57 000€ brut annuel pour un profil confirmé
Cette fourchette peut toutefois varier selon la taille de l'entreprise et la région.
*[[lien]]
Les évolutions de carrières possibles pour un développeur d’[nom] JavaScript
React incluent des postes tels que lead développeur, ou encore architecte front-end.
Avec l'expérience et la formation continue, certains développeurs peuvent également se diriger vers des rôles de gestion de projet ou de stratégie digitale.
Découvrez les regards croisés de professionnels sur le métier de développeur front-end
Apprenez-en plus sur les codes du métier de développeur d'[nom] front-end à travers l'épisode dédié de notre podcast
Nos alumni racontent
Découvrez le témoignage d'Ilan, étudiant sur le parcours JavaScript React, aujourd’hui développeur indépendant.
Développeur d'[nom] JavaScript React · 4
Les pré-requis pour postuler
Pour accéder directement à la certification, les candidats doivent obligatoirement justifier d'un des pré-requis suivants :
Être titulaire d’une certification professionnelle de niveau 5 (ou équivalent).
Ou
Être titulaire du baccalauréat ou d’une certification professionnelle de niveau 4
(ou équivalent) avec une expérience professionnelle d’au moins 1 an en informatique ou dans le développement web ou dans le développement d’[nom]
Langue : un niveau B2 minimum en français.
Pour tous les candidats, la procédure de sélection s'effectue au travers d'un formulaire de candidature validant les pré-requis académiques ou dérogatoires, ainsi que l'adéquation du projet professionnel avec les objectifs de la formation. Seront collectées via ce formulaire les pièces justificatives constituant le dossier d'admission. Si nécessaire, un entretien individuel de motivation est organisé.
Matériel : Les candidats doivent avoir accès à un ordinateur (PC ou Mac), muni d’un micro, d'un casque, d'une webcam ainsi qu'une bonne connexion Internet pour les séances de mentorat (3.2 Mbps en envoi et 1.8 Mbps en réception de données). De plus, pour mettre en œuvre les compétences, vous devrez :
travailler sur un ordinateur muni au minimum d'un processeur multi-cœurs, de 8
Go de RAM (16 Go étant plus confortable) et de 100 Go d'espace de stockage disponibles ;
être administrateur de votre ordinateur afin de pouvoir installer des programmes complémentaires.
Développeur d'[nom] JavaScript React · 5
Projet 1 - 12 heures
Démarrez votre formation
Développeur JavaScript React
Mettez-vous dans les meilleures conditions pour réussir votre parcours : projetez-vous dans votre formation, définissez votre planning et appropriez-vous les outils essentiels pour apprendre.
Compétences cibles
Définir le cadre de votre formation
Mettre en place un tableau de bord de veille technologique
Cours associés
Comprendre le Web
Facile · 6 heures
Le monde du Web vous intéresse, mais vous n’y connaissez rien ? Vous décrochez quand vous entendez du vocabulaire geek ? Imprégnez-vous de la culture du Web avec ce cours !
Mettez en place un système de veille informationnelle
Facile · 4 heures
Apprenez à faire de la veille pour vous adapter aux évolutions de votre métier et à utiliser des outils de veille informationnelle.
Développeur d'[nom] JavaScript React · 6
Découvrez les métiers de développeur
Facile · 6 heures
Les codeurs, programmeurs, développeurs... Qu'est-ce que c'est ? Découvrez les différents métiers du développement, du Web au mobile, du back-end au front-end. Vous verrez comment vous former et comment évoluer dans le code.
Engagez-vous dans votre formation
OpenClassrooms
Facile · 2 heures
Prenez en main votre parcours OpenClassrooms et réalisez votre premier projet en suivant ce cours conçu pour vous accompagner dans ces premières étapes de formation.
Optimisez votre apprentissage avec l'Intelligence
Artificielle
Facile · 6 heures
Utiliser l’IA en gardant un esprit critique, pour acquérir plus rapidement des compétences, gagner en productivité et mieux organiser votre planning d’apprentissage.
Développeur d'[nom] JavaScript React · 7
Projet 2 - 90 heures
Créez la page d’accueil d’une agence de voyage avec HTML &
CSS.
Démarrez sur HTML et CSS en intégrant la page Web de Booki, une plateforme de réservation de vacances.
Compétences cibles
Intégrer du contenu conformément à une maquette
Implémenter une interface responsive
Cours associés
Mettez en place votre environnement front-end
Facile · 4 heures
Le développement front-end, comme n'importe quel domaine, nécessite plus que du savoir-faire, il faut les bons outils ! Dans ce cours, vous installerez et découvrirez les outils qui vous serviront tout au long de votre carrière de développeur front-end.
Créez votre site web avec HTML5 et CSS3
Facile · 15 heures
Vous rêvez d'apprendre à créer des sites web ? Débutez avec ce cours qui vous enseignera tout ce qu'il faut savoir sur le développement de sites web en HTML5 et CSS3 !
Développeur d'[nom] JavaScript React · 8
Corrigez vos bugs et trouvez une solution à vos problèmes de code
Facile · 4 heures
Apprenez à débugger votre code et à trouver des solutions pour aborder sereinement vos problématiques de code à écrire !
Intégrez une maquette Figma en HTML & CSS
Facile · 4 heures
Intégrez votre propre maquette Figma sur le web en utilisant le HTML et le CSS.
Développeur d'[nom] JavaScript React · 9
Projet 3 - 70 heures
Dynamisez une page web avec des animations CSS
Implémentez la version mobile d'un site de foodtech avec des animations CSS.
Compétences cibles
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
Mettre en place son environnement Front-End
Utiliser un système de gestion de versions pour le suivi du projet et son hébergement
Cours associés
Simplifiez-vous le CSS avec Sass
Moyenne · 6 heures
Apprenez à écrire du code CSS propre, maintenable et modulable dans des fichiers de style .scss avec Sass.
Créez des animations CSS modernes
Moyenne · 15 heures
Vous souhaitez animer votre site web avec des animations CSS
? Ce cours est fait pour vous ! Vous y découvrez notamment les keyframes et les transitions pour créer des sites dynamiques et modernes.
Développeur d'[nom] JavaScript React · 10
Gérez du code avec Git et GitHub
Facile · 6 heures
Installez Git et GitHub et apprenez les commandes de base de Git pour gérer votre code et déployer vos projets de développement.
Apprenez à utiliser la ligne de commande dans un terminal
Facile · 6 heures
Apprenez à écrire des lignes de commandes qui vous permettront de communiquer avec votre ordinateur.
Développeur d'[nom] JavaScript React · 11
Projet 4 - 30 heures
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.
Compétences cibles
Programmer en JavaScript
Cours associés
Apprenez à programmer avec JavaScript
Facile · 12 heures
Maîtrisez les bases de la programmation JavaScript et sa logique de programmation en réalisant un site web dynamique.
Développeur d'[nom] JavaScript React · 12
Projet 5 - 1 heure
Testez vos compétences : les langages du Web
Faites le point sur votre avancée en HTML, CSS et JavaScript avec des exercices interactifs pour vous entraîner.
Compétences cibles
Écrire la syntaxe HTML, CSS et JavaScript
Développeur d'[nom] JavaScript React · 13
Projet 6 - 70 heures
Créez un site accessible pour une plateforme de photographes
Allez plus loin en Javascript avec Fisheye, cette [nom] de photographes freelances. Portez une attention toute particulière au fait de rendre cette [nom]
accessible à tous.
Compétences cibles
Assurer l'accessibilité d'un site web
Développer une [nom] web modulaire avec des design patterns
Ecrire du code JavaScript maintenable
Gérer les évènements d'un site avec JavaScript
Cours associés
Créez des pages web dynamiques avec JavaScript
Moyenne · 12 heures
Manipulez le DOM, rendez votre page web dynamique, utilisez une API HTTP pour interagir avec un service web, et utilisez des librairies pour enrichir votre page web.
Concevez un contenu web accessible
Facile · 6 heures
Découvrez comment les personnes en situation de handicap utilisent les technologies d'assistance. Évaluez les barrières à l'accessibilité numérique et concevez des contenus inclusifs grâce aux règles WCAG, du design visuel aux interactions.
Développeur d'[nom] JavaScript React · 14
Codez un site web accessible avec HTML & CSS
Moyenne · 6 heures
Intégrez les principes d'inclusion numérique à vos développements HTML & CSS avec ARIA, les balises alt, et autres outils pour l'accessibilité. Vous utiliserez les règles
WCAG du W3C.
Utilisez des design patterns en JavaScript
Moyenne · 10 heures
Apprenez à gérer la maintenabilité de votre [nom]
Javascript grâce aux design patterns.
Développeur d'[nom] JavaScript React · 15
Projet 7 - 90 heures
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.
Compétences cibles
Analyser un problème informatique
Développer un algorithme pour résoudre un problème
Cours associés
Découvrez le fonctionnement des algorithmes
Facile · 6 heures
Dans ce cours, apprenez les bases de l'algorithmique :
variables, fonctions, boucles et structures conditionnelles.
Découvrez les principes de la récursivité.
Appliquez les principes du Green IT dans votre entreprise
Facile · 4 heures
Le numérique est loin d’être neutre pour notre planète.
Découvrez les enjeux écologiques du numérique et étudiez plusieurs moyens, comme l'écoconception, vous permettant d’être acteur du Green IT.
Développeur d'[nom] JavaScript React · 16
Projet 8 - 1 heure
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.
Compétences cibles
Écrire la syntaxe JavaScript en utilisant un paradigme de programmation
Développeur d'[nom] JavaScript React · 17
Projet 9 - 60 heures
Débuggez et testez un SaaS RH
L'[nom] 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.
Compétences cibles
Ecrire des tests d'intégration avec JavaScript
Débugger une [nom] web avec le Chrome Debugger
Ecrire des tests unitaires avec JavaScript
Rédiger un plan de test end-to-end manuel
Cours associés
Testez l'interface de votre site
Moyenne · 4 heures
Les tests automatisés permettent de vérifier en continu si votre [nom] fonctionne comme prévu. C'est une aide indispensable pour tous les développeurs frontend professionnels.
Déboguez l’interface de votre site internet
Moyenne · 10 heures
En tant que développeur web, vous êtes amené à rencontrer des bugs lors de la conception de sites internet. Mais comment déboguer un programme ? Dans ce cours, vous apprendrez à utiliser les bons outils et à adopter une méthodologie de débogage efficace.
Développeur d'[nom] JavaScript React · 18
Testez vos [nom] Front End avec JavaScript
Moyenne · 10 heures
Apprenez à implémenter des tests unitaires, d'intégration et end-to-end pour assurer la qualité de votre produit, suivant les différentes phases de son cycle de vie.
Développeur d'[nom] JavaScript React · 19
Projet 10 - 50 heures
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.
Compétences cibles
Créer une maquette pour un client
Identifier les besoins de l'[nom] à partir d'un cahier des charges
Modéliser une solution technique pour un client
Contribuer à un projet en utilisant une méthodologie agile
Cours associés
Initiez-vous à la gestion de projet agile
Facile · 6 heures
Formez votre équipe agile, prenez en compte le besoin des utilisateurs et développez des pratiques agiles comme le Planning Poker, les méthodes Kanban et Lean...
Gérez votre projet informatique facilement
Facile · 4 heures
Gérez un projet informatique de manière professionnelle en utilisant les méthodologies agiles.
Développeur d'[nom] JavaScript React · 20
Réalisez un cahier des charges fonctionnel
Moyenne · 8 heures
Apprenez à recueillir les besoins d'un client, à gérer les différentes parties prenantes, et à appliquer une méthodologie agile pour construire un cahier des charges fonctionnel efficace.
Créez une maquette web avec Figma
Facile · 6 heures
Découvrez comment construire le rendu visuel d'une page web. Dans ce cours, vous dessinerez une mise en page avec papier et crayon d'abord, avant de la créer sur Figma !
Développeur d'[nom] JavaScript React · 21
Projet 11 - 60 heures
Développez une [nom]
Web avec React et React Router
Implémentez le front end de Kasa, une [nom] de location de logements. Mettez en place des composants avec React et les routes de l'[nom] avec React
Router.
Compétences cibles
Créer des composants avec React
Développer les routes d'une [nom] web avec React Router
Initialiser une [nom] web avec un framework
Cours associés
Débutez avec React
Moyenne · 8 heures
Découvrez React.js, la bibliothèque Javascript qui vous permet de créer votre [nom] en composants. Vous verrez les fondamentaux tout en construisant une [nom] web complète avec Create React App !
Créez une [nom] React complète
Moyenne · 12 heures
Allez au-delà des simples [nom] React ! Dans ce cours, nous construirons une Single Page [nom] avec du routing, des hooks personnalisés, et des tests.
Développeur d'[nom] JavaScript React · 22
Projet 12 - 60 heures
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.
Compétences cibles
Développer des éléments graphiques avancés à l'aide de bibliothèques JavaScript
Interagir avec un service Web
Assurer la qualité des données d'une [nom]
Cours associés
Adoptez les API REST pour vos projets web
Facile · 4 heures
Enrichissez vos projets web avec les API REST en accédant à des données qui pourront être intégrées dans vos propres
[nom] Les API apporteront une nouvelle dimension à vos logiciels !
Développeur d'[nom] JavaScript React · 23
Projet 13 - 100 heures
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.
Compétences cibles
S'authentifier à une API
Implémenter un gestionnaire d'état dans une [nom] React
Intéragir avec une API
Modéliser une API
Développeur d'[nom] JavaScript React · 24
Projet 14 - 110 heures
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 !
Compétences cibles
Analyser la performance d'une [nom] web
Déployer une [nom] front-end
Refondre une [nom] pour réduire la dette technique
Mettre en place son environnement Front-End
Produire de la documentation technique pour une [nom]
Cours associés
Écrivez la documentation technique de votre
projet
Moyenne · 6 heures
Documentez votre projet de manière claire et maintenable avec les conventions de nommage, README, ou encore les outils de documentation d'API, ainsi qu'un document d'architecture technique.
Développeur d'[nom] JavaScript React · 25
L'alternance par OpenClassrooms.
Pratique et pratique.
Apprenez où que vous soyez
Pas besoin de déménager pour se former : choisissez une entreprise près de chez vous et formez-vous en ligne
Côté étudiant :
L' alternance à tout âge avec OpenClassrooms
Démarrez une nouvelle carrière avec nos formations en alternance 100% en ligne !
Véritables accélérateurs de carrière, elles sont diplômantes, rémunérées et financées par des entreprises partout en France. Débutez où vous voulez, pendant toute l’année.
La pédagogie et l'expérience OpenClassrooms, les clés de votre réussite
Apprenez où que vous soyez · Un mentor pour vous accompagner
Pas besoin de déménager pour se former : · Bénéficiez chaque semaine des conseils
choisissez une entreprise près de chez · d'un expert du métier qui vous aide à
vous et formez-vous en ligne. · progresser tout au long de votre formation.
Travaillez sur des projets · Un salaire et aucun frais
professionnalisants · L'entreprise paie votre formation et vous
Réalisez des projets concrets, issu de · verse un salaire mensuel, calculé selon
scénarios métiers, directement applicables · votre situations personnelle.
en entreprise.
Côté employeur :
Recrutez et formez les talents de demain avec l'alternance
Recrutez parmi notre base de candidats et formez vos futurs talents sur les métiers en tension grâce à l'alternance.
Accédez gratuitement aux alternants
OpenClassrooms
Découvrez des profils motivés et de · Réalisez vos démarches administratives
qualité · facilement
Trouvez des candidats qui correspondent · Finie la paperasse : nos équipes s'occupent
réellement à vos besoins. · aussi de l'administratif.
Recrutez rapidement grâce à notre base d'alternants.
Dénichez vos futurs talents via votre espace recruteur.
Pourquoi l'alternance
en ligne ?
Les avantages de l’alternance OpenClassrooms sont nombreux : date de début flexible, formations créées par des experts métiers, accompagnement personnalisé, formation financée...
- Un salaire et une formation financée par l'entreprise, qui dit mieux ?
La formation en alternance, c'est 0 frais pour l'étudiant car financée par l'entreprise. Et comme pour toute alternance, vous percevrez un salaire durant votre formation.
- Une formation au plus proche de la réalité du métier
Nos formations sont conçues avec des experts reconnus dans leur domaine, pour répondre aux besoins des entreprises. Elles sont inscrites au Répertoire national des certifications professionnelles (RNCP) et sont reconnues par l'Etat.
- Un rythme d'alternance flexible : pratique pour vous et pour votre entreprise
Votre contrat peut démarrer à tout moment de l'année, plus besoin d'attendre septembre ou janvier ! Le rythme d'alternance prévoit 3 ou 4 jours en entreprise par semaine et les jours de formation peuvent être adaptés.
- En ligne, mais toujours bien accompagné
Parce que se former n'est jamais facile, vous êtes suivi individuellement par un mentor, qui vous aide à progresser.
Notre équipe de conseillers pédagogiques est aussi là pour vous accompagner à chaque étape de votre parcours.
Tout savoir sur les contrats d'alternance
Une question ? Un projet ?
Contacter : [e-mail]
Contrat de professionnalisation
4 jours par semaine (jours au choix) avec présence réduite à 3 jours 1 à 2 fois par mois.
L'entreprise embauche l'étudiant en CDD sur 12 ou 24 mois (selon le parcours de formation).
La formation est financée par un OPCO. OpenClassrooms est référencé dans les principaux OPCO grâce à ses titres certifiés et sa certification Datadock.
L'entreprise fait la démarche de demande de prise en charge auprès de son OPCO. Nos équipes sont présentes à chaque étape pour l'accompagner.
L'étudiant est rémunéré sur une base qui va de 65% à 100% du SMIC (pour un étudiant de plus de 26 ans).
Si l’étudiant a plus de 26 ans et est demandeur d’emploi, France Travail octroie une aide à l’emploi à l’entreprise.
