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.
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| Sessions | |
| Lieux | Partout en France |
| Tarif |
A partir de 1 830,00 € |
| Durée | 3 jours (21h00) |
| Modes |
|
| 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
Public
Ces formations pourraient vous intéresser
Développeur web et web mobile - Options UX, Adobe XD, HTML, CSS, CMS, Javascript et Bootstrap
Proposé par SHURAFORM - FORMAEREMObjectifs de la formation
Titre professionnel RNCP31114 Bloc 1 Niveau 5 - Bac+2 (BTS)| Tarif |
A partir de 690,00 € |
| Durée |
4j / 32h |
| Modes |
|
Objectifs de la formation
- Respecter les règles et principes de base de la mise en page professionnelle
- Maîtriser les fonctions de base d'InDesign
- Créer un document intégrant texte et illustrations et respectant une charte graphique
- Mettre en œuvre les fonctions avancées d'InDesign
- Intégrer l'utilisation complémentaire des autres outils de PAO
- Préparer un document, pour le prépresse
| Tarif |
A partir de 4 250,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
Comprendre les changements pour l'entreprise et les impacts marketing et commerciaux| Tarif |
A partir de 2 475,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
Découvrir l'utilisation d'un tableur, Créer un tableau, le mettre en forme et appliquer des calculs basiques.| Tarif |
A partir de 850,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Maîtriser la plateforme Java Card pour le développement d'applications embarquées (cartes à puce)| Tarif |
A partir de 1 495,00 € |
| Durée |
2j / 14h |
| Modes |
|
Objectifs de la formation
Maîtriser les fondamentaux de la programmation orientée objet en PHP - Maîtriser les exceptions et PDO| Tarif |
A partir de 2 250,00 € |
| Durée |
5j / 35h |
| Modes |
|
Objectifs de la formation
- Acquérir les bases en ergonomie logicielle
- Être en mesure d'analyser et évaluer la qualité des IHM
- S'approprier les meilleures pratiques de conception d'interfaces utilisateurs
- Réaliser des maquettes modernes pour applications web et natives
| Tarif |
A partir de 2 100,00 € |
| Durée |
3 jours |
| 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 |
|
Objectifs de la formation
- Interpréter les résultats de son site et identifier les leviers de la performance e-commerce
- Faire progresser le trafic qualifié de son site
- Piloter ses taux de transformation dans le temps
| Tarif |
Contacter l'organisme |
| Durée |
2j / 14h |
| Modes |
|
Développer la performance commerciale B to B dans un marché digitalisé - Avec certification
Proposé par M2IObjectifs de la formation
A l'issue de cette formation, vous serez capable de :
- Préparer votre action de prospection avec les techniques du social selling et les méthodes traditionnelles pour identifier la cible professionnelle afin d'optimiser l'efficacité de la démarche commerciale
- Identifier et mobiliser les réseaux sociaux professionnels et les outils traditionnels tels que le téléphone, les visites en présentiel afin d'obtenir plus facilement des rendez-vous et prospecter efficacement
- Conduire une négociation commerciale à distance en donnant immédiatement une image rassurante et professionnelle à vos clients, en pratiquant l'écoute et l'art de faire parler afin de répondre aux besoins, aux questions et aux objections du prospect
- Conclure le processus de vente à distance ou en présentiel, en utilisant les techniques de closing afin de conclure immédiatement la vente
- Mettre en place un suivi régulier de la relation commerciale avec des outils digitaux (CRM, social selling...) afin d'avoir une relation commerciale durable avec vos clients et les fidéliser
- Effectuer le suivi des actions commerciales en utilisant des indicateurs de performance appropriés afin d'analyser l'efficacité des actions mises en place et les objectifs fixés.
| Tarif |
A partir de 4 070,00 € |
| Durée |
5j / 35h |
| Modes |
|
