Développement d'applications web avec ReactJS





Prix inter HT / stagiaire : 1740 €
DESCRIPTION

L'objectif de cette formation est d'initier les participants aux concepts fondamentaux de ReactJS pour le développement d'applications web modernes. Les stagiaires apprendront à créer des composants réutilisables et à gérer l'état de l'application en mettant en place des interfaces utilisateurs dynamiques et réactives, tout en maîtrisant les meilleures pratiques de développement.

Pré-requis :
  • Bases de HTML, CSS, et JavaScript
  • Expérience en développement web recommandée
  Télécharger le plan






DETAILS DE LA FORMATION

  •   Syllabus complet
  • Introduction à ReactJS
    Qu'est-ce que ReactJS ?
    Historique et évolution de React
    Avantages de ReactJS pour le développement web
    ReactJS comparé aux autres frameworks
    Installation et configuration de l'environnement
    Création de votre première application React
    Structure d'un projet React
    Concepts de composants et props
    Outils et ressources pour développeurs
    Travaux pratiques : Créer une application simple avec un composant et des props

    Les états et le cycle de vie des composants
    Qu'est-ce qu'un composant ?
    Comprendre l'état d'un composant
    Utilisation de useState pour gérer l'état
    Cycle de vie des composants : introduction
    Méthodes du cycle de vie et hooks
    Gestion des effets avec useEffect
    Création de Hooks personnalisés
    Gestion de l'état global avec Context API
    Bonnes pratiques avec les Hooks
    Optimisation des performances avec React.memo
    Introduction à la gestion des formulaires
    Travaux pratiques : Formulaire simple, état, Hooks personnalisés

    JSX et rendu conditionnel
    Introduction à JSX
    Syntaxe et règles de JSX
    Rendu conditionnel avec JSX
    Boucles dans JSX
    Intégration de styles en JSX
    Utilisation de fragments
    Travaux pratiques : Mettre en place un rendu conditionnel

    Les composants avancés
    Composants de classe vs composants fonctionnels
    PropTypes et validation des props
    Composants contrôlés vs non contrôlés
    Utilisation de context pour le partage d'état
    Higher Order Components
    Rendre des composants dynamiques
    Gestion des événements dans React
    Travaux pratiques : Créer un composant HOC pour partager des fonctionnalités

    Gestion des routes avec React Router
    Introduction à React Router
    Installation et configuration de React Router
    Définir des routes et des liens
    Routes imbriquées et redirections
    Navigation conditionnelle
    Gestion des paramètres de route
    Créer une page 404 personnalisée
    Travaux pratiques : Créer une application avec plusieurs pages et navigation

    Intégration d'API et gestion des données
    Introduction aux API REST
    Utilisation de fetch pour récupérer des données
    Gestion des erreurs lors des appels API
    Introduction à Axios
    Stockage des données avec useEffect et useState
    Gestion des données asynchrones
    Sécurisation des requêtes API
    Utilisation de la bibliothèque Redux (introduction)
    Travaux pratiques : Consommer une API publique et afficher les données dans l'application

    Introduction à Redux
    Concepts fondamentaux de Redux
    Installation et configuration de Redux
    Création d'un store Redux
    Actions et reducers
    Connexion de Redux avec React
    Utilisation des selectors
    Gestion des effets avec Redux Thunk
    Travaux pratiques : Mettre en place un store Redux pour gérer l'état d'une application

    Tests et débogage
    Importance des tests dans le développement React
    Introduction à Jest
    Écrire des tests pour les composants
    Utiliser de React Testing Library
    Tests d'intégration et tests fonctionnels
    Outils de débogage pour React
    Optimiser les performances
    Travaux pratiques : Écrire des tests pour une application

    Déploiement et bonnes pratiques
    Préparation à la production
    Outils de build et optimisation

  •   Ce qui est inclus
  • + Formateur expérimenté
    + Cours théoriques
    + Exemples et travaux pratiques
    + Slides de présentation
    + Documents PDF récapitulatifs
    + Dépôt GitHub de code source des exemples

  •   Public concerné
  • + Développeurs web
    + Professionnels du web
    + Toute personne intéressée

  •   Certification et évaluation
  • Pendant la formation, des travaux pratiques et études de cas sont proposés. Cette formation ne propose pas encore de certification.



AVANTAGES. TEMOIGNAGES

  • Votre coach Reconvert.
  • Pédagogie orientée pratique.
  • Echanges interactifs.
  • Communautés.

La qualité est excellente, l'enseignant crée un espace de confiance et rend la formation très agréable. J'ai adoré, le professeur et son cours sont très complets. La formation a été facile à comprendre et très dynamique. Le formateur est un excellent professeur.
J. Ruiz
The Moneytizer, Mexico

La formation avec vous était géniale. C'est super intéressant et très formateur. Actuellement je suis chez Micropole, en tant que Cloud & Big Data Engineer. Merci.
A. Chuttoo
Micropole, France

Ces 4 jours ont été enrichissants. Suite à la formation HTML puis CSS, celle de Javascript m'a apporté encore plus de connaissances et de compétences sur le sujet.
J. Salgueiro
The Moneytizer, Brazil



Autres références :

Cliquez sur le logo.


Capgemini Atos Allianz TheMoneytizer CPAM M2iFormation Global Knowledge Ikea Hewlett Packard Ministère de la Défense AKKA Ministère de l'intérieur AFP Enedis Viveris Titeflex Autres




DUREE (H)



Durée : 21 heures.



PRIX. DATES. RESERVER

  •   PRESENTIEL ou CLASSE VIRTUELLE

  • Diffusée en Présentiel ou en Classe Virtuelle, cette formation peut être faite soit en :
    1- inter entreprise : avec des stagiaires de plusieurs entreprises,
    2- intra entreprise : avec des stagiaires qui sont de la même entreprise.

    Quelque soit la formule souhaitée, veuillez réservez un RDV téléphonique avec un conseiller en cliquant ci-dessous.

    Prix inter HT / stagiaire : 1740 €




Autres formations

Python par la pratique
Apprendre par la pratique à programmer en langage Python.

Django : développement web en Python
Apprendre à développer des applications web en Python avec le framework Django.

MYSQL : prise en main et langage SQL
Ecrire et tester du SQL pour les données de votre application web.

PostgreSQL
Apprendre le langage SQL à travers le serveur de bases de données PostgreSQL.

Certification Python TOSA
Se préparer en pratique à passer la certification TOSA Python3.

Scraping Web en Python
Apprendre à extraire des données depuis un site web en utilisant des modules Python.