Le commerce en ligne a toujours et reste le mode d'achat privilégié pour 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'APIPaypal.
Présentation & Programme :
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 17, 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
#BONUS :
❓Ce que vous offre cette formation :
un format didacticiel avec :
des pages et des composants développés avec les librairies HTML, CSS et JS React 17 et Bootstrap 5
❓Pour qui :
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
❓Niveau : intermédiaire à avancé
must have :
les fondamentaux de Javascript (ECMAScript), React et Redux
Le Command Line Interface : on utilise iTerm et le terminal intégré de VSCode
nice to have :
