React.js + Flux

Inter-company training

How long does the training course last?

 5,00 day(s)

In which language(s) is the training course taught?

EN FR

When will the next session take place?

Who is organising this training course?

Dawan is a training organisation that offers more than 2000 training courses in IT, management, project management and sales in instructor-led live online or on-site trainings. We have 11 centres in France and we have developed partnerships with local structures in Brussels, Luxembourg and Geneva. Our catalogue includes hundreds of topics: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, IA etc. Our courses have been created and designed by in-house trainers who have over 20 years of teaching experience. Constantly renewed, they are adapted to the requirements of our customers and to the evolution of technologies.

See more

Who is the training course aimed at?

Développeurs JavaScript

What are the prerequisites?

Bonnes maîtrises de l'environnement JavaScript

What are the aims or the skills being targeted?

Découvrir React.js et Flux

What does the training course cover?

Introduction

Développement d'applications web
Panorama des librairies disponibles
React.js: présentation, composantes
Rappels HTML5, JavaScript, JSX, le DOM

Atelier: Mise en place d'un projet REACT JS

ECMASCRIPT 2015 (ES6)

Spécification ECMAScript et implémentations (JavaScript, JScript)
Transpilation ES6 => ES5 avec Babel
Programmation Orientée Objet:
Evolution de la programmation orientée prototype
Classes: membres d'instances et membres de classe
Agrégation d'objets (mixins)
Héritage
Arrow functions
Design patterns
Définition de modules
Système natif de gestion des modules, chargement
Gestion des dépendances

Approche MVC et Virtual DOM

Architecture de REACT
Vues (V): fonctionnement, implémentation
Implémentation des vues: affichages, saisies, actions, binding et filtres

Composants REACT JS

Définir un composant
Créer un premier composant

Utiliser les propriétés

Etats des composants

Style CSS pour un composant

Gestion des évènements

Relation entre composants: créer et appliquer les références, ajouter des enfants aux éléments, interaction avec les propriétés.

Cycle de vie d’un composant

Comprendre les cycles

Monter un composant

Ajouter des méthodes à un composant et des propriétés par défaut

Fixer des types de propriété

Navigation REACT JS

Mise en place du Routing (React-router)

Rendu d’une route

Liens via les Router

Organiser les routes

Passage de paramètres liens, redirections

REACTJS et FLUX

Prise en main FLUX

Les stores unique,
Usage reducers et les actions

Implémenter le pattern
Flux dans un projet

Atelier: créer une SPA: single page application

Conclusion

Bonnes pratiques REACT JS (state, prop types, render, composition, hoc)
Astuces

What teaching methods are used?

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

How is the assessment organised?

Contrôle continu

What will you receive at the end of the training course?

Attestation de fin de stage mentionnant le résultat des acquis

How to contact the training provider?

Dawan - Service commercial

These courses might interest you