Formation ReactJS : Développement Web

Public admis

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

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

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

  • Connaître les apports de la bibliothèque React dans le cadre d’un développement JavaScript
  • Savoir coupler React JS avec des modules complémentaires, JSX et ES6
  • Concevoir une application web monopage avec la bibliothèque React et l’architecture Flux
  • Comprendre et maîtriser la notion d’immutabilité pour optimiser les performances des applications mises à jour uniquement lors de changement
  • Comprendre et mesurer les impacts du choix d'une architecture incluant ce type d'application

PLB CONSULTANT


Informatique et Management
Voir la fiche entreprise

Tarif

A partir de 1 950,00 €

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

PLB CONSULTANT


Informatique et Management
Voir la fiche

Tarif

A partir de 1 950,00 €

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

Programme

J1

Introduction à React

Philosophie de React
Les autres Frameworks JavaScript
Environnement de développement
Outils de debug
Travaux pratiquesMise en place de l’environnement de développement
Mise en place pour le début de liens directs vers les fichiers react et react-DOM
Voir la différence avec un import de fichiers optimisés par le web pack

Les nouveautés ECMAScript

Présentation d’ECMAScript
Les nouveautés ES6/ES2015
ES2017 : les fonctions « async »

Premiers développements avec ReactJS

Le composant
Principe et conséquences du Virtual Dom
La fonction render()
'props' et 'state'
Le langage JSX
Travaux pratiquesInitiation à JSX. Définition de la structure de l’application.
Réalisation d’un générateur de formulaires en JSX pour utiliser des class/fonctions réutilisables. L’objectif est de se créer une bibliothèque de composants réutilisables.
J2

Les possibilités de build

Build complet avec webpack
Build managé avec la cli create-react-app
Les différents packages de bootstraping React
Optimisation et construction des fichiers nécessaires à l’affichage complet du site (js, mais aussi images et css)
Comparaison de la version lien dans le html/ la version développement et la version production

Les Composants React

Les composants fonctionnels et de classe
Composition de multiple composants
Cycle de vie d'un Composant de classe
Les Hooks des composants fonctionnels
Gestion des événements click, mouseover...

Styliser ces composants

Les différentes approches pour styliser un composant
La bibliothèque de « styled-components » Emotion

Interaction de l'utilisateur avec les composants

Gestion d'Ajax
Gestion des formulaires
Manipulation du DOM, DOM virtuel
Travaux pratiquesCréation d’un ensemble structuré de composant UI.
Mise en place d’une page qui permet de déclarer des variables et de donner à l’internaute de modifier ces valeurs et de déclencher un nouveau rendu de la page. Nous allons créer une page formulaire avec des données venant d’une api externe et contrôler les valeurs saisies dans le formulaire par l’internaute pour pouvoir envoyer les données du formulaire.
J3

Gestion centralisée des données

Présentation des différentes technologies de gestion (Redux, MobX, context, Recoil etc.)
Présentation de Redux
Le Store et les Actions
Création de Reducteurs pour les Actions
Utilisation avec React

Application monopage avec ReactJS et un module de store de variables

Flux/Redux : présentation. Propagation de données.
Comparaison des architectures.
Création de vues et contrôleurs dans Flux.
Rôle du "Dispacther" store reducer action.
Travaux pratiquesApprendre à manipuler ces stores de données
Créer un projet avec des composants et partager les variables entre eux 
Le store permet de simplifier les changements de données au sein de l’application en centralisant tout à un unique endroit.

Le Router

Les différents Routers
HashRouter ou PushState
Conséquences sur le déploiement

Application isomorphique

Présentation de NodeJS
Principe et bénéfices du développement isomorphique
Découverte du Framework NextJs
Travaux pratiquesPrérendu serveur d’une application.
Créer un projet de plusieurs vues avec tous les éléments vus précédemment
Un mini-site avec plusieurs vues accessibles via les routes 
Différents composants faisant appel à des données venant d’apis et des variables partagées entre certains composants.

Prérequis

Les participants à cette formation ReactJS possèdent obligatoirement de solides connaissances des technologies web (HTML, CSS) et de JavaScript validées à travers le développement de projets web préalables. Ils sont également sensibilisés à la problématique de performance, au cœur de cette formation.

Public

Ce cours ReactJS s’adresse aux développeurs JavaScript recherchant comment faciliter la création d’une application web monopage tout en maintenant un niveau élevé de flexibilité et de performance. Les développeurs concernés possèdent du recul et de l’expérience sur le langage JavaScript et son environnement et sont sensibles au motif d’architecture logicielle MVC.

Ces formations pourraient vous intéresser

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

5 jours (35 heures)

Modes
  • Entreprise
  • Distance
  • Centre

Objectifs de la formation

  • Concevoir un montage photo complexe réunissant plusieurs photos
  • Gérer les différents types de sélection et de détourage dans Photoshop
  • Créer des scripts dans Photoshop
  • Créer un GIF animé
  • Améliorer le work flow
  • Retoucher une photo de type portrait ou paysage
