Stage pratique de 3 jour(s)

Réf : TJS
Participants
Développeurs JavaScript,
architectes et chefs de projets
Web.
Pré-requis
Pratique du développement
Web, maîtrise et pratique de
JavaScript (ES5 minimum).
ReactJS, maîtriser le Framework JavaScript de Facebook
Prenant à contrepied les modèles traditionnels, le framework maintenu par Facebook favorise la simplicité et
la performance des composants de RIA. Vous apprendrez dans ce cours à développer des applications avec
ReactJS, JSX et Flux et découvrirez le principe et les bénéfices du développement isomorphique.
OBJECTIFS PEDAGOGIQUES
Développer avec ReactJS
Concevoir une SPA avec ReactJS et Flux
Comprendre le subset JavaScript JSX
Optimiser les performances des RIA

Prix 2019 : 2030€ HT

1) Rappels des composants des RIA 4) Application monopage avec ReactJS et Flux
2) Développer avec ReactJS ou Redux
Dates des sessions
3) Interactivité des composants 5) Application isomorphique
AIX 6) Introduction à React Native
03 juin 2019, 02 sep. 2019
16 déc. 2019 Méthodes pédagogiques
BORDEAUX
Développement guidé. 50% de théorie illustrée par 50% de pratique.
03 juin 2019, 02 sep. 2019
16 déc. 2019
Travaux pratiques
BRUXELLES
27 mai 2019, 26 aoû. 2019 Vous réaliserez une application complète basée sur le framework ReactJS.
09 déc. 2019
GRENOBLE
27 mai 2019, 26 aoû. 2019
1) Rappels des composants des RIA
09 déc. 2019
- Les fondamentaux. HTML, CSS, JavaScript. Le DOM.
LILLE - Design patterns applicatifs classiques. Limitations des applications JavaScript.
04 fév. 2019, 03 juin 2019 - Ecosystème des frameworks JavaScript.
02 sep. 2019, 16 déc. 2019 - Principes de Data-Binding : dirty-checking, observable, virtual-dom.
LYON - ReactJS, positionnement et philosophie.
03 juin 2019, 02 sep. 2019 - JSX, présentation. Mise en œuvre "Transpilers".
16 déc. 2019 - Environnement de développement. IDE et plug-ins.
MONTPELLIER Travaux pratiques
27 mai 2019, 26 aoû. 2019 Mise en place de l'environnement de développement. Initiation à JSX. Définition de la structure de
09 déc. 2019
l'application.
NANTES
03 juin 2019, 02 sep. 2019 2) Développer avec ReactJS
16 déc. 2019
ORLEANS - Approche : MVC et Virtual Dom, un choix de performance.
- Utiliser JavaScript ou JSX.
27 mai 2019, 26 aoû. 2019
09 déc. 2019 - Comprendre JSX en détail. Pièges à éviter.
- Méthodes principales de l'API.
PARIS
- Création de composant de vues. Cycle de vie.
28 jan. 2019, 01 avr. 2019
- Initialisation de propriétés.
03 juin 2019, 02 sep. 2019
04 nov. 2019, 16 déc. 2019 - "Render Function" : gestion des états de composant.
RENNES Travaux pratiques
27 mai 2019, 26 aoû. 2019 Définition et réalisation de composants selon les spécifications déterminées.
09 déc. 2019
SOPHIA-ANTIPOLIS 3) Interactivité des composants
03 juin 2019, 02 sep. 2019 - Gestion des événements. "autobinding" et délégation.
16 déc. 2019
- Design Pattern : stratégie pour les composants à état.
STRASBOURG - Composer par ensembles.
03 juin 2019, 02 sep. 2019 - "Component Data Flow" : propriétaire, enfants et création dynamique.
16 déc. 2019 - Composants réutilisables : contrôle et transfert de propriétés.
TOULOUSE - Contrôle des composants de formulaire.
03 juin 2019, 02 sep. 2019 - Manipulation du DOM.
16 déc. 2019
Travaux pratiques
Création d'un ensemble structuré de composant UI.

Modalités 4) Application monopage avec ReactJS et Flux ou Redux

d’évaluation
L’évaluation des acquis se
fait tout au long de la session
au travers des multiples
exercices à réaliser (50 à 70%
du temps).
- Flux/Redux : présentation. Propagation de données.
- Comparaison des architectures.
- Création de vues et contrôleurs dans Flux.
- Rôle du "Dispacther" dans Flux pour les actions.
- Les "Stores", gestionnaire d'états logique dans Flux.
- Définition du Functionnal Programming.
- Approche avec Redux. Le "Reducer".

ORSYS, La Grande Arche, Paroi Nord, 92044 Paris La Défense cedex. Tél : +33 (0)1 49 07 73 73. Fax : +33(0)1 49 07 73 78 page 1
 - Extension pour ReactJS : "hot-loader".
Compétences du
Travaux pratiques
formateur
Intégration d'une SPA.
Les experts qui animent
la formation sont des 5) Application isomorphique
spécialistes des matières
abordées. Ils ont été - Principe et bénéfices du développement isomorphique.
validés par nos équipes - Ecosystème du JavaScript côté serveur.
pédagogiques tant sur le - Initiation à NodeJS.
plan des connaissances
- Configuration de NodeJs pour ReactJS.
métiers que sur celui de la
pédagogie, et ce pour chaque - Organisation de routes.
cours qu’ils enseignent. Ils Travaux pratiques
ont au minimum cinq à dix
années d’expérience dans
Prérendu serveur d'une application.
leur domaine et occupent
ou ont occupé des postes à 6) Introduction à React Native
responsabilité en entreprise.
- Positionnement, différences avec Cordova.
- De React aux composant iOS natifs, un projet à suivre.

Moyens Démonstration
Application utilisant React Native.
pédagogiques et
techniques
• Les moyens pédagogiques
et les méthodes
d'enseignement utilisés
sont principalement : aides
audiovisuelles, documentation
et support de cours, exercices
pratiques d'application et
corrigés des exercices pour
les stages pratiques, études
de cas ou présentation de cas
réels pour les séminaires de
formation.
• A l'issue de chaque stage ou
séminaire, ORSYS fournit aux
participants un questionnaire
d'évaluation du cours qui
est ensuite analysé par nos
équipes pédagogiques.
• Une feuille d’émargement
par demi-journée de présence
est fournie en fin de formation
ainsi qu’une attestation de fin
de formation si le stagiaire a
bien assisté à la totalité de la
session.

ORSYS, La Grande Arche, Paroi Nord, 92044 Paris La Défense cedex. Tél : +33 (0)1 49 07 73 73. Fax : +33(0)1 49 07 73 78 page 2