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.