Développeur d'application - JavaScript React

OpenClassrooms, A distance
Durée
24 mois
Prochaine session
Pour connaître les dates et les tarifs des prochaines sessions, veuillez contacter l'organisme Tout voir
Modalité
À distance
Durée
24 mois
Prochaine session
Pour connaître les dates et les tarifs des prochaines sessions, veuillez contacter l'organisme Tout voir
Modalité
À distance
Get in contact with the provider

Description de la formation

Un(e) développeur(se) JavaScript React (aussi appelé un(e) développeur(se) front-end) 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.

Date de début

1 Formation disponible

Pour connaître les dates et les tarifs des prochaines sessions, veuillez contacter l'organisme

  • À distance
  • A distance

Objectifs visés

  • 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é.

Contenu

PROJET 1 Prenez en main votre formation front-end

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.8 heures. Compétences acquises dans ce projet

  • Définir le cadre de votre formation
  • Mettre en place un tableau de bord de veille technologique

PROJET 2 Transformez une maquette en site web avec HTML & CSS

Démarrez sur HTML et CSS en intégrant la page Web de Booki, une plateforme de réservation de vacances. Développeur d'Application JavaScript - React. 90 heures. Compétences acquises dans ce projet

  • Intégrer du contenu conformément à une maquette
  • Implémenter une interface responsive

PROJET 3 Dynamisez une page web avec des animations CSS

Implémentez la version mobile d'un site de foodtech avec des animations CSS.70 heures. Compétences acquises dans ce projet

  • Mettre en place son environnement Front-End
  • Utiliser un système de gestion de versions pour le suivi du projet et son hébergement
  • Assurer la cohérence graphique d'un site web
  • Mettre en œuvre des effets CSS graphiques avancés
  • 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.30 heures. Compétences acquises dans ce projet

  • Programmer en JavaScript

PROJET 5 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.1 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.70 heures. Compétences acquises dans ce projet

  • Assurer l'accessibilité d'un site web
  • Gérer les évènements d'un site avec JavaScript
  • Développer une application web modulaire avec des design patterns
  • Ecrire du code JavaScript maintenable

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.90 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.1 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.60 heures. Compétences acquises dans ce projet

  • Ecrire des tests unitaires avec JavaScript
  • Débugger une application web avec le Chrome Debugger
  • Rédiger un plan de test end-to-end manuel
  • Ecrire des tests d'intégration avec JavaScript

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.50 heures. Compétences acquises dans ce projet

  • Identifier les besoins de l'application à partir d'un cahier des charges
  • Contribuer à un projet en utilisant une méthodologie agile
  • Modéliser une solution technique pour un client
  • Créer une maquette 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.60 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.60 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.100 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 ! 110 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

Public Cible

Pour tout Public

Prérequis

- Soit être titulaire d’un Bac+2 ou équivalent en informatique ou en développement Web ou en développement d’applications - Soit être titulaire du Bac ou d’une certification professionnelle de niveau 4 avec une expérience professionnelle d’au moins 2 ans en informatique ou en développement web ou développement d’applications - Soit justifier d’une expérience professionnelle d’au moins 3 ans et effectuer les livrables suivants : Apprenez à créer votre site web avec HTML5 et CSS3, Découvrez le fonctionnement des algorithmes, et Gérez du code avec Git et GitHub ainsi qu'un projet personnel de programmation accompagné d’une vidéo enregistrée de 10 minutes expliquant le projet et le code.

Formation qualifiante/diplômante/certifiante?

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

OpenClassrooms
Paris

OpenClassrooms est un acteur majeur de la formation en ligne sur les métiers de l’économie numérique. Leurs programmes 100% en ligne préparent aux métiers en tension en lien avec la transformation numérique  : le développement informatique, les métiers de la...

Apprenez-en plus sur l'organisme et découvrez toutes leurs formations