HTML CSS Javascript E-commerce Website Tutorial for Beginners

Responsive Html Css Js ecommerce website project. Build and deploy.
Get Hostinger Discount: hostinger.com/lamadev Coupon Code: LAMADEV
Support the channel: kzbin.info/door/OxWrX5MIdXIeRNaXC3sqIgjoin
Buy me a coffee: www.buymeacoffee.com/lamadev
Source Code: github.com/safak/youtube/tree/html-css-js-ecommerce
Join Lama Dev groups
Facebook: groups/lamadev
Instagram: lamawebdev
Discord: discord.gg/yKremu4mPr
0:00 Introduction
01:52 Creating a web project
04:50 Html Css Navbar Design
12:23 How to Create a Slider using HTML CSS and JS
36:04 Features
40:30 Product Section Design
48:08 DOM Manipulation in Javascript
01:00:55 How to Create a Modal using HTML CSS and JS
01:15:35 Html Css Gallery Design
01:21:13 Html Css Footer Design
01:28:25 Html Css Responsive Design with Media Query
01:42:15 How to Deploy Website to a Hosting
01:44:30 Outro

[@prashantmishra5691]

You are the best frontend channel on youtube. Thanks for explaining all concepts.

[@capcodes]

Llama Dev you the goat bro! You make any complex subject so simplified thanks for everything man 🙏🏾

[@markwaithaka821]

My best KZbin channel thanks for the great effort. You never dissapoint and always very beginner friendly.

[@markwaithaka821]

From Kenya perusing it

[@hirunidivyangani9915]

Thank you so much lamadev for this amazing content. Love your tutorials

[@chrisr2063]

Thanks to you I have now mastered VS Studio css style and element shortcuts and it is glorious. Thank you. Makes life so much easier in IDE's

[@osagioduwafaith]

This video is amazing. First video I actually sat through to the end lol. I love the way you explained as you went. I loved the whole concept. I just forwarded the link to the video to a friend who is also in the leaning process. THANKS!

[@p.cnunes7098]

dont just watch, you gotta code along to learn

[@okorojohn7788]

Here Mr Lama goes again. Many thanks for helping humanity.

[@claytonstrickland8336]

Another great lesson. The only thing that I did differently was to make the header sticky. I always pick up something on your videos. Thank you.

[@damus6665]

Man you are fantastic, keep up and never give up!!

[@gabrielcasari1237]

Thank you very much lama for this new tutorial, if you had time I would like you to do a similar project with reactjs, with their respective routes and cart.

[@xplore2000]

Here we go 😄😄 teacher Lama once again always real world 🌎 🌍 application. Thanks for releasing and hoping for another amazing content in the future

[@volonte01]

For me, this is the best video tutorial for beginners if you want to become a master in Website Designer. Thank you so much for your love 🥰😘

[@o.g.bonyebuchi985]

Great job lama...you are simply the best

[@JuNe-rm6pk]

Mr. Lama Dev, you are the Master of Master!

[@akankhyapatnaik1638]

Thank you Lama for this tutorial Your explanations is excellent and very detailed . Keep post this kind for content. I'm very happy that I found your channel.

[@user-fz3rv6wn3g]

Dear Lama, you are fantastic! Youe explanation, sometimes much better than from bloggers from my country. I found your video and thought..., OK, i will try to repeat his code, but i was not sure..., that i can. Because of my English is not advanced. As a fact - your explanation and pronounciation can make you popular in me country too!!! Many thanks!!!

[@AvnishKumar-hr3wu]

Hi Lama please make these types of videos so that I will improve my css and vanilla js skills and ofcourse it will help other people as well. Thank u so much

[@thefuntech2810]

Same here best KZbin channel for web development 💓💓💓

[@cambabyfacecam]

My boy lama dev going in yet again .. the goat

[@mdsolayman9558]

You are one of the best teachers...

[@Kuena866]

Thanks again for another great content. I am looking forward to the backend design. Cheers

[@kishorekannan4598]

Lama bro ur one my favourite developer your videos were awesome keep up good work🙏 thank you

[@digambernegi2023]

know that u r exceptional. always quality content. 🍵

[@brilliantatosam6882]

Excellent design. Safak is awesome

[@ibrahimsiradvancedresearch]

Keep it up. We support you.

[@topnotchdaagrade]

This is great one. Thanks for sharing Lama

[@michaeltesfay9939]

Thanks a lot for your supper nice projects. They all are really helpful for developers like me.

[@ElonRust42069]

Thank you for this tutorial. It's great!

[@coder5336]

I love your design. looks cool. And as you said i know React but im not good at vanilla lol. It will be helpful to watch this video. Thank you so much. Keep it up man.

[@ilhemben.mabrouk6209]

00tr1

[@Amar11115]

Learned a lot! Thanks a bunch!

[@praveenkumar5353]

the hidden gem on the internet 💥

[@holyjeezy1317]

Great tutorial as always. A mern version of a sneaker e-commerce site would be even great

[@christocdas1146]

Thank u so much....from Kerala, India.

[@jesse9996]

This is an OG website. Literally.

[@sagararora3337]

high quality content keep it up!!

[@kudrah]

Actually, this seem simpler and easilly understood including JavaScript. I think I am a pro now

[@JayNdungu]

The best KZbin channel

[@suryaprakashpanda1994]

@Lama you are a coding super man dude... Thanxx

[@hardcoretltl]

Thank you very much for the video. Learned alot!

[@SUNYBOI]

Sir I request you to please make some games using HTML, CSS, JS where there is abundant use of eventListeners, animations and other stuffs. I need it very much.

[@luckyjain475]

Ania Kubow is doing that already