Tarif

A partir de 1 390,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Cette formation Adobe CS6 vous permettra de découvrir et de mettre en oeuvre l'essentiel des possibilités des produits de la suite Adobe CS6. Vous comprendrez pourquoi Photoshop est un standard incontournable pour la gestion des photos, Ilustrator pour le dessin et InDesign pour les mises en page professionnelles. Vous saurez tirer parti de la complémentarité de ces logiciels réunis au sein d'une même suite. Pour découvrir chacun des produits, nous vous proposons une démarche progressive. Dans un premier temps, nous présentons le vocabulaire et les concepts communs à tous les logiciels dans le domaine de la photo ou du dessin. Ensuite, à partir d'une photo que nous allons retravailler, nous commençons à donner vie à notre création. Illustrator va permettre de l'enrichir avec nos propres dessins et d'autres existants. Nous intégrons notre création au sein d'une publication qui ajoutera la dimension texte et mise en page (Indesign). Notre création est prête à être publiée sur le WEB, ou sous forme de newsletter ou encore d'impression papier.

Tarif

A partir de 2 075,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Développement WinDev Mobile

Proposé par ENI Service

Objectifs de la formation

  • Maîtriser les différents éditeurs, écrire et tester des programmes WinDev Mobile, créer de manière ergonomique des écrans au standard Windows, définir une base de données Hyper File mobile performante.
Tarif

Contacter l'organisme

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Expliquer les principes de base d’une plateforme Nutanix
  • Appréhender les exigences et considérations requises lors de la configuration d'un cluster Nutanix
  • Maîtriser l'administration et contrôler les clusters Nutanix à l’aide de la console web Prism
  • Créer, gérer et migrer des machines virtuelles, mettre en œuvre des services de protection des données, et planifier la continuité d'activité
  • Planifier des mises à jour, anticiper les futures exigences, et créer des scenariis pour adresser l'évolutivité des besoins
  • Configurer la sauvegarde, la réplication et la reprise après incident d’un cluster Nutanix
  • Optimiser la configuration et l'exploitation des clusters Nutanix
Tarif

A partir de 3 500,00 €

Durée

4j / 28h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Savoir définir la stratégie éditoriale d'un site Web ;
  • Acquérir la méthodologie pour bien rédiger sur le Web ;
  • Comprendre comment le contenu d'un site Web influe sur son référencement naturel.
Tarif

Contacter l'organisme

Durée

1j / 7h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Utiliser les principales fonctions et les principaux utilitaires de l'iSeries (AS/400).
  • Décrire quels outils de développement d’application sont disponibles
  • Identifier les plateformes où ces outils sont utilisés
  • Décrire le but et l’utilité de chaque outil
  • Créer un profil utilisateur, une librairie, une file d’attente de sortie et un type d’action
  • Décrire les éléments clé de Work Management, la sécurité et les fichiers de dispositif
  • Ecrire une programme basique de Control Language pour exécuter des programmes
  • Définir des fichiers logiques et physiques sur IBM i
  • Créer des fichiers logiques et physiques
  • Utiliser les fonctionnalités de base de LEPX Editor pour entrer et maintenir les fichiers sources
  • Utiliser les fonctionnalités de base de Screen Designer et de Report Designer pour modéliser, créer et maintenir les affichages et les rapports
  • Utiliser Interactive SQL et IBM i Navigator pour créer un schéma, des tables, des vues et des indexes
Tarif

Contacter l'organisme

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation Construire un SI Open Source vous aurez acquis les connaissances et compétences nécessaires pour : 

  • Construire une maquette qui permette de dresser un portrait actuel et global de l’offre Open Source
  • Avoir une vue claire sur les architectures SI Open Source et comment les construire dans une approche "bonnes pratiques" entièrement ou partiellement réalisés avec des briques Open Source
Tarif

A partir de 1 630,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

DevOps : démarches et outils

Proposé par ENI Service

Objectifs de la formation

  • Appréhender les principes et les bénéfices du mouvement DevOps
  • Appréhender les enjeux du DevOps dans une organisation
  • Appréhender les éléments constitutifs d’une usine logicielle DevOps
  • Identifier les principaux outils de gestion de configuration
  • Identifier les étapes de mise en œuvre de la démarche, incluant l’anticipation des risques
Tarif

A partir de 1 690,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

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

  • Avoir une vision complète des fonctionnalités et des cas d’usage de Keycloak
  • Savoir mettre en place le SSO, plus précisément avec OpenID/Connect
  • Être capable d’intégrer Keycloak dans vos applications (web, natif, API Rest, Micro-services)
  • Savoir gérer les politiques d’accès à vos applications dans Keycloak
  • Comprendre les tâches d’administration d’un cluster Keycloak
Tarif

A partir de 1 995,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...