Make Ecommerce Product Details Website Using HTML CSS JavaScript

How to Make Ecommerce Product Details Website Using HTML CSS JavaScript
Step by Step:
00:16 Show Demo Product Details Page
01:36 Images for Demo using
01:39 Create Product Datas
02:23 Create Home Page and show List Product
02:52 Get datas from Json file
03:14 Fix Bug when get datas
04:09 Add Product Datas to HTML
05:27 Design Style and Responsive in Home Page
07:22 Setup Detail Page
08:49 Find Product Detail
10:33 Show Data Product Detail in HTML
11:15 Similar Products
12:50 Design Style and Responsive in Detail Page
-----
Download Code And Image in Video: www.lundevweb....
This youtube channel not only revolves around topics about website programming using HTML CSS Javascript, but also website design, ideation and implementation.
All codes are free. Sharing will help us grow faster.
-----
Design Slider - Carousel web: • Animation Card Slider ...
Design Template Website: • Parallax Scrolling Web...
Design Parallax SCrolling Effect: • Reponsive Parallax Scr...
Effect Image using HTML CSS Javascript: • How To Make Zoom Image...
Design Animation Menu Web: • Design Navigation Menu...
Design Effect Card: • How to make Awesome CS...
There are many other series: www.youtube.co...
-----
Contact With me:
Instagram: / lundev.web
Email: [e-mail]
Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support.

[@lundeveloper]

Subscribe to the UA-cam channel to watch more interesting videos every day

Hóng video của anh v~ luôn video nào cũng chất lượng thật sự

[@lundeveloper]

Cảm ơn em ủng hộ hi 🥰

[@lundeveloper]

Đổi video intro cho ngầu ngầu kekeke

[@NIXO3D]

man, this video combined with the other video of yours "How to Add to Cart Shopping using HTML CSS and JavaScript" is gold 🔥 Thank you for sharing 🙌🏽

[@lundeveloper]

WAO. Your idea is very good 😱😱🤭

[@xb_mathsonghanhcungcon2126]

Hay quá! Pro!

[@lundeveloper]

Thank you bro 😋

[@un230skdk2jas]

not working.........
Cannot GET /detail.html if there's problem and error message like that remove gramarlly extensions

[@meaninglesswiste3325]

Theoretical question: how can I add an image slider in detail.html file?

[@Blue_Pumpkin]

If detail page is not opening, and you get error : cannot get HTML, this helped me.
Copy the folder to desktop.
Open VS Code, and press Ctrl + Shift + O (to open the folder in VS code)
Open index.html in live server

[@letantru5106]

can you guide me how to change workspace font family ?

[@salsabiltarek8642]

When I uploaded this project in GitHub I faced problem when it publish no data appeared and not read files

[@tuanvinh7987]

anh ơi, em tải trên git bị lỗi cannot get HTM anh giúp em được ko

[@xb_mathsonghanhcungcon2126]

Giọng nói thiệt dễ nghe mà lại lười nói lười tương tác với a e quá! Hahaha

[@nguyenkhang9651]

bữa nào anh ra 1 video nói về flex coloumn đi anh , em thấy nhiều CTY xài thằng này

[@eliasmusharbash7424]

hello..
thanks for these videos, I like your work but there is only one thing I would like to go back doing it , it's the coding way you are using in your projects..
what I mean is that most of the people who is interesting in these videos are beginners and you are using advanced coding way for us.. most of us are used to write the html codes in html page as well as css and js .. but you do many css and js codes in html page in an advanced way so i find that hard for me!
its just my opinion and sorry if you dont agree with me about that..
thank you again for your helpful videos :)

[@lundeveloper]

Thank you very much for your comments. It's great when someone is interested in the video I make and has positive comments ❤️

Hay qua anh oi!!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@react_anvar1]

where is cart? bro

[@inhhoaivan977]

lưu code trong ổ D, mở file index.html trong ổ D mà nó không hiện sản phẩm, có cách nào khắc phục không a?

[@lundeveloper]

Em coi video phút 3:12 đó. Anh củng cố tình làm bị lỗi đó để sửa lỗi trong video luôn. Em xem và làm theo nhé 🥰 Nguyên nhân của lỗi này đó làm hàm fetch để lấy data nó sẽ bị lỗi policy nếu mình truy cập bằng đường dẩn ổ đĩa

[@inhhoaivan977]

em cám ơn@@lundeveloper

[@AmirHosseinBeyki]

name vscode theme ?

[@AmirHosseinBeyki]

name vscode theme ?

[@denerius3247]

thanks sir

[@hoanhm0409]

e lưu vào 1 mảng các item dc order vào 1 mảng rồi export nó ra mà k dc ạ.(cách làm này có dc k ạ)

[@lundeveloper]

Dk chớ e. Thì bản chất cái video này bỏ qua dụ dùng json để khai báo thì củng như cái em nói vậy nè. Datas được lưu vào 1 mảng products rồi lấy ra dùng đấy thôi. Tuy nhiên em lưu như nào, để dử liệu order không bị mất đi thì e phải dùng session hoặc cookie để lưu mới được. Tham khảo video Add to cart and checkout trong trang youtube của a nhé.

[@hoanhm0409]

e cảm ơn a ạ

[@Br0_CoDeS]

Amaazing....plz also provide the code in discription

[@lundeveloper]

It will be updated tomorrow ❤️

[@Dantalian_451]

@@lundeveloper plz provide the code in discription

[@lundeveloper]

@@Dantalian_451 Download link has been provided in the video description 💌

[@nguyenkhang9651]

xịnnnnnnnnnnnnnn

[@minhhoahuynh6625]

vừa lúc em làm bài về SPA luôn, tks anh🎉

[@lundeveloper]

Đây là MPA không phải SPA em nhé. Cẩn thận nhầm nè ^^

[@helpfulman03]

video càng xem càng cuốn❤

[@lundeveloper]

Cảm ơn em 🔥🔥🔥🔥

[@capyboii_4]

hay quá ạ :33

[@lundeveloper]

Thank you bro 😍😍