React JS – Développement d’applications web

Avoir des connaissances pratique du développement Web, maitrise et pratique de JavaScript (ES5 minimum)

Développer des interfaces utilisateurs avec la bibliothèque ReactJS, pour la création d’applications web robustes et performantes.

Vous êtes adhérents à l’OPCO ATLAS

Cette formation fait partie des Actions Collectives campusAtlas. Elles sont accessibles à toutes les entreprises adhérentes à Atlas.

Démarches auprès de campusAtlas :

Choisissez la session qui correspond à votre souhait et, à partir de la plate-forme, saisissez votre demande de prise en charge.

Pour plus d’informations sur les conditions d’accès et les démarches, visitez la plateforme campusAtlas https://campus.opco-atlas.fr/ ou contactez votre conseiller formation Atlas !

Pour réserver votre place auprès d’AJC FORMATION :

Si vous souhaitez réserver votre place sans attendre la confirmation de campusAtlas, nous vous recommandons de nous retourner sans attendre un bulletin d’inscription complété. Pour le télécharger sans délai cliquez ici.

À la suite de votre inscription, nous nous engageons à vous répondre dans un délai de 48 heures. Nous serons en mesure de vous garantir ou non la tenue de votre formation au plus tard 15 jours avant son déroulement.

Vous n’êtes pas adhérents à l’OPCO ATLAS

Retournez-nous sans attendre un bulletin d’inscription complété. Pour le télécharger sans délai cliquez ici.

À la suite de votre inscription, nous nous engageons à vous répondre dans un délai de 48 heures. Nous serons en mesure de vous garantir ou non la tenue de votre formation au plus tard 15 jours avant son déroulement.

À l’issue de chaque module, le formateur évaluera chacun des participants en fonction des cas pratiques et exercices effectués.

Une attestation de formation vous sera remise.

• Alternance d’exercices, cas pratiques, QCM et de notions théoriques, projet Fil Rouge.
• Evaluations régulières et retour du formateur sur les points moins bien assimilés.
• Les supports de cours seront mis à disposition via notre la plate-forme de téléchargement AJC Classroom.
• Accès à notre plateforme à distance de Classe Virtuelle
  Mêmes possibilités et interactions avec votre formateur que lors d’une formation présentielle. En effet, votre formation se déroulera en connexion continue 7h/7 :
  • • • Echanges directs avec le formateur et l’équipe pédagogique à travers la visioconférence, les forums et chats
      • Vérification de l’avancement de votre travail et évaluation par votre formateur à l’aide d’exercices et de cas pratiques
      • Suivi pédagogique et conseils personnalisés pendant toute la formation

   

  Vous recevrez les informations de connexion par mail dès votre inscription. En cas de problème de connexion, vous pourrez joindre notre équipe à tout moment (avant ou même pendant la formation) au 0182837241 ou par mail à l’adresse hotline@ajc-formation.fr.

Les personnes en situation de handicap sont invitées à nous communiquer leurs besoins spécifiques. Nous ferons tout pour les mettre dans les meilleures conditions de suivi de la formation (compensation, accessibilité…)

Une attestation de fin de stage sera remise à tous les participants à l’issue de leur parcours.

Développeurs, architectes, chefs de projets…

Introduction à l’ES6 et aux modules

• Rappels
• Design patterns
• Nouveautés de la syntaxe ES6
• Compilation du code ES6 avec Babel
• Typescript et Flow
• Gestion des modules avec Webpack

Introduction à React

• Ecosystème des frameworks JavaScript
• Différentes approches du data-binding
• Philosophie de React
• Environnement de développement
• Outils de debug

Développer avec React

• Création d’un composant
• La syntaxe JSX
• JSX vs JavaScript
• Comprendre JSX en détails
• Gestion du « state » du composant
• Les méthodes du cycle de vie

Travaux pratiques : Création d’un projet élémentaire permettant d’afficher une page minimaliste

Interactivité des composants

• Gestion des événements
• Imbrication de composants
• Utilisation des « props »
• Composants réutilisables
• Manipulation du DOM
• Gestion des formulaires
• Design pattern des composants

Travaux pratiques : Création d’une application qui permet à deux composants de communiquer

Application monopage avec 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

Travaux pratiques : Utilisation d un projet React qui interagit avec Redux pour y stocker des informations

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

Travaux pratiques : sur le TP précédent mettre en place un menu qui permet de naviguer de page en page en utilisant les routes

Application isomorphique

• Principe et bénéfice du développement isomorphique
• Écosystème du Javascript côté serveur
• Configuration de NodeJS pour React
• Récupérer les paramètres de l’URL

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

Travaux pratiques : Création d’une application élémentaire