ReactJS - Développement d'applications Web

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Vous familiariser avec la syntaxe et les fonctionnalités ES6
  • Présenter les principes de base du framework ReactJS
  • Expliquer la syntaxe JSX, la définition et l'intérêt des composants
  • Décrire le concept de props (propriétés) et leur utilisation
  • Présenter le fonctionnement de la navigation avec React et le router react-router-dom
  • Présenter les Hooks
  • Gérer les évènements et rendu conditionnel dans le JSX
  • Créer des listes, utiliser des fragments et gérer les formulaires avec React
  • Décrire le concept de Redux
  • Expliquer les perspectives et mettre en oeuvre les bonnes pratiques.

M2I


Un leadership dans le domaine de la formation
Voir la fiche entreprise

Tarif

A partir de 1 830,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

M2I


Un leadership dans le domaine de la formation
Voir la fiche

Tarif

A partir de 1 830,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

Programme

Jour 1 - Matin

Introduction et rappels ES6

  • Outils et IDE (Integrated Development Environment)
  • L'extension du navigateur React Developer Tools
  • Packaging, npm
  • Transpiler ECMAScript
  • Syntaxe ES6 : let, const, classes, interfaces, modules, fonctions arrow
Exemples de travaux pratiques (à titre indicatif)
  • Installation des outils et IDE
  • Rappels sur la syntaxe ES6

Le framework ReactJS

  • Principes de base et comparaison avec les autres frameworks
  • Philosophie "composant"
  • Workflows de développement : from scratch, intégration à une application Web existante, utilisation de Create React App
  • Le DOM virtuel et la réconciliation

Le JSX et les composants

  • Définition d'un élément React
  • Liaison avec le DOM (ReactDOM.render())
  • Syntaxe JSX
  • Les composants : définition et intérêt
  • Composants en mode classe et composants fonctionnels
  • Imbrication de composants
Exemples de travaux pratiques (à titre indicatif)
  • Création d'un composant de base
  • Imbrication de composants

Jour 1 - Après-midi

Les props

  • Définition des props et transmission de données
  • Accéder aux props
  • La props.children
Exemple de travaux pratiques (à titre indicatif)
  • Utilisation des props dans un composant

Le routing et la navigation

  • Construire une SPA (Single Page Application) avec react-router-dom (version 6)
  • Le router, les liens, les routes, le switch
  • Les paramètres d'URL et les navigations imbriquées
Exemples de travaux pratiques (à titre indicatif)
  • Mise en place du routing et navigation dans l'application

Les Hooks

  • Définition et comparaison avec les composants en mode "classe"
  • Hooks d'état (useState) et d'effet (useEffect)
  • Règles des Hooks et custom Hooks
Exemples de travaux pratiques (à titre indicatif)
  • Conversion d'un composant en mode "classe" en composant fonctionnel avec Hooks
  • Gestion des évènements et rendu conditionnel

Jour 2 - Matin

Syntaxe des évènements dans le JSX

  • Gestion des méthodes d'évènement (handlers)
  • Contenu conditionnel et raccourcis (opérateur &&, opérateur ternaire)
Exemples de travaux pratiques (à titre indicatif)
  • Gestion des évènements et rendu conditionnel dans un composant
  • Listes, fragments et formulaires

Listes et raccourcis (map, filter)

  • Les clés (key) et le DOM virtuel
  • Les fragments
  • Etat du composant et composants contrôlés
  • Gestion des formulaires et refs
Exemples de travaux pratiques (à titre indicatif)
  • Création d'une liste avec des données et gestion d'un formulaire

Jour 2 - Après-midi

Immutabilité des variables partagées

  • Problème de la gestion d'état
  • Les actions, les reducers et le store
  • Utilisation avec React (react-redux)
  • Le composant Provider
  • Les containers
  • Introduction à Redux et Zustand
  • Utilisation avec les Hooks useSelector et useDisptach
Exemples de travaux pratiques (à titre indicatif)
  • Intégration de Redux dans l'application
  • Chapitre d'ouverture : perspectives et bonnes pratiques

Jour 3 - Matin

Introduction aux tests unitaires

  • Le framework Jest (setup, teardown, describe, it)
  • La React Testing Library (cleanup, render, fireEvent)

React Native : aperçu et utilisation pour le développement d'applications mobiles

Jour 3 - Après-midi

Server Side Rendering (SSR) : avantages et cas d'utilisation

Bonnes pratiques de développement en React

