Udemy – fullstack react 17, graphql, apollo, google sign & paypal - 9 - Nkol-Eton Yaoundé

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)