HTML CSS Javascript E-commerce Website Tutorial for Beginners
HTML-код
- Опубликовано: 2 июн 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 🙏🏾
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 so much lamadev for this amazing content. Love your tutorials
My best RUclips channel thanks for the great effort. You never dissapoint and always very beginner friendly.
From Kenya perusing it
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 🥰😘
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 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.
Here Mr Lama goes again. Many thanks for helping humanity.
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 we go 😄😄 teacher Lama once again always real world 🌎 🌍 application.
Thanks for releasing and hoping for another amazing content in the future
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
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.
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!!!
Man you are fantastic, keep up and never give up!!
Mr. Lama Dev, you are the Master of Master!
Great job lama...you are simply the best
Same here best RUclips channel for web development 💓💓💓
Thanks again for another great content. I am looking forward to the backend design. Cheers
Lama bro ur one my favourite developer your videos were awesome keep up good work🙏 thank you
Thanks a lot for your supper nice projects.
They all are really helpful for developers like me.
Actually, this seem simpler and easilly understood including JavaScript. I think I am a pro now
know that u r exceptional. always quality content. 🍵
You are one of the best teachers...
My boy lama dev going in yet again .. the goat
Thank you for this tutorial. It's great!
Excellent design. Safak is awesome
Learned a lot!
Thanks a bunch!
This is great one. Thanks for sharing Lama
Thank u so much....from Kerala, India.
Keep it up.
We support you.
high quality content
keep it up!!
@Lama you are a coding super man dude... Thanxx
Great tutorial as always. A mern version of a sneaker e-commerce site would be even great
Thank you very much for the video. Learned alot!
This is an OG website. Literally.
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.
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
I loved this video & especially the explanation that you did , greaaaaaaaaaat one 🤝👍👍👍👍
Thanks It was a great tutorial,a lot learn from you
the hidden gem on the internet 💥
Really nice and clean project bro
Thanks Guy!
Its was Amazing👍👍👏
🍇
The best RUclips channel
Great video! Brazil here.
You made my concepts clear
A treasure youtube channel
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
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.
Lama, is vscode your main editor? Or do you use a different one for large projects?
great tutorial
make more projects with vanilla javascript
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
just awesome thanks bro
it's amazing video,thanks.
wow!
Thanks, dude!
Deus abençoe você!!!
You're the best teacher
Really. Superbbbbbbb 👍
Thank for your work!!!!
Good work.
Thanks.
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 🙏
Great video again =))
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
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!
Great video 💯
thanks for your efforts
I like this design.
Thank you lama ❤
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
thank YOU Mr I Like it SO Much thank you
Great tutorial...
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.
mash allha excellent sir
Love from Bangladesh...
Thanks for this 😇😇
Sir from where you have taken these images which is used in website
Can you drop the link in description?
Wonderful
Yo, thanks a lot for this amazing tutorial!
I have one question, where did u find all these transparent photos of the shoes?
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
Perfect!
Bu güzel örnek için çok teşekkürler :)
finally completed
thx
çok güzel bir eğitim olmuş. :D
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
Sir can u pls tell from where did u found out these images??
I also want these types of images
great video. it would be helpful if you provided the link for the images you used.
love you bro form Pakistan
Weldon sir, another great work.
Lama can you do something like School Management System that will contain students Portal, teachers Portal and where students can print result page
Thanks
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..
Thank you so much ...
Good video. Where did you get your photos from?
please what song did yoy use for the intro of this video...i wanna listen to it while coding in the cool sunset
Cool😍
may god bless you!
Hi please do more react with TYPESCRIPT beginner to advanced MERN projects. It would be really helpful.thank you
Awesome video.Will there be a backend
where have you been we've been waiting for you to upload videos for 3 weeks
Nice 😊👍
eline sağlık hocam.
Hello, first of all AMAZING VIDEO, and you are making amazing lessons, i have one question: why did you created
currentProductColors.forEach((color, index) => {
color.style.backgroundColor = choosenProduct.colors[index].code;
});
inside of menuItems function, or better to ask, why didn't you deleted it when it works perfectly just with
currentProductColors function. Can you or anyone else explain me that. Thank you anyway!!