Examen M2i (en option)

  • Prévoir l'achat de l'examen en supplément
  • L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
  • Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence
  • L'examen n'est pas éligible au CPF, mais permettra néanmoins de valider vos acquis

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation et/ou un examen M2i

Les + de la formation

Un examen M2i permettant de valider vos acquis à l'issue de la formation est disponible sur demande (coût : 120€).

Prérequis

Avoir une très bonne connaissance de JavaScript et de ses aspects avancés.

Public

Développeurs ayant à réaliser des applications Web.

Ces formations pourraient vous intéresser

Objectifs de la formation

Réaliser des applications front-end avec Vue.js
Tarif

A partir de 2 750,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Maîtriser les principales fonctionnalités d'After Effects - Savoir créer et manipuler des compositions pour réaliser des animations destinées au web ou à la vidéo.
Tarif

A partir de 1 125,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Décrire les déploiements Cisco ISE
  • Décrire comment les ensembles de stratégies Cisco ISE sont utilisés pour implémenter l’authentification et l’autorisation
  • Décrire les périphériques d’accès réseau (NAD) tiers, Cisco GeSec® et Easy Connect
  • Configurer l’authentification Web, les processus, le fonctionnement et les services invités
  • Configurer les services de profilage Cisco ISE
  • Décrire les défis, les solutions, les processus et les portails BYOD
  • Décrire la valeur du portail Mes appareils et comment configurer ce portail
  • Configurer l’administration des périphériques TACACS + à l’aide de Cisco ISE
Tarif

A partir de 4 290,00 €

Durée

5j / 35h

Modes

Objectifs de la formation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Tarif

Contacter l'organisme

Durée

3 jours (21 heures)

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Élaborer une politique de commercialisation en ligne (Stratégie d’animation d’un site E-Commerce / E-Business)
  • Animer des communautés et des ventes en ligne (Administrer un site et des réseaux sociaux)
  • Produire des contenus pour le web (Créer des visuels et des vidéos, rédiger des articles, optimiser les mots-clés)
  • Optimiser le référencement d’un site E-Commerce (Rédiger pour les moteurs de recherche et organiser une veille SEO)
  • Piloter un projet E-Commerce (Rédiger un cahier des charges, développer des liens commerciaux)
Tarif

Contacter l'organisme

Durée

60j / 413h

Modes
  • Centre
  • Distance
  • Alternance

Formation JBoss Portal

Proposé par DAWAN

Objectifs de la formation

Construire des applications basées sur JBoss Portal - administrer JBoss Portal
Tarif

A partir de 2 475,00 €

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Fireworks

Proposé par CIT FORMATION INFORMATIQUE

Objectifs de la formation

Toute personne souhaitant enrichir ses sites Web de boutons, pictogrammes, animations, illustrations photos ou graphiques.

À l'issue de la formation, le stagiaire sera capable de :

  • Créer et animer des objets
  • Optimiser un site Web
Tarif

Contacter l'organisme

Durée

2 jour(s)

Modes
  • Entreprise

Objectifs de la formation

  • Comprendre la problématique de la complexité des développements logiciels.
  • Comprendre le bénéfice de l’intégration continue?pour améliorer la qualité des développements.
  • Adopter les bonnes pratiques de rédaction des tests logiciels.
  • Créer et exécuter des tests unitaires avec JUnit.
  • Créer et exécuter des tests d'intégration avec JUnit, HttpUnit et DbUnit.
  • Créer et exécuter des tests fonctionnels sur des applications Web avec la suite d'outils Selenium.
  • Mettre en place une stratégie de campagne de tests automatisés avec JUnit et Selenium.
  • Travailler avec un gestionnaire de code source tel que Git, et adopter les réflexes du travail collaboratif.
  • Utiliser un outil de construction logiciel?tel qu’Apache Maven.
  • Comprendre le rôle des différents outils d’une chaine d’intégration continue.
  • Mettre en place une plateforme d’intégration continue autour de Jenkins.
Tarif

Contacter l'organisme

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Créer et gérer le contenu d'un site Web marchand avec PrestaShop.
Tarif

A partir de 3 100,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Inscrire le lancement de nouveaux produits/services dans la démarche marketing globale
  • Intégrer le processus d’adoption d’un nouveau produit/service par le client final
  • Comprendre la stratégie de développement d’une nouvelle offre
  • Mettre en œuvre le lancement opérationnel d’un nouveau produit/service
Tarif

A partir de 1 550,00 €

Durée

2j / 14h

Modes
  • Entreprise

Je cherche à faire...