Catégories

Alphorm – Formation React JS, Redux et l’API Contexte – Créer un site e-commerce de A à Z

Alphorm – Formation React JS, Redux et l’API Contexte – Créer un site e-commerce de A à Z

ISO + Fichiers source | Français | 7 H 58 Min | 7.9 Go

Développez un site e-commerce de livraison en ligne, avec le gestionnaire d’état React Redux et l’API Contexte. React, React.js ou ReactJS est une bibliothèque JavaScript déclarative, efficace et flexible pour créer des interfaces utilisateur UI (User Interfaces) riches et dynamiques. React est Lancé en 2013 et toujours maintenu par Facebook, en plus d’une communauté de millions de développeurs partout dans le globe. Redux est une bibliothèque JavaScript qui sert comme un conteneur de gestion d’état des applications Web. Redux vous aide à écrire des applications JavaScript qui se comportent de manière cohérente, s’exécutent dans différents environnements (client, serveur et natif) et sont faciles à tester. En plus, il offre une excellente expérience pour les développeurs, telle que l’édition de code en direct et combinée à un débogueur.

Vous pouvez utiliser Redux avec React ou avec toute autre bibliothèque de vues. Il est minuscule (2 Ko, inclu les dépendances), mais dispose d’un large écosystème d’Addons. Dans cette formation React et Redux, vous allez apprendre à développer un site E-Commerce pour maximiser vos connaissances en ReactJS et maîtriser Redux, le Framework de gestion globale d’état le plus téléchargé et utilisé. Au cours de cette formation React et Redux, vous allez premièrement voir des sujets simples de développement en ReactJS, notamment la création et le maintien de fonctions composant, la gestion du state et effets de bord avec les Hooks, l’utilisation des Props de rendu, la composition avec des composants React réutilisables, la persistance dans le stockage du navigateur avec HTML5 localStorage, la mise en page avec les grilles responsives, les composants CSS et JavaScript de Bootstrap 4 pour rapidement développer un UI responsive et élégant.

Ensuite, vous allez appréhender les concepts avancés, notamment le single Source of Truth avec le gestionnaire d’état avec l’architecture Redux (l’état de l’application sera géré à un seul endroit via le store avec les actions et les Reducers). Vous allez après comprendre les Hooks Redux et vous allez partager des valeurs globalement avec l’API contexte. Également, vous allez développer l’UI avancé avec les composants Bootstrap javascript (modal, barre de navigation et formulaire de recherche, etc.) pour avoir comme résultat final une application E-Commerce complète développée en React et Redux.

Cette Application Web aura la liste et la sélection de produits avec une fonction de recherche, un formulaire de saisie du profil utilisateur, des vues produit, un panier, une confirmation de commande et remerciements. L’App E-Commerce aura aussi des fonctions ES6 pour calculer et afficher les résultats, filtrer, dispatcher des actions via le store de l’appli, retourner le state global et aussi créer des animations. Cette formation React et Redux repose sur un cas pratique file rouge d’une application Web E-Commerce dans laquelle vous allez mettre en application les connaissances et notions apprises lors des vidéos tutoriels. Les fichiers source et autres prérequis pour cette application sont disponible en téléchargement dans les ressources de la formation.

La formatrice experte Sandy LUDOSKY, sera votre guide dans la maîtrise des notions avancées de ReactJS et Redux. Aussi, elle vous dotera avec des astuces et des bonnes pratiques à adopter dans vos projets professionnels de création d’application E-Commerce avec React et Redux. A l’issue de cette formation, vous serez à l’aise dans la création de projets d’application avec React et Redux et ainsi vous gagnez en compétences professionnelles et en performance et productivité, ce qui vous permet de briller dans votre parcours de développeur(se) React et Redux.

Objectifs :
• Développez un projet de commerce en ligne avec React et Redux
• Découvrir l’architecture et le gestionnaire d’état Redux
• Organiser la logique et fonctionnalités et de son application ReactJS avec un ‘state global’ via le store
• Utiliser l’API contexte pour partager des valeurs globalement (sans utiliser les props)
• Apprendre la programmation de la navigation avec React-Router-Dom

Prérequis :
• Avoir des notions en JavaScript et ES6 (ECMAScript 2015)
• Connaître les bases de l’intégration web avec HTML5 et CSS3
• Avoir une expérience avec Bootstrap 3 ou 4

Public concerné :
• Développeurs avec une première expérience en React, Angular ou VueJS
• Intégrateurs web avec des notions avancées en JavaScript

Plus d’info:
_https://www.alphorm.com/tutoriel/formation-en-ligne-reactjs-redux-et-lapi-contexte-creer-un-site-e-commerce-de-a-a-z

_blank
_blank
Articles récents