JAVASCRIPT PROJET E COMMERCE FORMATION COMPLETE

Apprendre à coder un gros projet javascript projet e-commerce situation réelle de développement d'application de A à Z

4.67 (3 reviews)

Udemy

platform

Français

language

Web Development

What you will learn

Comprendre les méthodes Javascript

Faire la structure Html de son site web

Préparer le DOM

Le DOM

Faire un site E-commerce De A à Z en javascript html et css

Utiliser des fonctions en javascript

Faire plusieurs pages sur son site web plusieurs fichiers javascript

Communiquer avec les fichiers en javascript

Faire un panier en html css et javascript

Communiquer avec une API rest en Javascript

Méthode Fetch ES6 Javascript Moderne

Faire une page de commande après réponse de l API rest en javascript

Construction complète d'un site E-commerce Html Css Javascript

Programmation orientée objet en javascript

Modification d'objet en javascript

Utiliser le localStorage en javascript

Transmettre des informations dans une url en javascript

Description

Tu veux apprendre le code Maintenant avec un projet concret une méthodologie et une pédagogie simple et efficace ici tu vas apprendre à devenir un développeur à succès avec un projet complet, avec javascript on développe un e commerce de A à Z pour cela il te faut les notions de base en javascript, le javascript c'est le langage le plus populaire du web par excellence et te permet de rendre ton site dynamique.

Tu va pouvoir au travers de ce projet javascript apprendre tous les fondements du langage javascript dans presque son intégralité la programmation orientée en objet les fonctions avancées les boucles des conditions complexes en situation réelle des méthodes utiliser en javascript pour envoyer et traiter des données apprendre à communiquer avec des API rest .

Apprendre à construire une page d' accueil une page produit une page panier une page de commande en gros un site internet complet un e commerce complet.

Il te faudra pour suivre ce cours des bases en javascript connaître le dom et la syntaxe en javascript.

Dans ce cours on rentre vraiment dans les choses concrètes et dans le développement web proprement dit la compréhension de réalisation d'un projet et comment débugger son code lorsque celui ci pose problèmes que des comportements ne sont pas demander voir peuvent bloquer notre application web.

Si tu n'a jamais développer de projet en javascript dans ce projet tu va monter dans les compétences du langage les plus avancées et découvrir des méthodologies à mettre en pratique dans n'importe quel autre projet web javascript par la suite.

Tu va découvrir le javascript sous tous ses aspects et enfin comprendre le pourquoi du comment d'un langage de programmation !

Content

Introduction La page d' accueil du site e-commerce en Javascript

Fichiers sources téléchargeables version du projet javascript en étape Frontend

Fichiers sources téléchargeables ApI Rest backend pour lancer projet Javascript

Présentation du projet e-commerce en javascript

Installer Node.js et démarrer son API Rest en javascript

Faire une Bannière de garantie pour le site e-commerce en javascript

Utiliser le fetch pour récupérer les données de l'API en javascript

Faire un footer design de son site e-commerce en html css javascript projet

Afficher les produits dynamiquement sur sa page d' accueil depuis son API Rest

Envoyer identifiant du produit utilisateur vers la page produit dans l'Url JS

Dynamiser la page de son produit en Javascript

Récupérer un identifiant dans une url en javascript

Afficher son produit en page produit méthode innerHTML en javascript

Gérer un tableau dans une liste déroulante en javascript

Construire son panier e-commerce étape par étape préparer le DOM en javascript

Faire les bases de son panier la carte du panier en html css javascript

Faire un récapitulatif panier en html css javascript

Faire un formulaire d'inscriptions en html css javascript

Transférer et stocker des donnés utilisateur dans la machine en javascript

Envoyer des données dans le localstorage en javascript

Récupérer les données envoyer dans le localstorage et les traiter en javascript

Afficher le produit du localstorage dans son panier en javascript

Ajouter des quantités à un produit en javascript

Ajouter un nouveau produit différent au localstorage en javascript

Ajouter un petit panier affichant le nombre d'article au panier en javascript

Incrémenter la span de quantité du petit panier en javascript

Changer des quantités sur nos articles en page panier avec le Javascript

Ajouter des quantités à un produit en page panier avec le javascript

Enlever la dernière quantité au produit le supprimer en page panier javascript

Décrémenter son produit en page panier avec le javascript

Débugger notre fonctions minQuantity avec les outils et le code javascript

Comment supprimer le produit à l'aide de la corbeille en javascript

Corriger le code de la corbeille et du bouton remove produit en javascript

Fonction de calcul des produits dans le bloc récapitulatif du panier javascript

Afficher la span du mini-panier Amélioration découverte d'un bug en javascript

Correction du bug découvert précédemment en décrémentent page panier javascript

Gérer l'inscription au formulaire et envoi des informations client en Javascript

video 30 Récupérer le premier champ prénom et le valider en javascript

Ajouter des conditions aux champ de validation prénom en javascript

Valider les champs nom et adresse du formulaire en javascript

Faire valider les champs ville et email les regex adapter en javascript

Construire la page de commande et de confirmation client html css javascript

Préparer la validation de tous les champs et préparation de l'objet vers l' API

Envoyer les données utilisateur au backend API Rest réponse serveur Javascript

video 36 La méthode fetch post envoie des données Api Rest en javascript

Vider les champs du formulaire après l'envoie des données en javascript

Afficher la réponse serveur dans sa page de confirmation en javascript

Gérer plusieurs commandes dans sa page de confirmation commande en javascript

Ajouter un bouton pour annuler une de ses commandes en javascript

Charts

Price

Rating

Enrollment distribution

JAVASCRIPT PROJET E COMMERCE FORMATION COMPLETE - Distribution chart