Build and Deploy Ecommerce Website With HTML CSS JavaScript | Responsive Shopping Website Part 2

Learn How To Make Full Responsive Ecommerce Website Using HTML CSS & JavaScript. This is a free HTML CSS Course. And in this course we will learn how to build and deploy a full multipage ecommerce website completely from scratch step by step.

Why This Course?
- Responsive Ecommerce Website Tutorial Using HTML CSS & JavaScript.
- Completely For Beginners.
- Multipage Ecommerce Website Project.
- Best Beginner Friendly Free Course On YouTube.
- Learn How to build amazing professional and responsive websites.
- Learn the fundamentals of web design.
- Modern CSS, including flexbox and CSS Grid for layout.
- Modern CSS techniques to create stunning designs and effects.
- How to use common components and layout patterns for professional website design and development.
- Advanced responsive design using media queries.
- And Many More.

Recommended Course:
Multipage Responsive Ecommerce Website With Bootstrap HTML CSS & JAVASCRIPT:
Multipage Responsive Online Course/LMS Website HTML CSS & JavaScript:

Timestamps:
0:00 Intro
1:08 Shop Page Structure
3:05 Highlighted Navbar
11:25 Crete Single Product Details Page
34:00 Make Website Responsive
35:56 Final Overview

⭐️ Merch ⭐️

If you enjoyed this video, then please please 👍LIKE and SUBSCRIBE this channel & press the bell icon for future videos.
Thank you.

=============
SUPPORT ME 💪
=============
🎁 Support and Buy Me A Coffee for exclusive episodes, discord and more!

==========================
Free Course to Improve Your Skills
==========================
✅ WordPress Insider:

✅ Learn Bootstrap With Projects:

✅ Web Development For Beginners:

✅ Responsive Web Design With Projects:

✅ Learn JavaScript With Projects:

✅ Learn Python With Projects:

===============================
Connect with me & get daily updates👇
===============================

#ecommerce_tutorial #ecommerce_htmlcss #multipage

[Techetc]

Guys, Hope You are enjoying this course 💥
Please HIT the SUBSCRIBE Button 👊 & Help me to reach 200k Subscribers Goal ❤
Check more free courses in the channel ▶

Timestamps:
0:00 Intro
1:08 Shop Page Structure
3:05 Highlighted Navbar
11:25 Crete Single Product Details Page
34:00 Make Website Responsive
35:56 Final Overview

[Gandalfbaws]

31:24

can be writte like this instead:

for (let i = 0; i < 4; i++) {
smallImg[i].onclick = function () {
MainImg.src = smallImg[i].src;
};
}

[mahmodolhasantusher]

Bro, i have complete this tuturial for my class project, lots of love.. Thanks for making this amazing website

[edvaldoarcanjo]

man, you're an genius, thanks for shared your skills

[alexandruzatic]

Perfect video

Just a precisation about the script about the small img that change the Main img at minute 31:00

for (var i = 0; i < smallimg.length; i++) {
smallimg[i].onclick = function() {
MainImg.src = this.src;
}
}

Can be used instead of repeating 'x' times

smallimg[x].onclick = function(){


}

[vj]

Using .small-img-group
{
display: flex;
justify-content: space-between;

} my small images not in row, also check css, so apply other trick add .prd class after .single-pro-image class
.prd {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 1rem;
display: grid;
}
.small-img-col
{
/* flex-basis: 24%;*/
cursor: pointer;
}, is that right method? and Thank you so much for this tutorial🧡

[alamin-]

where is the admin dashboard? has it not been created and the purchase code, payment, will there be a next stage? waiting to watch

[namratadesai]

You showed us how to redirect from first product in shop.html to sproduct(by using how to do same thing for other images?

[mathis-meth]

Love your videos so much brother. Can you please implement and explain pagination with Javascript? Add 100 products and make 10 pages for them or something like that. If you have already made a video on that please share the link.

[azeemakbar]

Amazing teacher.
I love your way of teaching.
Thank you soo much for making a tutorial video.

[anoosh.qalandar]

Hi, Thanks a lot for your tutorials. This is great for us - beginners. Can you please make a video or explain how can we create product details page for different products? Like right
now when I click on any product it takes me to that single product detail page that we created following your video. Much appreciated.

[offical_masarati]

Making my e-commerce website with beautiful inspiration. Thanks so much.

[wadiajaafar]

Thank you soo much for making a tutorial video.
Amazing teacher.

[egbecharze]

Please how do l enrole in your private tutorials for: web design, web development & web maintenance courses?

I really appreciate your lessons. You are the best on line teacher l have seen in recent times

[AlexIlyaGuennad]

Just amazing quality videos!! You're fantastic !

[fancyaristocrat]

You are amazing. I've learnt so much. Thank you dear sir.

[tammammohammed]

Hello, thank you for all this good work. I am really getting a lot of information. I have a question regarding the javascript part. I amusing VS code and whenever I write a script line it does not work. In part 1, the close button was not shown when I make the website responsive. In addition, in this part the Mainimg and smallimg code was not executed and I don't know why! What could be the problem?

Thanks!

[abeergaber]

thank you very much for your great tutorial but i have a problem with the JavaScript codes it never works i write it exactly as you did but it never works, please tell me why?

[ending_story]

Sangat bermurah hati Anda Pak. Terimakasih pak ilmunya semoga menjadi Amal Anda 🙏🏽🙏🏽

[mubasherrafique]

bro i am enjoying this course and this course is helpful .thanks for creating amazing content