[@BlitzVirtuoso]

​@@luckyjain475where ?

[@akashpandey1215]

​@@luckyjain475where

[@luckyjain475]

@@BlitzVirtuoso search ania kubow u will find

[@dr.science9609]

Really nice and clean project bro

[@twentyfourseven853]

You made my concepts clear

[@mohammedbarwary3539]

A treasure youtube channel

[@FC-rs7ro]

I loved this video & especially the explanation that you did , greaaaaaaaaaat one 🤝👍👍👍👍

[@CreativeDevLab]

Thanks It was a great tutorial,a lot learn from you

[@TheTurbobarbitura]

Lama, is vscode your main editor? Or do you use a different one for large projects?

[@gennady8263]

I like these good video lessons, thanks. But, can you show how to work with touch events in js or react? I've read the documentation, but I would like to see how to implement touch events in real applications.

[@vontadedeaprender7492]

Great video! Brazil here.

[@harismunandar9652]

You're the best teacher

[@vinnover9506]

Thanks Guy! Its was Amazing👍👍👏 🍇

[@omorfaruk6986]

just awesome thanks bro

[@user-eb6yb7ck6v]

Thank for your work!!!!

[@assignmentonbiologytopic9512]

Really. Superbbbbbbb 👍

[@shumanhasan]

This is great project! you could this easily. I really love your voice. When i listen your voice, it is easy to understand code. My big appeal to you that i want your faceCam video.

[@ramalahmadli7316]

Good work. Thanks.

[@karthikm.1804]

great tutorial make more projects with vanilla javascript

[@abdelrahmanmostafa3595]

Thank you lama ❤

[@Bokie0120]

it's amazing video,thanks.

[@1992fili]

Great video!! Not sure if this is a silly question but where do you get the high quality images of the Nike trainers. I would like to create a website something similar

[@ozkanselcuk1735]

Great video again =))

[@haythemsaidi91]

I like this design.

[@abujafarriju364]

thanks for your efforts

[@viniciusm.m.7822]

wow! Thanks, dude! Deus abençoe você!!!

[@prasannanaik1023]

Great video 💯

[@lorenthasanllari246]

Great tutorial...

[@loadedchanneltv9481]

Perfect!

[@studywithroman1997]

mash allha excellent sir

[@freeffire931]

thank YOU Mr I Like it SO Much thank you

[@osagioduwafaith]

Hi. I was wondering where you got your speaker images from, or how you perfectly cut it out . I tried following up on this tutorial but the sneaker pictures I used all have their own backgrounds and they're squared shaped by default in terms of width and height. I even tried trimming with online editors, they all ended up with pointy corners.

[@ZephyroScope]

In css of those images add the - corner-radius: 20px(Or any other measure depending on size); attribute

[@haiangtran2036]

Wonderful

[@ashb8552]

finally completed thx

[@yashsolanki1775]

Thanks for this 😇😇

[@alifhasanshahOfficial]

Thank you so much ...

[@499120037]

for the font description, it should be font-size not font-style btw, although it wouldn't result in any differences... just a head up to everyone

[@klesar84]

GREAT, thanks a lot for this, and PLEASE make sth similar project with html css js and a little bit advanced stuff with javascript, thanks a lot again

[@kamonahmedreal]

Love from Bangladesh.

[@orlandomoutsa6005]

Yo, thanks a lot for this amazing tutorial! I have one question, where did u find all these transparent photos of the shoes?

[@borathossain]

Love from Bangladesh...

[@sayidali431]

Thanks Lama i always watch your Tutorials and i like your method you do so can you please teach us Flutter and apps

[@sydneychuke1288]

Thank you

[@sertachaloglu3348]

Bu güzel örnek için çok teşekkürler :)

[@WinnerSingh]

So nice again, one request can you make add on in the pizza website project - when customer purchase a pizza - customer should pickup or delivery Select date Time Start time and end time of restaurant Off day for restaurant When customer make order at 4 pm and select delivery option, And time should show 30 min gaps, For pickup 5 mins gap If time is current All setting should be control by admin 🙏

[@ajit287]

Thank You....

[@mrfrontend1]

Cool😍

[@isahbala2540]

please what song did yoy use for the intro of this video...i wanna listen to it while coding in the cool sunset

[@Soped]

if you added a cart so that you out items inside and then have a cart page along with a new checkout page after the cart one this video would be incredible!

[@Nikosport07]

may god bless you!

[@DanishArshad3912]

love you bro form Pakistan

[@amannyy2063]

lama you are really amazing for all this works providing for us nd for free🤯 thank you so much alsoo hope u do a E-Library like the netflix one but instade of movies that uplaod pdf files Thanks a lot tho

[@lclkn]

eline sağlık hocam.

[@Jabbal-Tent-House]

Sir from where you have taken these images which is used in website Can you drop the link in description?

[@omoghawoke6218]

Good video. Where did you get your photos from?

[@zarifrahman1336]

Awesome video.Will there be a backend

[@oguzhankomcu2031]

çok güzel bir eğitim olmuş. :D

[@johnkucharsky6927]

You're great!

[@johnkucharsky6927]

How long have you been a programmer? What's your background? Can you solving codewars kata?

[@AashutoshBansal]

Sir can u pls tell from where did u found out these images?? I also want these types of images

[@aniketfunde7188]

Nice 😊👍

[@kishorekannan4598]

Lama bro can post any videos on developing Shopify apps if you can...it is so helpful for me r share any perfect resources to learn about it please..

[@alivelidurali]

where have you been we've been waiting for you to upload videos for 3 weeks

[@magnetarplayz8525]

great video. it would be helpful if you provided the link for the images you used.