TUTO Développez un site eCommerce avec React, GraphQL, Apollo, Google Sign & Paypal

Le commerce en ligne est aujourd'hui un mode d'achat privilégié par des millions d'utilisateurs, avec des millions de transactions effectuées chaque jour.
Le contexte de distanciation sociale a boosté les ventes en ligne. Entreprises et commerces adaptent leurs moyens logistiques et offrent un nouveau mode de distribution: le Click & Collect.
La solution devient désormais 100% numérique.

Découvrez comment développer votre propre solution avec cette formation accélérée sur les technologies MERN FullStack avec : MongoDB, Express, React & Node.
Découvrez également les bibliothèques Redux et Apollo Client pour le state management.
Apprenez en plus à intégrer les méthodes d'authentification avec Google Login, et de paiement avec l'API Paypal.
 

Au programme de cette formation Développez un site Ecommerce avec paiement Paypal

• Développement FullStack avec la stack : MERN,
• Apprendre le stockage de données avec les services hébergé dans le cloud MongoDB et le fournisseur AWS,
• Développer une API pour votre application client React,
• Créer un cluster, une base de données NoSQL, des collections sur le cloud AWS,
• Découvrir GraphQL, son fonctionnement et son utilisation avec plusieurs exemples pour faire évoluer votre API,
• Gérer l’état de son application client avec Redux et le context API,
• Accepter les paiements en ligne avec le Paypal API,
• Et, Bootstrap pour développer rapidement les interfaces visuelles, responsives et élégantes, d’une application boutique de vêtement en ligne : Click & Collect !

Partie #1 - Backend : Node, Express, MongoDB & Introduction GraphQL

• Créer un serveur et une interface de programmation applicative (API) avec Node et Express
• Créer un cluster, une base de données et des collections avec les services hébergé dans le cloud MongoDB sur AWS
• Définir les formats de documents avec mongoose schema types
• Se connecter et faire des opérations avec le mongo shell
• Télécharger des sources de données avec l’application Compass
• Comprendre les avantages de graphQL vs REST

Partie #2 - Front :  React, Redux state management & Introduction à la bibliothèque Apollo Client

• Focus sur le langage de requêtes GraphQL
• Recevoir les ressources dont vous avez besoin pour votre application client avec les demandes GraphQL
• Envoyer et recevoir des demandes
• Gestion état local, global et mise en caches de ressources téléchargées avec le client Apollo
• Ajouter des options de filtres et catégories de produits avec le Context API
• Gérer l’état des achats en ligne et du profil utilisateur avec Redux

Partie #3 - Front : Authentification avec Google Signin & paiement avec Paypal

• Google Cloud Platform :  Créer un nouveau projet, des clés API et le clientID
• Authentifier et déconnecter les utilisateurs à votre boutique avec React Google Login (Google SignIn) : Login, Logout
• Accepter les paiements en ligne avec Paypal API
• Envoyez des requêtes  GraphQL mutations à l’API

Tous les fichiers de travail sont fournis !

• Template HTML & CSS Ecommerce responsive Bootstrap : SEO optimisé et conforme aux standards d'accessibilité,
• Les guides PDF.

A qui s'adresse ce cours ?

• Développeurs Front
• Tous développeurs avec un niveau intermédiaire en Javascript, Node & ReactJS
• Toutes personnes souhaitant développer une solution de commerce en ligne

Attention, ce cours est un niveau intermédiaire à avancé. Pour le suivre vous devez connaître les fondamentaux de Javascript, React et Redux, ainsi que le Comande Line Interface (CLI) - on utilisera iTerm et le terminal intégré de VSCode. Il est préférable mais pas obligatoire de connaître les ressources et classes prédéfinies de Bootstrap.

Tous les fichiers de travail sont fournis !
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.