Fullstack React 17, GraphQL, Apollo, Google Sign & Paypal

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

What You Will 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

Who Should Attend!

• Développeurs Web Front (Javascript)
• Développeurs Fullstack
• Développeurs React

TAKE THIS COURSE