Formation React.JS

OCLOCK_CUPCAKE.svg

Embarque dans un voyage à travers l’écosystème JavaScript et repousse les limites du développement frontend.

Pour ce faire, on va t’apprendre à créer des interfaces utilisateurs adaptées au web avec React.JS : une bibliothèque open-source portée par Facebook et utilisée par Instagram, Airbnb, Uber ou encore Netflix. Les amoureux de JS vont être sous le charme.

Je m'inscris
OCLOCK_CUPCAKE.svg
Suivez le guide

O'clock on pourrait en parler pendant des heures. On adore écrire de gros pavés pour vous exposer notre vision de la pédagogie. Néanmoins, ce serait cruel de devoir vous farcir toute la page si vous vouliez juste grappiller une info. Alors on profite de ce petit encart pour vous donner des raccourcis

De 1 à 3 mois pour devenir développeur frontend avec React.js

Développer
un savoir faire

À la fin de cette formation, tu seras capable de développer la partie Frontend d’une application web, dans les règles de l’art.

Acquérir
un savoir-être

  • Humilité
  • Débrouillardise
  • Apprendre à apprendre 
  • Adaptation
  • Capacité à résoudre des problèmes
  • Bonne communication
  • Esprit d'équipe

Alors,
voilà le topo :

Lieu

La formation est en téléprésentiel. Donc : Chez nous, depuis chez toi.

Certification

Titre Professionnel Développeur Web et Web Mobile niveau 5 (équivalent à un diplôme bac+2).
80,96%* de ceux qui l’ont passé à nos côtés l’ont décroché haut la main.

Débouchés
  • Développeur React.js
  • Développeur JavaScript
Durée
  • La spécialisation (cours) : 1 mois.
  • La professionnalisation (cours + projets + objectif emploi) : 3 mois
Prérequis
  • Avoir de bonnes connaissances en JavaScript.
  • Savoir manipuler le DOM et la gestion des événements.
  • Être capable d’utiliser Git.
  • Passer le  Chemin vers O’clock. Mais sinon, rien. Diplômé ou pas, bienvenue chez O’clock.
  • Pas de cinquième point.
Prix et financement
  • La spécialisation :  2000 euros. 
  • La professionnalisation : 3 100 euros.
     
  • Toutes nos formations sont éligibles aux dispositifs de financement. 75%* de nos apprenants bénéficient d’un financement partiel ou total de leur formation.

*Pourcentages mis à jour le 16 mai 2023, à 15:52 très exactement.

On aime la précision.

Se spécialiser en React.js, c'est tout un programme.
 

Slide 1 sur 8

Saison 1Sem. 01

Penser React,
pour le comprendre

Avant de se jeter sur React, on se remémore nos connaissances en JavaScript, en approfondissant la programmation fonctionnelle. On attaque ensuite la nouvelle génération du langage ES6+, en découvrant la programmation modulaire via le gestionnaire de paquets NPM et l’outil de build Webpack.

L’objectif de la semaine : poser nos premières lignes de code en React, pour comprendre les avantages de la programmation déclarative par rapport à la programmation impérative

EN BREF :
  • Rappels JavaScript
  • Programmation fonctionnelle
  • Ecosystème JS, NPM
  • Webpack, Babel
  • Syntaxe ES2015
  • Modules ES2015
  • React, ReactDOM et JSX
  • React Stateless Component

Saison 2SEM. 02

Le state,
dans tous ses états.

Nous rentrons dans le vif du sujet, en découvrant la gestion des états et des événements en React. On décortique les cycles de vie des composants, les composants contrôlés, tout en s’acheminant vers une architecture plus complexe.

On découvre les différentes manières d’écrire nos composants. Que ce soit avec une approche orientée objet en classes ou bien en conservant une approche fonctionnelle à l’aide des Hooks de React.
 

EN BREF :
  • React Stateful Component
  • React DevTools
  • Gestion des évènements
  • Lifecycles
  • Forms, controlled components
  • React Hooks
  • useState, useEffect

Saison 3SEM. 03

DES FONCTIONNALITÉS,
QU’ON VA DÉMULTIPLIER.

Plus le code grossit, plus il devient difficile de s’organiser. Pour gérer plus facilement la cohérence de nos applications, nous découvrons Redux, une library très populaire dans l’univers ReactJS.
 

L’objectif de cette semaine est de rajouter de nouvelles fonctionnalités à nos applications, notamment une couche de routing avec React Router, tout en gardant une application cohérente et prédictible grâce à Redux.

EN BREF :
  • Pure functions
  • Reducers
  • Action creators
  • Redux DevTools
  • React-Redux
  • React-Router

Saison 4SEM. 04

TESTER, 
POUR MIEUX DOMPTER.
 

On assemble tous les rouages à travers des projets plus conséquents en s’appuyant sur une architecture avancée et scalable.

En plus de s’intéresser aux mécaniques d’authentification, on s’attaque également aux tests unitaires, nous permettant de créer une application fiable et prête à être mise en ligne. Nous découvrons pour cela le framework de test Jest.

EN BREF :
  • Tests, TDD
  • Jest, Enzyme
  • Authentification
  • Architecture complexe
  • Modules utiles

L’APOTHÉOSESEM. 05-08

TOUS LES CHEMINS MÈNENT À 
L’APOTHÉOSE

C’est l’heure du projet O’clock. L’heure de crier au monde entier : je suis développeur web !

Pendant tout un mois, les apprenants s’affairent exclusivement à l’élaboration d’un projet dans les conditions réelles d’un développeur en entreprise : autonomie sur les tâches qui lui sont confiées, travail en groupe pour les décisions cruciales et respect des deadlines.

