Développer une boutique en ligne avec Mongo, Express, React 17, Node (MERN), GraphQL, Apollo Client, Paypal, Google Auth. 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’API Paypal.

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 :
• Template HTML & CSS Ecommerce responsive Bootstrap 5 : SEO optimisé et conforme aux standards d’accessibilité
• Les guides PDF

Ce que vous offre cette formation :
un format didacticiel avec :
• Des démos
• Ressources et guides PDF
• Codes de source à télécharger
• 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 :
• connaître les ressources et classes prédéfinies de Bootstrap 5

Ce que vous apprendrez :
• Créer une infrastructure web et API RESTful avec Node et ExpressJS
• Apprendre le stockage de données avec les services hébergés dans le cloud MongoDB et le fournisseur AWS
• Découvrir le langage de requêtes GraphQL, son fonctionnement et son utilisation avec plusieurs exemples pour faire évoluer votre API
• Créer des expériences utilisateurs riches avec ReactJS et Bootstrap 5
• Gestion et partage état avec Redux et le contexte API
• Configurer et accepter les paiements en ligne avec Paypal
• Authentication et déconnexion des utilisateurs avec Google SignIn

À qui ce cours s’adresse-t-il ?
• Développeurs Web Front (Javascript)
• Développeurs Fullstack
• Développeurs React

Prérequis :
• Connaissances d’HTML, CSS & Javascript
• Connaissance de la librairie HTML, CSS & Javascript Bootstrap 5
• Utiliser le navigateur Chrome (utilisation fréquente de l’inspector Tool et React dev Tools)
• Un code éditeur ou IDE (recommandé : Visual code studio)
• Dernières versions de Node, npm ou yarn (gestionnaire de package)