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

Formation TYPO3

Proposé par Sparks

Objectifs de la formation

  • Gérer le contenu d'un site et l'administrer avec Typo3
  • Ajouter, supprimer et modifier des pages et des contenus
  • Personnaliser le graphique du site
  • Intégrer avec une base de données simple
  • Administrer les utilisateurs
Tarif

A partir de 1 650,00 €

Durée

3 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Décrire un scénario de test.
  • Savoir utiliser les outils appropriés pour chaque catégories de tests.
  • Analyser les résultats de test et savoir corriger en temps et en heure.
  • Utiliser un référentiel de tests et paramétrer des liens vers des outils connexes, pour automatiser une campagne de test,
  • Faire une analyse statique de code et de couverture de tests et l'intégrer dans une chaîne de fabrication logicielle,
  • Mettre en place un serveur d'intégration continue,
  • Mettre en œuvre une automatisation de tests fonctionnels Web avec Selenium,
  • Automatiser les tests de performance, avec mise en place d'un test de détermination du seuil de déni de service.
Tarif

Contacter l'organisme

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

À l'issue de cette formation Veritas NetBackup vous aurez acquis les connaissances et compétences nécessaires pour :

  • Describe the functions of the Primary/Master server, media servers, and clients
  • Describe how NetBackup backs up and restores data
  • Use the NetBackup Administration Console, Web User Interface, and OpsCenter
  • Configure and manage NetBackup security certificates
  • Configure, manage, and Monitor BasicDisk and AdvancedDisk storage units and storage unit groups
  • Configure file system backup policies and schedules
  • Perform manual backups and user-directed backups
  • Restore files using the Java or Windows BAR interface and OpsCenter Operational Restore
  • Provision storage and configure MSDP
  • Manage NetBackup cloud backups and cloud storage
  • Optimize file system backups with NetBackup Accelerator
  • Backup, restore and protect virtual environments like VMware and Hyper-V
  • Configure Storage Lifecycle Policies (SLPs) and initiate jobs that use SLPs
  • Protect and manage the NetBackup catalog
  • Configure NetBackup WORM protection
  • Optimize NetBackup for performance
  • Generate NetBackup reports in NetBackup, OpsCenter, and APTARE IT Analytics
  • Initiate NetBackup upgrades using VxUpdate
  • Identify and use resources for troubleshooting NetBackup, including the support information gathering tools
Tarif

A partir de 3 500,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Mettre en œuvre les concepts fondamentaux de Rust dans le cadre d'un projet spécifique
  • Intégrer des concepts de programmation avancée tels que les constantes calculées, la réflexion, et la gestion de la mémoire non déplaçable
  • Appliquer les principes de la programmation asynchrone à travers un cas pratique de développement d'application
  • Concevoir des structures de programmation optimisées pour des applications embarquées
  • Identifier et comparer les différentes bibliothèques graphiques disponibles
  • Développer une interface graphique
  • Créer une application web fonctionnelle
Tarif

A partir de 2 800,00 €

Durée

4 jours

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

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

  • Appliquer les notions de sécurité avancées d'un environnement Windows Server
  • Utiliser les différentes méthodes de gestion des risques IT et le management associé
  • Mettre en oeuvre la méthode EBIOS (Expression des Besoins et Identification des Objectifs de Sécurité)
  • Appliquer les mesures de sécurité
  • Gérer les accès privilégiés et le durcissement de l'identité
  • Protéger les accès et les données
  • Sécuriser les échanges
  • Auditer la sécurité
  • Reconnaître les différentes bonnes pratiques.
Tarif

A partir de 3 550,00 €

Durée

5j / 35h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • Appliquer le cadre AWS Well-Architected Framework
  • Gérer plusieurs comptes AWS pour votre organisation
  • Envisager des conceptions d’architecture différentes pour mettre à l’échelle un site Web volumineux
  • Protéger votre infrastructure des attaques par déni de service (DDoS)
Tarif

A partir de 2 390,00 €

Durée

3j / 21h

Modes

Objectifs de la formation

  • Identifier les enjeux de la E-réputation et ses différents acteurs
  • Organiser une veille E-réputation et repérer les outils à actionner
  • Piloter la E-réputation de son entreprise
Tarif

A partir de 1 490,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance
  • Entreprise

Objectifs de la formation

  • Expliquer la culture DevOps
  • Identifier les enjeux et évolutions des Systèmes d’Information
  • Examiner les conflits entre équipes de développement et équipes de production
  • Appliquer les Méthodes Agiles et Méthodes Lean dans la gestion de projets
  • Évaluer les apports du DevOps au niveau business et IT
  • Comprendre comment mettre en œuvre les principes fondamentaux du DevOps
Tarif

A partir de 1 500,00 €

Durée

2 jours

Modes
  • Centre
  • Entreprise
  • Distance

Formation WordPress pour développeur

Proposé par PLB CONSULTANT

Objectifs de la formation

Concrètement, à l'issue de cette formation WordPress Développeur, vous aurez acquis les connaissances et compétences nécessaires pour :

  • Maîtriser les bonnes pratiques de développement PHP liés au CMS WordPress
  • Utiliser les différents outils disponibles sur WordPress
  • Créer des thèmes WordPress à partir de rien
  • Créer un plugin WordPress
Tarif

A partir de 1 650,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • S'approprier les pratiques gagnantes du management individuel.
  • Mettre en place une dynamique d'entretiens individuels ritualisés.
  • S'appuyer sur une méthodologie pour préparer et conduire ses entretiens.
  • Changer de registre managérial et de communication en fonction des situations.
  • Faire de chaque entretien managérial un levier de développement du collaborateur.
Tarif

A partir de 1 030,00 €

Durée

1 jour

Modes
  • Centre
  • Entreprise

Je cherche à faire...