Aller au contenu principal
Afficher le fil d'ariane

PLB CONSULTANT : 4.1. Solutions Open Source - Développement Front End - ReactJS

Organisme

PLB CONSULTANT
3-5 RUE MAURICE RAVEL
92300 LEVALLOIS PERRET
Voir toutes ses formationsAutres organismes proposant cette formation

Durée

21 heures

Modalités

Formation

  • Classe virtuelle
  • Présentiel

Évaluation

Travaux pratiques. Étude de cas. Auto-évaluation en début et en fin de formation.

Prix

Inter
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
1080€ HT / personne
Intra
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
4170€ HT / groupe
4 stagiaires minimum

Public

Cette formation s'adresse à tous les Développeurs JavaScript ayant déjà de l'expérience.

Pré-requis

Posséder des bases solides en HTML5 et CSS3, et avoir suivi une formation JavaScript ou posséder un niveau équivalent. Avoir certaines connaissances d'EcmaScript est également exigé.

Objectifs pédagogiques

Le nouveau framework React, créé par Facebook, s'est rapidement imposé grâce à ses très hautes performances par rapport aux autres frameworks. Cette formation vous apprend comment utiliser ReactJS pour développer et tester des applications web robustes et performantes.  

Concrètement, à l'issue de cette formation, les participants auront acquis les compétences nécessaires pour : 

  • Concevoir une application ReactJS Utiliser JSX et ES2015/2016 ;
  • Comprendre l'immutabilité pour optimiser les performances des composants React Utiliser Redux pour organiser le code de façon très productive ;Utiliser React côté serveur pour le SEO et la vitesse sur mobile.

Programme détaillé

Introduction à React

Ecosystème des frameworks JavaScript

Différentes approches du data-binding

Philosophie de React

Environnement de développement

Outils de debug

 

Premiers développements avec ReactJS

Le composant

Principe et conséquences du Virtual Dom

La fonction render()

'props' et 'state'

Le langage JSX

 

Les possibilités de build

React et la JS Fatigue

Build simple avec npm

Build complet avec webpack

Build managé avec la cli create-react-app

Les différents packages de bootstraping React

 

Les Composants React

Composition de multiple composants

Cycle de vie d'un Composant

Autres aspects majeurs de l'API React

Gestion des événements click, mouseover...

 

Interaction de l'utilisateur avec les composants

Gestion d'Ajax

Gestion des formulaires

Composants purs et 'Container Components'

Manipulation du DOM, DOM virtuel

 

Application avec ReactJS et Redux

Limites de l'approche MVC

Présentation de Redux

Le Store et les Actions

Création de Reducteurs pour les Actions

Utilisation avec React

La fonction connect()

 

Le Router

Les différents Routers

HashRouter ou PushState. Conséquences sur le déploiement

Utilisation avec ou sans CORS

 

Application isomorphique

Présentation de NodeJS

Principe et bénéfices du développement isomorphique

Organisation des routes

 

Introduction à React Native

Positionnement

Différences avec Cordova et Titanium

Intégration d'éléments de style graphique

Plateformes supportées

 

Études de cas

 

Réalisation d’une application de gestion de tâches (Todo List) améliorée, collaborative et temps réel à la Trello.

  • Création, suppression, mise à jour et modification d’une tâche (CRUD)
  • Partage des tâches en équipe, collaboration sur les tâches
  • Gestion de droits de lecture et écriture

 

Réalisation d’une application de réseau social simplifié à la Twitter.

  • Affichage temps réel et mise à jour du flux d’informations
  • Publication, réactions aux messages
  • Ajout / Suppression / modification d’entrée dans l’agenda
  • Détection de collision d’événements
  • Personnalisation du style de l’agenda

Sessions

Filtrer les résultats

6 résultats

Modalités pédagogiques
Formation synchrone se déroulant avec la présence physique du (des) formateur(s) et du (des) apprenant(s) réunis dans un même lieu de formation.
Formation combinant des séquences en présentiel et des séquences à distance synchrones ou asynchrones.
Formation à distance, asynchrone, s’appuyant sur une plateforme d’apprentissage, pouvant être complétée par d’autres modalités de formation à distance (visio-conférence…)
Formation à distance, synchrone, s’appuyant sur un dispositif de visio-conférence. La classe virtuelle recrée à distance les conditions d’une formation en salle traditionnelle.
Type de formation
La formation en Inter est dispensée pour un groupe de salariés d’entreprises différentes.
La formation en Intra est dispensée pour un groupe de salariés d’une seule et même entreprise.
Options
Ces sessions ne peuvent être ni annulées ni reportées par l’organisme de formation.

0 résultat