Maîtrisez la library React.js
Formez-vous à React, la library open-source portée par FacebookCette formation vous propose d’approfondir la création d’interface côté client en JavaScript, à l’aide de React.js, la bibliothèque dont la notoriété n’est plus à prouver. Au-delà de la maîtrise de la library, c’est aussi tout l’écosystème autour du langage que l’on va s’approprier : nouvelles spécifications EcmaScript, outils de build, et tout une série de modules indispensables.
Des composants gourmands croquants !
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.
- Lien rapide pour accéder à la section :Prérequis
- Lien rapide pour accéder à la section :Programme
- Lien rapide pour accéder à la section :Témoignages
- Lien rapide pour accéder à la section :Frais de formation
- Lien rapide pour accéder à la section :Infos pratiques
- Lien rapide pour accéder à la section :FAQ
- Lien rapide pour accéder à la section :Modalités d’accès
- Lien rapide pour accéder à la section :Objectifs pédagogiques
- Lien rapide pour accéder à la section :Inscription
React de fond en comblesOu de “front” en combles, mais là, ça veut rien dire
Entrer dans le coeur duReact
Pendant cette formation, vous allez explorer les moindres recoins de la bibliothèque : le système de composants, les évènements, les cycles de vie, les hooks. On en profitera pour apprivoiser les spécifications récentes du langage JavaScript, la syntaxe JSX ainsi que les outils de build qui permettent d’utiliser ces nouveautés.
S’implanter dansl’écosystème JavaScript
React est une library, pas un framework. Ça fait une seule chose, et ça le fait très bien : créer des composants d’interface. Vous allez donc aussi vous familiariser avec toute une série d’outils et de modules pour aller plus loin : organiser les données, gérer le routing ou encore écrire des tests d’intégration.
Révélerune expertise front-end
Après un mois de formation, vous allez vous lancer dans un périple nouveau : construire un projet en équipe. Aux côtés de développeurs back pouvant maîtriser Node.js ou Symfony, vous aurez l’opportunité d’aiguiser votre expertise front-end dans les conditions du réel.
Pour ceux qui ont de la bouteilleet qui ont toujours soif de connaissances
Une formation destinée aux initiés
La formation React.js s’adresse à des développeurs qui possèdent déjà de bonnes connaissances en JavaScript, notamment la manipulation du DOM et la gestion des événements, ainsi que l’utilisation de Git. Il faut également avoir les bases en back-end et en intégration HTML / CSS. Cela correspond aux compétences que l’on peut obtenir avec les formations Socle développement web ou Socle Fullstack JS.
Pour être admis, suivez le Chemin vers O’clock
Pour être admis à l’école O’clock, il faut passer par le Chemin vers O’clock. Un parcours d’inscription qui testera vos connaissances et votre motivation. Sur ce chemin, vous y retrouverez notamment un quiz d’informatique, de logique et d’anglais, mais qui testera aussi vos compétences en JavaScript. Si jamais tu es en situation de handicap, n’hésite pas à en parler pendant ce chemin. On reviendra vers toi pour t’aider à mettre en place des aménagements possibles afin de répondre au mieux à tes besoins.
Le programme
La spécialisation
C’est parti pour la spécialisation !
Pendant un mois, on se perfectionne exclusivement sur une technologie, on se construit un profil de développeur spécialisé et attractif sur le marché du travail.
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.
- Rappels JavaScript
- Programmation fonctionnelle
- Ecosystème JS, NPM
- Webpack, Babel
- Syntaxe ES2015
- Modules ES2015
- React, ReactDOM et JSX
- React Stateless Component
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.
- React Stateful Component
- React DevTools
- Gestion des événements
- Lifecycles
- Forms, controlled components
- React Hooks
- useState, useEffect
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.
- Pure functions
- Reducers
- Action creators
- Redux DevTools
- React-Redux
- Containers Component
- React-Router
On assemble tous les rouages à travers des projets plus conséquents en s’appuyant sur une architecture avancée et scalable.
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 Mocha.
- Tests, TDD / BDD
- Jest, Enzyme
- Architecture complexe
- Modules utiles
l’Apothéose
C’est l’heure du projet O’clock. L’heure de crier au monde : je suis développeur web !
Pendant tout un mois, les étudiants s’affairent exclusivement à l’élaboration d’un projet dans les conditions du réel 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.
Pour info, vous pouvez découvrir tous les projets des étudiants pendant la “démo des projets”, une soutenance diffusée en direct sur notre chaîne YouTube !
Les prochaines auront lieu les 10 et 13 mars 2023.
En route vers la vie proÇa serait bête de craquer maintenant
On se prépare pour le Titre Professionnel
Un coaching actif pour trouver un emploi
Alors, ça fait quoi d’être développeur ?
Le diplôme en poche et le job décroché, ne croyez pas que l’on va vous laisser filer comme ça : un développeur digne de ce nom se doit de rester aux aguets des nouvelles technos qui fleurissent sur le marché.
Pour cela, la communauté O’clock vous sera toujours ouverte pour vous permettre d’aiguiser vos compétences, d’échanger entre anciens étudiants, mais aussi de transmettre votre expérience aux jeunes pousses qui s’apprêtent à démarrer leur formation !
Et c’est pas fini…
Quand il n’y en a plus, il y en a encore !
Après la formation, nos étudiants auront toujours accès aux replays des cours ainsi qu’aux fiches pédagogiques constamment enrichies de mises à jour et de nouveaux contenus.
Un accès illimité à vie. Rien que ça.
Et nos apprenants réussissent ! En effet, au 19 mai 2022,81% de ceux qui ont passé le titre professionnel l’ont décroché haut la main !
Les étudiants parlent de leur écoleMême nous, on trouve que c’est abusé
Arthur Molinospromo CosmosLa qualité de l’enseignement que j’ai reçu chez O’clock m’a permis d’obtenir par la suite le diplôme de développeur logiciel reconnu par l’état. Un mois et demi plus tard j’étais embauché dans une startup en tant que développeur front-end React dans laquelle je suis actuellement.
Financement de la formationOn sait que c’est la partie que vous attendiez
Pour vous former à React.js,
vous avez deux options :
- Spécialisation React
Un mois de cours
2000€ - Professionnalisation React
Un mois de cours+ Un mois de projet+ Coaching individuel
3100€
Vous avez la possibilité de demander une prise en charge des frais de formations
La formation O’clock est appréciée et reconnue pour sa qualité par de nombreux organismes de financement.
La majorité de nos étudiants réussissent à décrocher un financement partiel ou intégral !
En France, on a la chance de pouvoir compter sur un bon paquet d’aides pour financer sa formation. Mais entre AIF, CPF, CPF-PTP, CIF, 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 étudiants sur ce sujet.
Cette "Team Admissions" comme on a coutume de la nommer, connaît les méandres de la recherche de financement et saura vous guider pour vous proposer le dispositif le plus adapté à votre situation. Mais au-delà de ces considérations pratiques, l’équipe sera toujours avec vous, afin de vous apporter soutien et bons conseils pendant ces démarches qui nécessitent patience et persévérance.
Après avoir gravi le Chemin vers O’clock, vous serez invité sur notre Slack pour échanger avec notre équipe, mais aussi avec toute la communauté d’étudiants. Chacun y présente son expérience, les dispositifs qu’il a mobilisés, ou encore les arguments qui ont fait mouche auprès des organismes.
Mais surtout, vous bénéficierez d’un interlocuteur unique au sein de la Team Admissions, qui sera votre référent tout au long de vos démarches. Celui-ci vous détaillera les différentes formations O’clock, ainsi que les dispositifs d’aide au financement auxquels vous êtes éligibles. C’est aussi votre référent qui s’occupera de monter un dossier pour chaque organisme que vous solliciterez.
Pour info, plus de la moitié de nos étudiants bénéficie d’aides pour financer la formation, ça vaut le coup de tenter.
Halte-là
Ne foncez pas tête baissée vers les organismes financeurs. Au préalable, inscrivez-vous pour gravir le Chemin Vers O'clock. Avec une attestation d'admissibilité et les conseils de votre référent, votre demande de financement sera bien plus crédible et permettra à votre interlocuteur de constater votre grande motivation et le sérieux de l'école O’clock.
Vous êtes dispo ?Parce que nous, oui.
Une formation à temps plein, ça demande de faire de la place sur votre planning.
Voici les dates des prochaines promos :
Lieu
Chez vous.
La formation est en téléprésentiel.
Prérequis
La formation React.js s’adresse à des développeurs qui possèdent déjà de bonnes connaissances en JavaScript, notamment la manipulation du DOM et la gestion des événements, ainsi que l’utilisation de Git.
Diplôme
- Titre Professionnel de Développeur Web et Web Mobile, niveau 5 (bac+2)
Durée
- Spécialisation : 168h
- Projet : 154h
- Coaching : 7h + suivi après la formation
Débouchés
Développeur React.js, mais aussi développeur JavaScript plus largement. Certains de nos étudiants ont été embauchés sur des postes utilisants des technos comme Vue.js, Angular.js, Node.js…
Dernière mise à jour le 21/02/2023
What the faq ?!Cherchez pas, on a réponse à tout
C’est quoi O’clock ? Appuyez sur entrée pour ouvrir la réponse.
O’clock est une école de développement web en téléprésentiel. Chaque matin, du lundi au vendredi, les étudiants se connectent via leur ordinateur personnel à nos salles de classe virtuelles pour assister au cours animé en direct-vidéo par nos formateurs. Échanges en temps réel, suivi individualisé et continu, challenges de l’après-midi pour s’entraîner, évaluations, projets. Le tout, accessible à distance et en chaussons.
Est-ce que Pôle Emploi peut financer ma formation ? Appuyez sur entrée pour ouvrir la réponse.
Oui, notre formation Développeur React est éligible au financement à l’aide individuelle à la formation (AIF). Pour ce faire, il faut passer le Chemin Vers O’clock avec succès. Tu seras ensuite pris en charge par notre Team Admissions qui te concoctera un dossier aux petits oignons que tu pourras transmettre à ton conseiller Pôle Emploi. D’ailleurs, l’AIF peut être cumulée avec d’autres aides et dispositifs de financements, comme le compte personnel formation (CPF).
Quel est l’intérêt de React par rapport à Symfony ou la spécialisation Data ? Appuyez sur entrée pour ouvrir la réponse.
L’école O’clock propose des formations pour se spécialiser : React, Symfony, et Data. Vous le saviez peut-être, mais nous, on aime bien répéter. Ces quatres domaines sont bien différents : alors que la data est le travail autour des données, Symfony est un framework back-end et React.js est une library front-end. Qui dit library, dit beaucoup de liberté et la nécessité de s’entourer de toute une série d’outils de l’écosystème.
Contrairement à Symfony, apprendre et travailler avec React requiert donc un esprit d’adaptation et une bonne dose de curiosité. C’est une technologie qui s’est imposée comme une des références dans la communauté JavaScript. Elle est notamment très utilisée dans le monde des start-ups.
Faut-il être présent à temps-plein dans cette formation ? Appuyez sur entrée pour ouvrir la réponse.
Les formations O’clock nécessitent une pleine et entière disponibilité des étudiants. Les cours ont lieu du lundi au vendredi, de 9h à 17h. C’est ce qui fait toute l’efficacité de la formation : cours en direct, rigueur et horaires cadrés, le tout à distance. D’ailleurs, quand on parle de rigueur, ce n’est pas un mot en l’air : chaque formateur prendra le soin de contrôler si chaque étudiant est bien présent tous les matins. On plaisante, on plaisante, mais le dev, c’est sérieux.
J’aimerais suivre votre formation mais je travaille. Est-ce que je peux faire les deux en même temps ? Appuyez sur entrée pour ouvrir la réponse.
Ça va être compliqué. Comme on le dit à la question du dessus, notre formation nécessite la présence à temps plein des étudiants.
Concernant le matos et la connexion, j’ai besoin de quoi ? Appuyez sur entrée pour ouvrir la réponse.
Pour suivre la formation dans de bonnes conditions, il faut un débit minimum de 5 Mbps. Quant à votre ordinateur, il n’est pas nécessaire d’avoir une machine de guerre. Si vous avez machine assez récente, ça devrait le faire. Dans le détail : un processeur disposant de 4 cœurs physiques (i5 ou i3 récent, ainsi que tous les processeurs AMD Ryzen) sera nécessaire. Concernant la RAM : 8 Go suffisent. Mais si vous avez plus, c’est toujours mieux. Pour le reste, un micro-casque et une configuration double écran sont de rigueur. D’ailleurs, l’école peut aider à financer le matériel requis pour les étudiants qui ont des difficultés pour s’équiper.
Comment on accède à la salle virtuelle ? Appuyez sur entrée pour ouvrir la réponse.
Un magicien ne dévoile pas ses secrets. Mais comme on n’est pas magicien, cette phrase ne sert à rien. Chaque étudiant nous rejoindra sur notre salle de classe virtuelle via son navigateur, tout simplement.
Qui sont les formateurs chez O’clock ? Appuyez sur entrée pour ouvrir la réponse.
La pédagogie, c’est un métier, pas un hobby ; nous pensons qu’il est crucial pour la qualité de nos formations d’avoir des personnes rompus à l’exercice. La plupart de nos formateurs ont plus de 10 ans d’expérience en développement web, et étaient auparavant développeur, lead dev, CTO ou freelance. Pour beaucoup, s’acheminer vers une carrière de formateur est une vocation, un aboutissement. Car être développeur, c’est avant tout apprendre, tous les jours et pendant des années. Quoi de plus naturel qu’avoir envie de transmettre à son tour ? Ouais, nous aussi on a le droit de poser des questions. C’est notre What The FAQ ?! après tout.
Et quand est-ce que je peux commencer ? Appuyez sur entrée pour ouvrir la réponse.
Pour connaître les dates des prochaines sessions de formation, rendez-vous dans la section “Infos pratiques”, juste au-dessus.
Pour nous rejoindre, il faut d’abord être admissible. Pour cela, tu peux t’inscrire dès maintenant pour passer le Rituel d’Initiation. On reviendra vers toi sous 2 jours ouvrés, le temps de corriger ton test. Si tu passes celui-ci avec succès, direction l’étape suivante : le Confessionnal !
Tu auras une réponse de l’équipe Admissions sous 10 jours ouvrés maximum. Si tu as arpenté le Chemin vers O’clock avec succès, alors tu pourras te positionner sur une de nos prochaines promotions.
Si tu t’autofinances, tu pourras alors intégrer une promotion rapidement ! Si tu fais appel à un organisme de financement, il faudra te plier à son délai. Pour tout ça, ton référent Admissions t’accompagnera lors de chaque étape 🤓
J’ai un handicap, est-ce que je peux suivre la formation ? Appuyez sur entrée pour ouvrir la réponse.
L’avantage du téléprésentiel, c’est que tu peux suivre notre formation de chez toi, dans les meilleures conditions, sans avoir à te déplacer.
Quelque soit ton handicap, n’hésite pas à nous en parler dès ton Chemin vers O’clock, dans ton Confessionnal, par exemple. L’École O’clock reviendra vers toi pour t’aider à mettre en place des aménagements possibles afin de préparer au mieux ton entrée en formation. Nous pourrons aussi t’orienter vers des prestataires extérieurs si c’est nécessaire.
Aussi, quand tu seras étudiant, tu pourras bénéficier de l’accompagnement personnalisé de nos Chargé de Parcours Apprenants.Comment constater les progrès que l’on fait ? Il y a des évaluations ? Appuyez sur entrée pour ouvrir la réponse.
Si vous avez peur de manquer d’exercices, on va vous rassurer tout de suite, vous n’allez pas chômer.
Après chaque nouvelle notion, il y a aura des exercices pour pratiquer. Et comme tu es là pour apprendre à bien apprendre, il y aura aussi des exercices sur des notions qui n’auront pas encore été vues en cours ! De quoi tester tes acquis en continuant de les faire évoluer.
Aussi, chaque partie “clé” du programme est ponctuée par une évaluation plus conséquente, histoire de faire le point sur le niveau des étudiants. Ces parcours d’évaluations prennent la forme de projets, à réaliser seul ou en groupe, selon les consignes. La progression de l’étudiant fait l’objet de bilans envoyés à l’étudiant tout au long de la formation.Quelles sont les compétences dont je pourrais attester ? Appuyez sur entrée pour ouvrir la réponse.
Tu seras capable de :- Comprendre la programmation fonctionnelle et déclarative
- Savoir utiliser un pré-processeur CSS (SASS)
- Connaître les normes ecmascript et ses versions
- Connaître les outils du développeur React (Webpack, Babel, ESlint, Yarn, NPM)
- Savoir s’organiser en composants avec React
- Savoir faire le rendu d’éléments React dans le DOM avec ReactDOM
- Savoir paramétrer ses composants avec des props
- Maitriser le concept de State
- Comprendre les Lifecycles
- Savoir utiliser les hooks React d’état et d’effet
- Savoir utiliser un router dans React
- Savoir consommer une REST API dans React
- Connaître les risques de sécurité et leurs parades dans un projet React
- Comprendre le rôle d’un Store
- Savoir utiliser Redux et React-Redux
- Comprendre un système d’authentification
- Comprendre l’intérêt des tests logiciels et savoir implémenter des tests unitaires
- Comprendre comment générer un code de production et le déployer
Et ça marche votre truc ? Appuyez sur entrée pour ouvrir la réponse.
On pense ne pas trop se mouiller en disant que oui, ça marche. Si vous préférez les mots aux chiffres, allez faire un tour sur notre blog pour découvrir les témoignages des étudiants ou sur Trustpilot pour y lire quelques avis.J’ai une question qui a un rapport un peu indirect avec React : pour vous, les sushis c’est sauce salée ou sucrée ? Appuyez sur entrée pour ouvrir la réponse.
Salée, toujours.