What you'll learn
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
Requirements
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)
Description
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
Who this course is for
Développeurs Web Front (javascript)
Développeurs Fullstack
Développeurs React

Homepage

https://www.udemy.com/course/fullstack-react-17-graphql-apollo-google-sign-paypal/