s'inscrire
s'inscrire

240.000

Frcfa

FORMATION en Développement Front End, React Js

  • 16 semaines
  • 2jours/semaine
  • 4 heures/Séance

Description

React JS est un langage de programmation proposé par Google à fort potentiel. Conçu dans le but de gérer la partie visible d’une application en interaction directe avec le user, maîtriser ses bases c’est se donner une chance de faire partie des meilleures développeurs de cette génération.

Notre formation à pour but de vous fournir les compétences adéquates en React.Js nécessaires pour faire de vous un développeur tout terrain.

Objectifs

A l’issue de la formation, vous serez capable de :

  • Maîtriser un des frameworks les plus utilisés sur le développement web frontal en acquérant les bonnes pratiques du développement sur ReactJS;
  • Créer des applications évolutives pour le WEB;
  • Création d’applications se connectant à des API serveurs Accélérer la mise en production des applications;
  • Faciliter le travail en équipe et la maintenance des applications;
  • Utiliser les bonnes pratiques pour développer.

Préréquis

Savoir manipuler un environnement de développement;
Manipuler un ordinateur;
Connaître les notions fondamentales de la programmation (Algorithme).

Débouchés

Concepteur d’applications;
Développeur web;
Développeur fullstack.

Programme de cours

  • Semaine 1 : Configuration et composants de base
    • Jour 1:
      • Introduction à React.js, différences avec les frameworks classiques
      • Installation de Node.js et configuration d’un projet avec Create React App
      • Création des premiers composants fonctionnels
      • Atelier: Développement d’une interface de liste d’articles
    • Jour 2:
      • Props, State et gestion des événements
      • Introduction aux Hooks (useState)
      • Atelier pratique: Application de gestion de tâches

 

  • Semaine 2 : Gestion avancée de l’état et des composants
    • Jour 1:
      • Hooks avancés (useEffect, useRef)
      • Cycle de vie des composants
      • Atelier: Application avec mise à jour automatique des données
    • Jour 2:
      • Communication entre composants (props drilling) et Context API
      • Atelier pratique: Application e-commerce avec gestion du panier

 

  • Semaine 3 : Navigation et routing
    • Jour 1:
      • Introduction à React Router
      • Gestion des routes dynamiques et navigation
      • Atelier: Blog avec navigation multi-pages
    • Jour 2:
      • Gestion des erreurs de navigation
      • Atelier pratique: Amélioration de l’application Blog
  • Semaine 4 : Mise en place d’un serveur backend
    • Jour 1:
      • Introduction à Node.js et Express.js
      • Création d’une API REST simple
      • Atelier: Serveur backend pour une application de gestion de produits
    • Jour 2:
      • Middleware Express et gestion des requêtes HTTP
      • Atelier pratique: Gestion des erreurs et middleware personnalisé

 

  • Semaine 5 : Connexion frontend-backend
    • Jour 1:
      • Connexion React.js à une API backend
      • Gestion des appels HTTP avec Axios ou Fetch
      • Atelier: Application complète avec interactions backend
    • Jour 2:
      • Gestion des CORS et sécurisation des requêtes API
      • Atelier pratique: Intégration backend/frontend sécurisé
  • Semaine 6 : Bases de données relationnelles avec Sequelize
    • Jour 1:
      • Introduction à Sequelize et configuration avec PostgreSQL/MySQL
      • Création de modèles et migrations
      • Atelier: Développement d’une base de données pour une application de gestion de produits
    • Jour 2:
      • Requêtes avancées avec Sequelize (relations entre tables)
      • Atelier pratique: Implémentation CRUD complet

 

  • Semaine 7 : Intégration backend-frontend avec base de données
    • Jour 1:
      • Gestion des utilisateurs et authentification JWT
      • Atelier: Système d’authentification pour une application utilisateur
    • Jour 2:
      • Sécurisation des routes backend et gestion des rôles utilisateur
      • Atelier pratique: Application sécurisée avec authentification
  • Semaine 8 : Déploiement sur Heroku ou Vercel
    • Jour 1:
      • Introduction au déploiement d’applications web
      • Déploiement frontend sur Vercel
      • Atelier: Déploiement d’une application React.js
    • Jour 2:
      • Déploiement backend sur Heroku
      • Atelier pratique: Application complète déployée

 

  • Semaine 9 : CI/CD et automatisation des déploiements
    • Jour 1:
      • Configuration de pipelines CI/CD (GitHub Actions)
      • Automatisation des tests et déploiements
      • Atelier: Mise en place d’un pipeline pour une application complète
    • Jour 2:
      • Gestion des secrets et sécurité dans les pipelines
      • Atelier pratique: Déploiement sécurisé d’une application
  • Semaine 10: Principes de sécurité
  • Jour 1:
    • Introduction aux bonnes pratiques de sécurité web
    • Gestion des sessions et cookies sécurisés
    • Atelier pratique: Implémentation d’une protection CSRF
  • Jour 2:
    • Sécurisation des API backend (limitation des requêtes, headers de sécurité)
    • Atelier: Sécurisation complète d’une application existante
  • Semaine 11 à 12 : Analyse et structuration du projet
    • Définition du cahier des charges, choix des technologies
    • Structuration des composants backend et frontend
    • Atelier: Mise en place de l’architecture du projet
  • Semaine 13 à 14 : Développement et optimisation
    • Implémentation des fonctionnalités principales
    • Optimisation des performances frontend et backend
    • Atelier: Test et validation du proje
  • Semaine 15 : Technologies émergentes
  • Jour 1:
    • Introduction aux technologies émergentes (GraphQL, Next.js, WebSockets)
    • Atelier: Implémentation d’une fonctionnalité avancée avec GraphQL
  • Jour 2:
    • Bonnes pratiques pour la maintenance et l’évolution des projets
    • Atelier: Revue critique et suggestions d’amélioration du projet
  • Semaine 16: Clôture
  • Jour 1:
    • Présentation des projets devant le groupe
    • Retour d’expérience des participants
  • Jour 2:
    • Finalisation des livrables et validation de la formation
    • Remise des attestations et bilan général

Prix de la Formation:

240.000 Fr cfa

A Propos

  • Employabilite
  • Certificat
  • Pratique
  • Exercice
  • Modules
  • Jours
  • Heures
  • RAS
  • oui
  • 70%
  • 30%
  • 8 modules
  • 32 jours
  • 128 heures
Linkedin Facebook Whatsapp

Formations

LIens

Entreprise

Contact

Prendre rendez-vous

© 2025 Tous droit réservés.