HTML CSS Javascript E-commerce Website Tutorial for Beginners
Вставка
- Опубліковано 12 чер 2024
- Responsive Html Css Js ecommerce website project. Build and deploy.
Get Hostinger Discount: hostinger.com/lamadev Coupon Code: LAMADEV
Support the channel: / @lamadev
Buy me a coffee: www.buymeacoffee.com/lamadev
Source Code: github.com/safak/youtube/tree...
Join Lama Dev groups
Facebook: / lamadev
Instagram: / lamawebdev
Discord: / discord
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 - Наука та технологія
You are the best frontend channel on youtube. Thanks for explaining all concepts.
Llama Dev you the goat bro! You make any complex subject so simplified thanks for everything man 🙏🏾
My best UA-cam channel thanks for the great effort. You never dissapoint and always very beginner friendly.
From Kenya perusing it
Thank you so much lamadev for this amazing content. Love your tutorials
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
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.
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!
dont just watch, you gotta code along to learn
Here Mr Lama goes again. Many thanks for helping humanity.
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.
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.
Mr. Lama Dev, you are the Master of Master!
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 🥰😘
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
Same here best UA-cam channel for web development 💓💓💓
Here we go 😄😄 teacher Lama once again always real world 🌎 🌍 application.
Thanks for releasing and hoping for another amazing content in the future
Great job lama...you are simply the best
Man you are fantastic, keep up and never give up!!
You are one of the best teachers...
Actually, this seem simpler and easilly understood including JavaScript. I think I am a pro now
Thanks again for another great content. I am looking forward to the backend design. Cheers
This is an OG website. Literally.
Thank you for this tutorial. It's great!
Lama bro ur one my favourite developer your videos were awesome keep up good work🙏 thank you
Learned a lot!
Thanks a bunch!
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!!!
My boy lama dev going in yet again .. the goat
Excellent design. Safak is awesome
Thanks a lot for your supper nice projects.
They all are really helpful for developers like me.
Keep it up.
We support you.
Thank u so much....from Kerala, India.
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.
00tr1
This is great one. Thanks for sharing Lama
Thank you very much for the video. Learned alot!
know that u r exceptional. always quality content. 🍵
Great tutorial as always. A mern version of a sneaker e-commerce site would be even great
@Lama you are a coding super man dude... Thanxx
the hidden gem on the internet 💥
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.
high quality content
keep it up!!
You made my concepts clear
The best UA-cam channel
Really nice and clean project bro
Thanks It was a great tutorial,a lot learn from you
Thanks Guy!
Its was Amazing👍👍👏
🍇
A treasure youtube channel
Great video! Brazil here.
I loved this video & especially the explanation that you did , greaaaaaaaaaat one 🤝👍👍👍👍
You're the best teacher
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
wow!
Thanks, dude!
Deus abençoe você!!!
just awesome thanks bro
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.
Ania Kubow is doing that already
@@luckyjain475where ?
@@luckyjain475where
@@BlitzVirtuoso search ania kubow u will find
great tutorial
make more projects with vanilla javascript
Thank for your work!!!!
Good work.
Thanks.
it's amazing video,thanks.
Really. Superbbbbbbb 👍
thank YOU Mr I Like it SO Much thank you
Bu güzel örnek için çok teşekkürler :)
Lama, is vscode your main editor? Or do you use a different one for large projects?
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.
thanks for your efforts
I like this design.
Great video again =))
Thank you lama ❤
Great video 💯
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
Thanks Lama i always watch your Tutorials and i like your method you do so can you please teach us Flutter and apps
Love from Bangladesh.
Great tutorial...
mash allha excellent sir
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.
In css of those images add the - corner-radius: 20px(Or any other measure depending on size); attribute
Love from Bangladesh...
Thank you
çok güzel bir eğitim olmuş. :D
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!
finally completed
thx
Thanks for this 😇😇
Wonderful
may god bless you!
Thank you so much ...
Sir from where you have taken these images which is used in website
Can you drop the link in description?
eline sağlık hocam.
Perfect!
please what song did yoy use for the intro of this video...i wanna listen to it while coding in the cool sunset
Yo, thanks a lot for this amazing tutorial!
I have one question, where did u find all these transparent photos of the shoes?
Sir can u pls tell from where did u found out these images??
I also want these types of images
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
love you bro form Pakistan
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 🙏
Thank You....
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
Thx you
Good video. Where did you get your photos from?
where have you been we've been waiting for you to upload videos for 3 weeks
Cool😍
Awesome video.Will there be a backend
hi, even though i followed all your steps when i add my sliders(?) it doesn't add up right next to each other like yours did. they pile up down of the first slider(lol i don't know how to describe it), what should i change?
I have the same problem
great video. it would be helpful if you provided the link for the images you used.
wondefful step by step guidance. Thank you very much