Tout un mois de travail permettant d’asseoir définitivement sa légitimité de développeur et d’acquérir une première expérience sur un projet réel. C’est aussi l’occasion de se former sur les bonnes pratiques de qualité web, indispensables à la réalisation d’un projet professionnel.

EN ROUTE VERS LA VIE PRO6e MOIS ET PLUS

AVANCE VERS LE TITRE PROFESSIONNEL

La préparation au Titre Professionnel Développeur Web et Web Mobile démarre dès l’Apothéose. Et oui, ce projet, c’est aussi l’occasion de faire briller tes compétences techniques dans les dossiers que tu présenteras au jury.

Pour chacune des étapes menant au Titre Pro, notre équipe te conseillera, t'accompagnera et te donnera tous les outils nécessaires pour décrocher ce fameux bout de papier tant convoité. Parce que décrocher un certificat équivalent à un bac+2, à l’issue d’une formation de plusieurs mois, ça ne se fait pas en claquant de doigts. 

EN ROUTE VERS LA VIE PRO6e MOIS ET PLUS

OBJECTIF EMPLOI, NOUS VOILÀ.

Qu’est-ce qu’il y a au programme ?

  • Formation aux outils de recherche d’emploi.
  • Travail et mise en valeur des candidatures.
  • Mise en relation avec un réseau d’entreprises partenaires.
  • Conseils avisés sur tes prochains entretiens et sur la négociation de ton contrat.
Tu veux que ce programme
Soit le tien ?

Pour être admis, il ne te reste plus qu’à passer notre Chemin vers O’clock, en t’inscrivant juste ici 👇

JE M’INSCRIS

Et si tu veux connaître les modalités d’accès pour cette formation, on te donne rendez-vous dans notre “What the FAQ”, en bas de page. 
 

Financement de la formation,
la partie que tu attendais.

En France, on a la chance de pouvoir compter sur un bon paquet d’aides pour financer sa formation. Mais entre AIF, CPF, PSE, CSP, FAF, CSP, Transitions Pro, Agefiph ou encore le fameux AXB12¾ (non celui-là, on l’a inventé), ça peut vite ressembler à une jungle. Pour y voir plus clair, on a plus fort que de simples machettes, on a une équipe entièrement dédiée à l’accompagnement des apprenants sur ce sujet. 
 

Je m'inscris

Quand il y en a plus,
il y en a encore !

Après ta formation, la communauté O’clock te sera toujours ouverte, pour te permettre d’aiguiser tes compétences et échanger entre anciens apprenants, avec un accès aux replays de tes cours, ainsi qu’aux fiches pédagogiques constamment enrichies de mises à jour et de nouveaux contenus.
Un accès illimité à vie. Rien que ça.
 

HALTE-LÀ

Ne fonce pas tête baissée vers les organismes financeurs. Au préalable, inscris-toi pour gravir le Chemin Vers O'clock. Avec une attestation d'admissibilité et les conseils de ton référent, ta demande de financement sera bien plus crédible et permettra à ton interlocuteur de constater ta grande motivation et le sérieux de l'école O’clock.

Pour te faire propre avis,
découvre celui des autres

Slide 1 sur 3

“Dans notre promo, on vient tous d'horizons professionnels complètement différents, c'est super enrichissant. On progresse tous ensemble, il y a énormément d'entraide aussi bien technique que morale. Et puis, travailler autant ensemble comme on le fait, je trouve que ça nous prépare bien à la réalité du terrain”

JustinePromo Zeus

“Je voulais une formation encadrée au quotidien, avec un rythme imposé, je ne me voyais pas faire 2 heures par-ci par-là en autodidacte. Et puis, le fait d'être encadré par des professionnels passionnés qui nous transmettaient leur savoir, ça fait toute la différence”

MarionPromo Asgard

“J'ai été recruté parce que l'entreprise à directement vu que j'aimais vraiment ce que je faisais, que je voulais toujours en apprendre plus, en faire plus... Bref, j'étais réellement motivé et prêt à m'adapter. Et ça, je le dois à O'clock. Parce qu'en plus de donner des bases solides, ils m'ont appris à apprendre”

PierrePromo Lunar
OCLOCK_MEGAPHONE.svg
4.6/5 taux de satisfaction

Chez O’clock, on n’est pas bien compliqué : nous sommes heureux si nos apprenants le sont. Et visiblement, ils le sont vraiment beaucoup puisqu’ils nous ont placés école tech la mieux notée sur Trustpilot.

83.43% taux de réussite au Titre RNCP

83,43% de ceux qui ont passé le Titre Professionnel Développeur Web et Web Mobile à nos côtés l’ont décroché haut la main.
 

70% sortie
positive

On tient à être carré : seul l’accès à un emploi ou à une formation supérieure, en lien avec les compétences apprises durant la formation, est comptabilisé.

Je m'inscris
* Taux calculés le 01/08/2023

Sortez les calendriers,
voici les dates de rentrée

  • Automne 2023Dates dévoilées bientôt
SFO O'Clock
chqnger locqlisqtion clqvier
é majusculeAjouter un onglet
Session fenêtres ouvertes O'clockAjouter un onglet

Découvre ta future école.
Avec nos sessions fenêtres ouverte.

On n’a toujours pas de portes, donc on t’ouvre la fenêtre. Si tu veux découvrir nos formations, visiter ta future salle de classe virtuelle et poser un maximum de questions, inscris-toi à notre prochaine session fenêtre ouverte.
OCLOCK_FENETRE.svg

On s'inscrit ?

Tout d'abord, faisons connaissance !

What the faq ?

Cherche pas, on a réponse à tout.
consulter la faq