Informatique et data
Parcours Développeur front-end React : HTML, CSS, JavaScript, React et TypeScript au Cameroun
Créez des interfaces web modernes, accessibles et responsives, puis une application React connectée à une API.
Destiné aux débutants et aux personnes en reconversion, ce parcours de 4 mois forme au métier de développeur front-end. Vous travaillez l’algorithmique, HTML5 et CSS3 responsive, l’accessibilité, JavaScript moderne, le DOM et les appels d’API, Git, puis React, les bases de TypeScript, les tests et le déploiement. Vous terminez avec une application React connectée à une API, publiée en ligne et visible sur GitHub.
- Durée
- 4 mois · 128 heures
- Niveau
- Débutant
- Format
- Classe virtuelle
Prochaines sessions
Aucune promotion n’est ouverte pour le moment. Inscrivez-vous sur la liste d’attente : nous vous prévenons dès que les dates de la prochaine session sont fixées.
Également disponible
- En classe virtuelle : Cameroun, Centrafrique, Congo, Côte d'Ivoire, France, Gabon, Sénégal, Tchad
La formation au Cameroun
Onarcle propose la formation « Parcours Développeur front-end React : HTML, CSS, JavaScript, React et TypeScript » au Cameroun, en classe virtuelle, en direct avec le formateur. Le programme, les objectifs et la méthode sont les mêmes que pour toutes nos sessions : un formateur praticien, des exercices sur des cas concrets et une attestation de fin de formation Onarcle.
Le prix total au Cameroun est de 165 000 FCFA HT par participant, payable en plusieurs fois. Les inscriptions se font par session : choisissez une promotion ci-dessus ou inscrivez-vous sur la liste d’attente.
Au Cameroun, cette formation s’adresse aux entreprises, aux institutions et aux professionnels, à Douala, à Yaoundé comme dans le reste du pays. Elle peut être suivie en classe virtuelle, en direct avec le formateur, ou organisée dans vos locaux pour un groupe, avec des exemples adaptés à votre secteur.
Présentation
Le développeur front-end construit tout ce que l’utilisateur voit et touche : pages, formulaires, tableaux de bord, parcours d’achat. Son travail se situe à la rencontre du design, de l’ergonomie et du code. Une boutique en ligne qui charge vite sur un téléphone, un espace client bancaire lisible, un formulaire d’ONG utilisable avec un lecteur d’écran : derrière chacun de ces écrans, il y a quelqu’un qui maîtrise HTML, CSS et JavaScript. React est aujourd’hui l’une des bibliothèques les plus utilisées pour bâtir ces interfaces, dans les startups comme dans les grandes entreprises, ce qui en fait une compétence très demandée dans les offres de développeur web.
Le parcours avance par étapes, sans prérequis technique. Les premières séances posent la logique de programmation avec des exercices d’algorithmique. Vous apprenez ensuite à structurer des pages en HTML5 sémantique et à les mettre en forme en CSS3, avec Flexbox, Grid et les requêtes média pour s’adapter à tous les écrans. L’accessibilité est traitée comme une exigence de base, et non comme une option. Vous passez alors à JavaScript moderne, à la manipulation du DOM et aux appels d’API avec fetch et JSON. La seconde moitié est consacrée à React : composants, props, hooks, routage, gestion de l’état, puis TypeScript pour fiabiliser le code, les tests et la mise en ligne.
Vous apprenez en codant. Chaque séance en direct mêle explications courtes, démonstrations et ateliers où vous reproduisez puis adaptez ce qui vient d’être montré. Un projet fil rouge vous accompagne d’un bout à l’autre : vous commencez par l’intégration statique d’une maquette, vous l’animez en JavaScript, puis vous la reconstruisez en React jusqu’à obtenir une véritable application. Tout votre travail est versionné sur GitHub. Le formateur, développeur front-end en activité, examine vos pull requests et commente la structure de vos composants, la qualité de votre CSS et le respect des règles d’accessibilité, comme le ferait un développeur expérimenté dans une équipe.
Le calendrier laisse la place à une vie professionnelle ou étudiante. Vous suivez environ 8 heures de cours en direct par semaine, réparties sur deux soirées de 2 heures et une matinée de 4 heures le samedi, soit environ 128 heures sur quatre mois. Prévoyez en parallèle environ 4 heures par semaine pour vos exercices et l’avancement du projet. Avec 15 participants au maximum par groupe, chacun peut montrer son écran, poser ses questions et obtenir de l’aide sur son propre code. En cas d’absence, vous retrouvez les supports et les exercices de la séance, et le formateur vous accompagne pour combler le retard.
Au terme des quatre mois, vous serez capable d’intégrer une maquette au pixel près, de rendre une interface accessible et responsive, d’écrire une application React organisée en composants réutilisables, de consommer une API, de typer votre code avec TypeScript, de le tester et de le publier sur Vercel, Netlify ou un serveur. Votre projet final, une application React connectée à une API, est présenté devant un jury lors d’une soutenance. Votre profil GitHub et vos projets en ligne forment un portfolio à montrer lors d’un entretien. Une attestation de fin de formation Onarcle vous est remise, ainsi qu’un certificat de réussite Onarcle dès 70 % aux évaluations.
Ensuite, plusieurs suites logiques s’offrent à vous : Next.js pour le rendu côté serveur, React Native pour le mobile, ou une ouverture vers le back-end avec Node.js. Des certifications d’éditeurs ou de fondations techniques sont possibles plus tard et se passent séparément ; ce parcours vous en donne les fondations.
Après le parcours, vous pourrez postuler ou proposer vos services sur des missions comme : développeur front-end junior; développeur React junior; intégrateur web; développeur JavaScript en agence web ou en startup; freelance en création d’interfaces et de sites web.
Objectifs
- Raisonner de façon algorithmique pour résoudre un problème de programmation
- Intégrer une maquette en HTML5 sémantique et CSS3 responsive avec Flexbox et Grid
- Appliquer les règles d’accessibilité numérique aux pages et aux composants
- Programmer en JavaScript moderne et manipuler le DOM
- Consommer une API avec fetch et traiter des données JSON
- Développer une application React avec composants, hooks, routage et gestion d’état
- Typer une application avec les bases de TypeScript
- Tester ses composants et automatiser les vérifications
- Versionner son code avec Git et GitHub et déployer une application sur Vercel, Netlify ou un serveur
Public concerné
- Débutants qui veulent apprendre à créer des interfaces web professionnelles
- Personnes en reconversion venant du graphisme, de la communication ou d’un autre métier
- Webdesigners et intégrateurs qui veulent passer à JavaScript et React
- Étudiants et jeunes diplômés qui souhaitent une spécialisation recherchée en développement web
- Indépendants et porteurs de projet qui veulent réaliser eux-mêmes l’interface de leur produit
Prérequis
Aucune expérience en développement n’est demandée ; une bonne aisance avec l’ordinateur et la navigation sur le web suffit. Il vous faut un ordinateur portable et une connexion internet stable ; vous installerez avec le formateur des outils gratuits : VS Code, Node.js, Git et un navigateur récent (Chrome ou Firefox).
Programme
Semaine 1
Algorithmique et premiers pas en programmation
- Variables, conditions, boucles et fonctions
- Écrire un algorithme avant de coder
- Exercices sur les chaînes, les tableaux et les nombres
- Lire un message d’erreur et déboguer
- Installation de VS Code, Node.js et du navigateur de développement
Semaines 2-3
HTML5 et CSS3 responsive
- Balises sémantiques, titres, listes, liens, images
- Formulaires et types de champs
- Modèle de boîte, positionnement et variables CSS
- Flexbox et Grid pour la mise en page
- Requêtes média et approche mobile first
- Intégration statique de la maquette du projet fil rouge
Semaine 4
Accessibilité numérique
- Principes et critères des règles WCAG
- Contrastes, tailles de texte et navigation au clavier
- Textes alternatifs, libellés de formulaires et attributs ARIA
- Tester avec un lecteur d’écran et l’outil Lighthouse
- Corriger les défauts d’accessibilité du projet
Semaine 5
Git et GitHub
- Commits, historique et bonnes pratiques de messages
- Branches, fusion et gestion des conflits
- Pull requests et revue de code
- Publier un site statique avec GitHub Pages
Semaines 6-7
JavaScript moderne
- let, const, fonctions fléchées, déstructuration, spread
- Tableaux et objets : map, filter, reduce
- Modules ES et organisation du code
- Promesses, async et await
- Gestion des erreurs avec try et catch
Semaine 8
DOM et appels d’API
- Sélectionner et modifier des éléments du DOM
- Événements, délégation et validation de formulaires
- Appels d’API avec fetch et lecture du format JSON
- Afficher des états de chargement et d’erreur
- Stockage local du navigateur (localStorage)
Semaines 9-10
React : composants et hooks
- Créer un projet React avec Vite
- JSX, composants, props et composition
- useState, useEffect et cycle de vie
- Listes, clés et rendu conditionnel
- Formulaires contrôlés
- Reconstruction du projet fil rouge en React
Semaine 11
React : routage et gestion d’état
- Navigation entre pages avec React Router
- Remonter l’état et partager les données
- Context API et useReducer
- Récupération de données d’API dans les composants
- Hooks personnalisés réutilisables
Semaine 12
TypeScript (bases) avec React
- Types primitifs, interfaces et types d’union
- Typer les props, l’état et les événements
- Typer les réponses d’une API
- Migrer progressivement un composant JavaScript vers TypeScript
Semaine 13
Tests front-end
- Pourquoi tester une interface
- Tests unitaires avec Vitest
- Tests de composants avec React Testing Library
- Simuler les appels d’API dans les tests
- Lancer les tests automatiquement avec GitHub Actions
Semaines 14-15
Déploiement et Docker (bases)
- Construire la version de production et optimiser les ressources
- Déployer sur Vercel ou Netlify et gérer les variables d’environnement
- Notions de Docker : image, conteneur, Dockerfile
- Servir une application React dans un conteneur avec Nginx
- Performance et audit Lighthouse avant mise en ligne
Semaine 16
Projet final et soutenance
- Finalisation de l’application React connectée à une API
- Revue d’accessibilité et de performance
- Mise en ligne de la version finale et README
- Préparation de la présentation
- Soutenance devant un jury et retours personnalisés
Méthode pédagogique
Classe virtuelle en direct avec un formateur praticien du métier : environ 8 h de cours par semaine (deux soirées de 2 h et le samedi matin), plus environ 4 h de travail personnel. Groupes de 15 participants maximum. Chaque module alterne démonstrations, exercices corrigés et avancement du projet fil rouge ; vos travaux sont relus et commentés par le formateur. Supports, exercices et corrigés restent accessibles en ligne pendant tout le parcours.
Ce que vous recevez
- Une application React en TypeScript connectée à une API, publiée en ligne
- Une intégration responsive et accessible d’une maquette en HTML et CSS
- Un profil GitHub organisé avec vos projets, leurs README et leurs tests
- Un portfolio en ligne présentant vos réalisations
- Des fiches mémo : CSS Flexbox et Grid, JavaScript moderne, hooks React, Git
- L’attestation de fin de formation Onarcle et, dès 70 %, le certificat de réussite Onarcle
Évaluation et certificat
Évaluation continue (exercices, projet fil rouge, quiz) et soutenance du projet final devant un jury. Attestation de fin de formation Onarcle ; certificat de réussite Onarcle à partir de 70 % aux évaluations. Il ne s'agit ni d'un diplôme d'État ni d'une certification d'éditeur.
Questions fréquentes
Quel est le prix de cette formation au Cameroun ?
Le tarif est de 165 000 FCFA HT par participant au Cameroun. Pour un groupe, une session dans vos locaux ou une demande de financement, contactez-nous : nous vous envoyons un devis en francs CFA.
Peut-on suivre la formation depuis Douala ?
Oui. Depuis Douala, la formation se suit en classe virtuelle, en direct avec le formateur. Les supports sont remis en version téléchargeable.
Peut-on organiser cette formation pour notre équipe au Cameroun ?
Oui. Pour un groupe, nous adaptons les exemples et les exercices à votre secteur et à vos outils, et organisons la session dans vos locaux ou en classe virtuelle, selon vos contraintes au Cameroun.
Quel niveau faut-il pour commencer ?
Aucun niveau en programmation n’est exigé. Le parcours démarre par l’algorithmique et HTML ; la motivation et la régularité comptent davantage que l’expérience.
Comment sont organisés les cours ?
En classe virtuelle en direct, deux soirées de 2 heures et le samedi matin pendant 4 heures, soit environ 8 heures par semaine. Prévoyez environ 4 heures de travail personnel en plus.
Et si je ne peux pas assister à un cours ?
Vous retrouvez les supports et les exercices de la séance, et le formateur vous aide à rattraper. Le projet fil rouge permet aussi de reprendre facilement le fil.
Quel ordinateur faut-il ?
Un ordinateur portable, sous Windows, macOS ou Linux, avec une connexion internet stable. Les outils (VS Code, Node.js, Git) sont gratuits et installés ensemble en début de parcours.
Faut-il savoir dessiner ou être designer ?
Non. Vous travaillez à partir de maquettes fournies et apprenez à les traduire fidèlement en code ; quelques notions d’ergonomie sont abordées au passage.
Combien coûte le parcours et peut-on étaler le paiement ?
Le prix total du parcours est affiché sur cette page ; il comprend les supports, sans frais d’inscription. Le paiement peut se faire en une fois ou en trois fois.
Quel document reçoit-on à la fin ?
Une attestation de fin de formation Onarcle, ainsi qu’un certificat de réussite Onarcle si vous atteignez 70 % aux évaluations. Ce n’est ni un diplôme d’État ni une certification d’éditeur.
Quelles possibilités après la formation ?
Vous pourrez postuler à des postes de développeur front-end ou d’intégrateur, ou proposer vos services en freelance, avec des projets en ligne à montrer. Vous pourrez aussi continuer vers Next.js, React Native ou le back-end.
Peut-on obtenir un financement ?
Pour une demande de financement, contactez-nous : nous vous aidons à préparer le dossier.
Inscription et devis
Réservez une place, demandez un devis ou une session pour vos équipes. Nous vous répondons sous 48 heures ouvrées.
Les noms de logiciels et de marques cités appartiennent à leurs propriétaires respectifs. Onarcle est un organisme de formation indépendant, non affilié à leurs éditeurs ; ce parcours ne délivre pas de certification d'éditeur.