Accueil > Technologies WEB > ReactJS : maîtriser le framework JavaScript de Facebook
Formation #TWC110

Formation ReactJS : maîtriser le framework JavaScript de Facebook

Durée : 4 jours

Code : TWC110


Prochaines dates programmées :

Du 23 au 26 Avril 2024

Du 09 au 12 Juil. 2024

Du 22 au 25 Oct. 2024

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.
Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Maîtriser les concepts et la syntaxe de ReactJS
  • Créer des applications web performantes
  • Organiser, modulariser et tester ses développements JavaScript
Programme
1/ Introduction
  • HTML, CSS, JavaScript : Les fondamentaux
  • Le DOM
  • Design patterns applicatifs classiques. Limitations des applications JavaScript
  • Ecosystème des frameworks JavaScript
  • Principes de Data-Binding
2/ Présentation de ReactJS
  • Philosophie de React
  • Positionnement de ReactJS
  • Mise en place des outils de développement : IDE et plug-ins
3/ Composants ReactJS
  • Création d'un composant ReactJS
  • Amélioration des fonctionnalités du composant développé
  • Etats d'un composant et cycle de vie
  • Gestion de l'état d'un composant
  • Propriétés d'un composant
4/ Développer avec ReactJS
  • Approche : MVC
  • Présentation approfondie du Virtual DOM
  • Utiliser JavaScript ou JSX : que choisir ?
  • Présentation en détail de JSX. Pièges à éviter
  • Méthodes principales de l'API
  • Création de composant de vues. Cycle de vie
  • Initialisation de propriétés
  • "Render Function" : gestion des états de composant
5/ Interactivité des composants
  • Gestion des événements. "autobinding" et délégation
  • Design Pattern : stratégie pour les composants à état
  • Composer par ensembles
  • "Component Data Flow" : propriétaire, enfants et création dynamique
  • Composants réutilisables : contrôle et transfert de propriétés
  • Contrôle des composants de formulaire
  • Manipulation du DOM
6/ Echanges avec le serveur
  • Présentation de l'architecture REST
  • Echanges entre l'application React et un serveur via REST
7/ Application monopage avec ReactJS et Flux ou Redux
  • Présentation de Flux
  • Installation de Redux
  • Les différentes entités du pattern Flux
  • Principe du « one way data flow »
  • Présentation de Redux
  • Utilisation du store
  • Les actions et le reducer
  • Extensions utiles de Redux
  • Intégration dans React
  • L’internationalisation
8/ La navigation avec React Router
  • Présentation de React Router
  • Installation de React Router
  • Configurer les routes
  • Récupérer les paramètres de l’URL
  • Créer des liens
  • Déclencher une navigation
9/ 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
10/ Introduction à React Native
  • L’hétérogénéité des OS mobiles
  • Natif vs hybride vs cross-platform
  • Principales solutions cross-platform
  • React Native
  • Démonstration d’application React Native
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Développeurs JavaScript expérimenté
Dates

Dates

  • Du 23 au 26 Avril 2024
  • Du 09 au 12 Juil. 2024
  • Du 22 au 25 Oct. 2024
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.