Développement Web

Développer des applications Web avec REACT JS

  

Profil Intervenant(s)
100x100

Docteur en Informatique - Expert Senior - Enseignant-Chercheur
15 ans d'Experience
Spécialités
Applications réparties, Web Services, Architectures Micro Services, Bases de Données avancées, Big Data et IA, J2EE, Technologies Mobiles, JEE, Spring, Hadoop, React, HTML5, XML, DotNet, ...


100x100

Docteur en Informatique - Expert Senior - Enseignant-Chercheur
15 ans d'Experience


Spécialités

Applications réparties, Web Services, Architectures Micro Services, Bases de Données avancées, Big Data et IA, J2EE, Technologies Mobiles, JEE, Spring, Hadoop, React, HTML5, XML, DotNet, ...




      A partir du  25-01-2021 à 10:00



        3 J 

        Formation hybride Cours théorique à distance sur la plateforme youcan-academy.com, et travaux pratiques en présentiel
Inscrivez-vous à la prochaine session

Appelez vos conseillers
06 49 99 11 00
06 64 16 75 10

Objectifs de la formation

Objectifs

Prérequis


Prérequis

Rappels des composants web


• Les fondamentaux. HTML5, CSS3, JavaScript. • Le DOM et DOM viruel • Design patterns applicatifs classiques. • Limitations des applications JavaScript. • Ecosystème des Framework JavaScript. • Principe de Data-Binding : dirty-checking, observable, virtual-dom. • ReactJS, positionnement et p ... Voir Plus

Développer avec ReactJS


• Approche : MVC et Virtual Dom, un choix de performance. • Utiliser JavaScript ou JSX. • Éléments React • Comprendre JSX en détail. Pièges à éviter. • JSX représente des objets • Le rendu des éléments • Cycle de vie. • Initialisation de propriétés. • Composants et props • "Render Function ... Voir Plus

Atomic design


• L'atome • La molécule • L'organisme • Le Template • La page • Le Storybook • Travaux pratiques Conception d’un page avec Atomic design

Les composants : architectures et interactivités


• Design Pattern : stratégie pour les composants à état. • Composer par ensembles. • Composition de composants • Savoir Extraire des composants • "Component Data Flow" : propriétaire, enfants et création dynamique. • Composants réutilisables : contrôle et transfert de propriétés. • Gestion des ... Voir Plus

Communication entre composants


• Communication de parent à enfant • Communication enfant à parent • Communication entre enfants • Composants non liés (tout composant à un composant) communication • 8 Stratégies • Composant non liés • Le modèle d'observateur • EventEmitter et les différentes bibliothèques • Travaux prat ... Voir Plus

Les Formes


• Composants contrôlés • Contrôle des composants de formulaire. • Manipulation du DOM

Application SPA avec ReactJS et Flux ou Redux


• 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 ... Voir Plus

Application isomorphique


• Principe et bénéfices du développement isomorphique. • Ecosystème du JavaScript côté serveur. • Initiation à NodeJS. • Configuration de NodeJs pour ReactJS. • Organisation de routes. • Routage de base • Paramètres de routage et d’URL imbriqués • Personnalisation Du Composant Lien ... Voir Plus

  Développer des applications Web avec REACT JS

  Introduction à Liferay

© Copyright All Rights Reserved 2020 | Developed By : Team Formations++