JavaScript73-Le site e-commerce prend doucement forme

►Blog: https://www.e-genieclimatique.com/plan-du-site
Cette vidéo est la suite de JavaScript72, je vais rajouter des photos, un menu , les caractéristiques des produits , un bouton commander l'article et une mixin pour le style des propriétés du produit

►►Sommaire :
►00:00 Présentation
►01:13 Corrction de l'erreur dans le partial media
►02:22 L'ajout d'un menu basique
►06:36 Ajout des photos dans les cases produits photos
►07:28 Ajout du bouton commander
►07:56 La création du tableau avec les objets qui contiennent les keys et values des produits
►12:21 Mettre les données sur la page index.html - Produit 01
►13:15 Produit01 mettre les données de l'API dans des variables
►15:03 DOM sélection pour affichage caractéristique produit 1
►18:07 DOM affichage caractéristique produit 1
►20:56 Produit02 mettre les données de l'API dans des variables
►21:48 DOM sélection pour affichage caractéristique produit 2
►22:10 DOM affichage caractéristique produit 2
►22:39 Ajout de la liste non ordonnée avec les différents éléments de propriétés du produit dans le html
►22:57 correction de l'erreur
►24:11 Modification du style des propriétés du produit
►26:15 Création d'une mixin pour le style des propriétés du produit

►Playlist JavaScript Exercices Débutant : https://www.youtube.com/watch?v=PKjDWbeKUUU&list=PLF88SKt6r7NbipYFd8-xPRAgelSNMTQgm

►►Soutenez la chaîne TMETLARDY / e-genieclimatique, abonnez-vous : http://bit.ly/e-genieclimatique

►►Souscription à la chaine (zone membre - membership) : https://www.youtube.com/channel/UCyxTI0gODYzGMisT9zv_Nhw/join

►Blog : https://www.e-genieclimatique.com/plan-du-site
►Twitter : https://www.twitter.com/egenieclim
►Facebook : https://www.facebook.com/egenieclimatique
►Instagram : https://www.instagram.com/egenieclimatique

Temps montage (hors encodage et upload) :


Matériels de production :
►[iPad] LumaFusion, Ferrite, Affinity photo, Darkroom, Office 365
►[PC] DaVinci Resolve Studio(4K H265 PCM), Camtasia , TimeBolt, Affinity photo, Affinity Designer, DXO photoLab, Audacity, Adobe Bridge, Xmind, Office365
►Sony RX100M3 (2020/01), Huawei Honor 9X (2019-12)
►iPad pro, Pencil (2017/07) iPad mini 5 (2019-09), Wacom Bamboo Solo 4 (2019/09), Sony WH-1000XM3 (2018/09)
►Blue Yeti (2016/06) | PSA1 Studio arm | BLUE THE RADIUS II | Sony ICD TX650B (2017-01) | Rode NT-USB (2018/10)
►Ryzen 9 3900X (2019/11) | 64Go DDR4 3200 CL16 | ASUS ROG CROSSHAIR VIII HERO WIFI | Asus ROG-STRIX-RTX2070S-A8G Gaming | Samsung SSD interne 970 PRO (1TB) | Samsung SSD interne 970 EVO NVMe M.2 (1TB) | Corsair RM850x | Cooler Master Trooper SE | Prolite XB2783HSU (2016-01) | Prolite XB2783HSU (2014-07)
►MSI GS73 8RE-016FR Stealth UHD (2018/10)
I7 8750H hexacore@2.2@3.9 | 16Go RAM | GTX1060 6Go GDDR5 | SSD M.2 PCIe de 512 Go NVMe | 2 To 5400 RPM | USB 3.1 type C Thunderbolt 3 | HDMI 2.0 | mini DisplayPort 4K @60 Hz
►ASUS 17.3" LED - ROG Strix XG17AHPE (06-2020)
►Logitech MX Keys Plus (06-2020)
►Synologie DS218+, x2 Seagate 3TB IronWolf (2019/08), Google Drive 2TB, One Drive 1TB
►Logitech G402 Hyperion Fury (2018-07)
►Logitech G603 Lightspeed (06-2020)