Aller au contenu principal
Afficher le fil d'ariane

AELION : 06. React JS - Développement d'applications web

Organisme

AELION
95 CHE DE GABARDIE
31200 TOULOUSE
Voir toutes ses formationsAutres organismes proposant cette formation

Durée

21 heures

Modalités

Formation

  • Classe virtuelle
  • Présentiel

Évaluation

Questionnaire d’évaluation des pré-requis avant le stage, de satisfaction en fin de stage, évaluation des acquis en fin de formation. Feuille de présence, attestation de fin de formation.

Prix

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

Public

Développeurs, architectes, chefs de projets…

Pré-requis

Avoir des connaissances pratique du développement Web, maîtrise et pratique de JavaScript (ES5 minimum).

Objectifs pédagogiques

- Connaître les spécificités de ReactJS 

- Savoir développer des applications web performantes avec ReactJS 

- Concevoir une SPA avec ReactJS et Flux 

- Comprendre le subset JavaScript JSX 

- Optimiser les performances des RIA 

- Être en mesure de comprendre les impacts du choix d'une architecture incluant ce type d'application

Programme détaillé

IDENTIFIER LES SPECIFICITES DE REACTJS

  • A l’issue de cette séquence, vous êtes capable d’utiliser les syntaxes de code moderne de Javascript (ES6 et +). Vous identifiez la notion de composant (Web components). Vous comprenez l’intérêt des Framework (notamment de REACT), et les mécanismes qui se cachent derrière ces derniers.
  • Les Single Page Applications
  • Les limites de Javascript et de jQuery
  • Lenteurs du DOM
  • Positionnement de React JS
  • Création une SPA « from scratch en JS »

DEVELOPPER DES APPLICATIONS WEB PERFORMANTES AVEC REACTJS (1/2)

  • A l’issue de cette séquence, vous êtes capable d’installer et de configurer un projet React. Vous savez définir et utiliser les concepts de bases (composants, props, state, etc.).
  • Le composant <HelloWorld>
  • Principe et conséquences du Virtual Dom
  • La fonction render()
  • 'props' et 'state'
  • Composition de multiples composants
  • Cycle de vie d'un Composant

DEVELOPPER DES APPLICATIONS WEB PERFORMANTES AVEC REACTJS (2/2)

  • A l’issue de cette séquence, vous êtes capable d’utiliser les hooks React. Vous êtes capable d’aller plus loin et d'utiliser les formulaires. Vous savez consommer une API avec React en utilisant une librairie comme Axios.
  • Utilisation des Hooks
  • Gestion d'Ajax
  • Gestion des formulaires
  • Ecrire des composants avec des Hooks
  • Consommer une API REST avec Axios
  • Créer un formulaire et traiter ses données

CONCEVOIR UNE SPA AVEC REACTJS ET FLUX

  • A l’issue de cette séquence, vous êtes capable de définir les principes de Flux et Redux. Vous savez utiliser une implémentation simple de Redux.
  • Limites de l'approche MVC
  • Présentation de Flux et Redux
  • Le Store et les Actions
  • Création de Réducteurs pour les Actions
  • Création un store (à la mode Redux)
  • - Initialiser, consommer et modifier le store depuis les composants
  • - Restaurer un état depuis le store

METTRE EN PRATIQUE LES CONCEPTS ET LES SYNTAXES JSX

  • A l’issue de cette séquence, vous êtes capable d’utiliser le JSX et les syntaxes associées.
  • Le langage JSX
  • Les bonnes pratiques ou pièges à éviter (subsets JSX, etc.)
  • Découpage des composants avec JSX
  • Utilisation des Javascript Expressions et Props JSX

OPTIMISER LES PERFORMANCES DES RIA

  • A l’issue de cette séquence, vous êtes capable d’identifier l’intérêt de compiler les applications web. Vous savez qu’il existe des outils pour monitorer la performance des applications web comme React qui sont exécutées côté client.
  • Compiler et déployer une application ReactJS
  • Mesurer la performance côté client
  • Aperçu des outils de Build
  • Builder l’application avec Brunch ou Webpack
  • Mesurer la performance avec DevTools Profiler

IDENTIFIER LES IMPACTS DES ARCHITECTURES RIA

  • A l’issue de cette séquence, vous êtes capable d’identifier le principe, les intérêts ou inconvénients des architectures fullstack JS.
  • Principe et bénéfices du développement isomorphique (fullstack JS)

Sessions

Filtrer les résultats

46 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