Build and Deploy Ecommerce Website Using HTML CSS JavaScript | Ecommerce Website Part 6

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ต.ค. 2024

ความคิดเห็น • 743

  • @Tech2etc
    @Tech2etc  2 ปีที่แล้ว +64

    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:44 Create Shopping Cart HTML File
    3:01 Navbar
    3:36 Product Details Table
    7:32 Style Product Details Table
    14:01 Apply Coupon & Cart Total
    16:55 Style Coupon & Cart Total
    22:45 Responsive CSS Media queries
    26:27 Final Responsive Preview

    • @uprisemotivation27
      @uprisemotivation27 2 ปีที่แล้ว +2

      Don't provide source code but you can atleast provide images for free it would be helpful

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว +3

      @@uprisemotivation27 Images are always free.

    • @skeeterstudies8109
      @skeeterstudies8109 2 ปีที่แล้ว +2

      No login page sir

    • @kaoutharelfarissi3452
      @kaoutharelfarissi3452 2 ปีที่แล้ว

      Don't provide source code but you can atleast provide images for free it would be helpful

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว +1

      @@kaoutharelfarissi3452 all of the images of any tutorials in my channel are always free.

  • @saurabhbelekar5431
    @saurabhbelekar5431 2 ปีที่แล้ว +339

    Part 7 should be add database to the backend to store user data

    • @nv3796
      @nv3796 ปีที่แล้ว +28

      Login feature too

    • @bloomyredwood2279
      @bloomyredwood2279 ปีที่แล้ว +14

      please do this! My tutor said this was vital to know.

    • @linnaloch2003
      @linnaloch2003 ปีที่แล้ว +25

      Yes, I hope you make part 7 with database, part 8 with payment. So much thank and i really appreciate with your hard work.:)

    • @Squirreberus
      @Squirreberus ปีที่แล้ว +2

      true

    • @drakata27
      @drakata27 ปีที่แล้ว +8

      I dont think he will do it

  • @Naveenbalani400
    @Naveenbalani400 ปีที่แล้ว +36

    Thank You, Sir.
    Waiting for part 7 on the backend database.
    The Series was fantastic.

  • @yao_barna
    @yao_barna 2 ปีที่แล้ว +44

    I am delighted with this tutorial, waiting for part 7 to start on back end! learning so much, thanks!

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว +19

      Thank you soo much. Stay connected.

    • @yao_barna
      @yao_barna 2 ปีที่แล้ว +3

      @@Tech2etc already subscribed, hope for the next part of this tutorial. Best from Argentina!

    • @alessioperrone3907
      @alessioperrone3907 2 ปีที่แล้ว +11

      @@Tech2etc can u please do the back end too?

    • @buraxta_
      @buraxta_ ปีที่แล้ว +8

      @@Tech2etc we're waiting but the rest never came 😁

    • @Aryakhatri-gg3vk
      @Aryakhatri-gg3vk 4 หลายเดือนก่อน

      @@Tech2etc I completed the whole course but I couldn't find code of script.js of sproduct.html to change mainimg and smallimg. I would be so thankful if you could tell which part is it in.

  • @plex716
    @plex716 ปีที่แล้ว +4

    I have built websites before but never tried e-commerce, but after watching your video series I have managed to build a complete responsive e-commerce website. Thank you very much and keep the good work!

    • @ashgaming1132
      @ashgaming1132 3 หลายเดือนก่อน

      Can you share your repo link?

  • @dhruvpatel1418
    @dhruvpatel1418 2 ปีที่แล้ว +2

    I HAVE A COLLAGE PROJECT OF MAKING ECOMMERCE WEBSITE YOUR 6 PARTS HELPED ME TO MAKE MY WEBSITE SO THANK YOU AND LOTS OF LOVE

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว

      Im Glad it helped.

    • @khalilzouhir5862
      @khalilzouhir5862 2 ปีที่แล้ว

      @@Tech2etc what about the back end bro

    • @KiaraBlogs
      @KiaraBlogs ปีที่แล้ว

      Hi Dhruv, I am new to coding. Can you help me ?

    • @dhruvpatel1418
      @dhruvpatel1418 ปีที่แล้ว

      @@KiaraBlogs yes offcourse can u give your insta I'd??

  • @perfectInprada
    @perfectInprada 11 หลายเดือนก่อน +7

    I would like to express my sincere gratitude. This entire course has been immensely helpful in improving my understanding of HTML, CSS, and JavaScript.

    • @NidaMalik-k1v
      @NidaMalik-k1v 11 วันที่ผ่านมา

      i didnt find the javascript code in this will you guide me does these series contains js because i have created only the homepage right now by watching these series... but i have a doubt he didnt uses js

    • @NidaMalik-k1v
      @NidaMalik-k1v 11 วันที่ผ่านมา

      kindly help me with that

  • @axlgaming4472
    @axlgaming4472 15 วันที่ผ่านมา +1

    really i am enjoying this course and this was very interesting part

  • @arunkumart6462
    @arunkumart6462 15 วันที่ผ่านมา +1

    Excellent project 👏🏻❤sir & Gud explanation 📌💯

  • @MaxStudioCG2023
    @MaxStudioCG2023 6 หลายเดือนก่อน +3

    hey man ..i finished the course, ty ...But it will be nice a part 7 with the finished cart (this part is not properly implemented because the products are already in the card and not added by the customer) it will be nice a part 7 where Customer have a Add To Cart Button on all the products and abble to open a product to view it (and add it to cart ) ....when added to automaticaly put the price ,also when adding 5 or the same product to auto calculate the price in the card and total price, laso if we have like 1000 products in a product page mabe the customer want to add 20 products ,will be nice to make this in aprt 7 that java script code where customer adding alot products by ADD to Cart button ...also there is missing return to main page option(to index page) ty for all the effort you do for us !!

  • @movieshotsyorker3711
    @movieshotsyorker3711 ปีที่แล้ว +1

    Brother It's Request,,, Please Upload Part 7 ,, Because I want to learn ,,, I think you are the best teacher who explain everything in very simple way. So please Upload Part 7

  • @chiranjeetsingh461
    @chiranjeetsingh461 4 หลายเดือนก่อน +1

    Thank You, Sir
    Watting for Part 7

    • @User_dz-2
      @User_dz-2 4 หลายเดือนก่อน

      hi bro send me src code plz

  • @jesusgonzalez7059
    @jesusgonzalez7059 5 หลายเดือนก่อน

    Are there more videos? Where's the one on how to make the shopping cart functional to place orders? How to use local storage, database, or API for a functional ecommerce website? Please continue with the tutorial. Great videos so far.

  • @satishkaranjkar5542
    @satishkaranjkar5542 หลายเดือนก่อน

    Please don't stop here! Teach some javascript also continuing this series!!

  • @forwambaa.elisha4724
    @forwambaa.elisha4724 2 ปีที่แล้ว +5

    So amazing
    And so easy and understandable
    Part 7 should be focused on backend thanks
    Best TH-cam channel

  • @raowaqar1
    @raowaqar1 2 ปีที่แล้ว +2

    Sir Tell us how can we add other products in Single Product details, as you added single product page in shop... do we have to create that page every single time?

  • @mic3301
    @mic3301 3 หลายเดือนก่อน +1

    this is very clearly explained tutorial... thanks a lot..

  • @mic3301
    @mic3301 3 หลายเดือนก่อน +1

    pls can you make a tutorial regarding database part of this website and crud operations...?

  • @bernadomass
    @bernadomass ปีที่แล้ว +3

    Do part7 for database to backend. Please🙏
    It's so important

  • @namratadesai774
    @namratadesai774 ปีที่แล้ว +3

    This is an amazing series, please upload part 7.

  • @riagupta39
    @riagupta39 8 หลายเดือนก่อน

    Hey everyone , i completed this series and its very good , you will learn responsiveness , how to embed map and video using html , a great tutorial to master html and css.

  • @SalamBalogun-ym6qq
    @SalamBalogun-ym6qq หลายเดือนก่อน

    Thanks so much you e-commerce website is super helpful to me I manage to care at my own project out of it so waiting of for next view I know it back end thanks so much

  • @rajnishsharma2410
    @rajnishsharma2410 ปีที่แล้ว

    this is a very amazing learn of the video for making Ecommerse website

  • @STARGAZZ
    @STARGAZZ 2 ปีที่แล้ว +2

    how to link each shop items to the cart page?
    can you make a video related to that?

  • @nikhilKumar-xv4mt
    @nikhilKumar-xv4mt 3 หลายเดือนก่อน

    Very thankful for this. after doing mtech from nitdgp i learnt a lot from this web tutorial

  • @Jeetsingh-b5k
    @Jeetsingh-b5k หลายเดือนก่อน

    one of the most fantastic video for beginner 💫

  • @eduvoicevisionstudio5527
    @eduvoicevisionstudio5527 ปีที่แล้ว

    this is very amazing course i have learn a lot of thing from this please continue to backend ...

  • @divyarane9158
    @divyarane9158 15 วันที่ผ่านมา +1

    Can you do the video with cart page functional using js where customers could add and remove products

  • @paarthpatel861
    @paarthpatel861 2 ปีที่แล้ว

    First of all, Thank You for this course,
    I used this website as a semester project thank you,
    and this is are some suggestions
    make the cart fully working and add some javascript features for complete e-commerace website.

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว

      New parts are Coming soon..

  • @VishwasGG777
    @VishwasGG777 ปีที่แล้ว +1

    how can i add the section where we have to enter address, phone no a
    ame and other info. while making the payment ??? & it should generate a qr code for payment option [fake QR or else orignal QR which would be set to 1rupess or the actual amount ]

  • @zainabzadeh8604
    @zainabzadeh8604 4 หลายเดือนก่อน +1

    Thanks a million! Waiting for part 7

    • @User_dz-2
      @User_dz-2 4 หลายเดือนก่อน

      hi can you send me src code plz

  • @wisdomjordan
    @wisdomjordan ปีที่แล้ว

    when is part 7 coming... from you I have learnt alot more in html, css and the practical view of javascript.

  • @mugunthanmugunthan6357
    @mugunthanmugunthan6357 11 หลายเดือนก่อน +1

    Let's Make the vedio of that shop page all shirt img with java script coding like products page 1st image so kindly make vedio of that page... Thanks u

  • @enricastanco4909
    @enricastanco4909 ปีที่แล้ว +8

    really useful! I think it would be very useful too, to see how to build the logic of an e-commerce with JavaScript, perhaps simulating a database! ☺

  • @obahjoejohn7657
    @obahjoejohn7657 5 หลายเดือนก่อน

    Okay beautiful, I've seen the rest of the videos but when add Javascript? That will be perfect honestly.

  • @rahulsuryavanshi5373
    @rahulsuryavanshi5373 2 ปีที่แล้ว +3

    Thank you, Sir. Waiting for the backend part of this website.
    This was an excellent tutorial

  • @morenatirana4539
    @morenatirana4539 2 ปีที่แล้ว +7

    Page 7 should make the add to cart javascript functional so every article chosen on every other page would show up on the cart page, make the totals. Page 8 should be about what happens after one click on "Proceed to payment". Could you do that please?

  • @MuhammadIrfan-cj1cq
    @MuhammadIrfan-cj1cq ปีที่แล้ว +1

    have there is any JavaScript added in the entire website??

  • @vedchaudhari6587
    @vedchaudhari6587 ปีที่แล้ว +1

    Pls create backend part !!! Your explanation is too awesome.

  • @narendrababu4233
    @narendrababu4233 หลายเดือนก่อน

    Expected the cart page will be in Javascript but not explained in Java script.
    could you please make the cart page in by using Javascript.

  • @bernardwamalwa5331
    @bernardwamalwa5331 ปีที่แล้ว +2

    Am gratefull to you so much. After going through the whole course I now feel confident to dive into the job market. I could recommend that the next part be focused on the backend part. Thank you very much for sharing this amazing course.

  • @joatmofa0405
    @joatmofa0405 ปีที่แล้ว

    Is this a full complete and functioning ecommerce marketplace?
    If so, where can I purchase it?

  • @EshaSabir-xv5vm
    @EshaSabir-xv5vm 4 หลายเดือนก่อน

    Please create more parts of this course

  • @bhimarajraj2976
    @bhimarajraj2976 8 หลายเดือนก่อน

    Really nice and good website , it would be better if you implemented backend also

  • @___RoX___
    @___RoX___ 2 ปีที่แล้ว

    yes please make the video, everyone on yt making only front end please show us how to setup data base to make website more real and web hosting also

  • @abdullah-alhasan
    @abdullah-alhasan ปีที่แล้ว +1

    Alsalam ealaykum
    Please create Part 7 to add database to the backend to store user data
    Thanks

  • @muhammadshaheer7217
    @muhammadshaheer7217 2 ปีที่แล้ว +1

    Sir plz make vedio of javascript work needed in this website for product add to cart. and for when someone clicks on shop page product it opens the same products all information in products page.

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว +1

      Sure, Will try that

  • @Rohit_chauhan_07
    @Rohit_chauhan_07 ปีที่แล้ว

    This course is very amazing I think one more part add this play list buy now button and fill user our card details and with the pop of Confrome your order that's part is most important of this playlist please add this part after that this playlist is very amazing please add this part 🤓🤗🤗❣🙏

  • @ridergist
    @ridergist 10 หลายเดือนก่อน

    Please include payment and how to link the cart to all necessary part in part 7. Expecting that soon. Thanks.

  • @maramahmed7209
    @maramahmed7209 2 ปีที่แล้ว

    Please add more parts with more practice on JavaScript

  • @mrGroot7
    @mrGroot7 ปีที่แล้ว

    Yes, I hope you make part 7 with database connectivity to backend, part 8 with payment. So much thank and i really appreciate with your hard work.:)

  • @newtycoon8805
    @newtycoon8805 2 ปีที่แล้ว +1

    I have built the template of website for my Ecommerce Website. That was wonderful course. We absolutely need backend for this template. I do not know how can i connect with payment system . We should do this fully Ecommerce Website.

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว +2

      Working on it!

  • @Pratik_Paliwal
    @Pratik_Paliwal ปีที่แล้ว

    Sir please add data-base in this course for e- commerce website and make it full e-commerce website course using HTML, CSS and JS. it will very helpfull for beginners to learn how to build website using databases and js and it will help to clear the concept of database

  • @muhammadasimkhan8874
    @muhammadasimkhan8874 11 หลายเดือนก่อน

    Hello sir the series was so best i see leant eough coding but you are kindly requested to make other parts on backend coding and database 🎉🎉🎉❤❤❤😊😊

  • @RIDDHIMARDIYA
    @RIDDHIMARDIYA 11 หลายเดือนก่อน

    Thank You, Sir.
    I'm Waiting for part 7
    Plz a little soon

  • @deepashamusic
    @deepashamusic 6 หลายเดือนก่อน

    How about creating the back-end for this webpage next?

  • @ych6472
    @ych6472 ปีที่แล้ว

    Please continue the other parts.Thank you

  • @ChrisFrontend
    @ChrisFrontend 10 หลายเดือนก่อน

    hello thanks for this great tutorial. can you now do a javascript tutorial to make this ecommerce website more functional? like authentication and all that. thanks

  • @aromakhan873
    @aromakhan873 ปีที่แล้ว +2

    It was amazing course, I learned so much.
    Please start with the backend and also payment option!

  • @juancarlosrodriguez1085
    @juancarlosrodriguez1085 ปีที่แล้ว

    Great course!!!. I've learned a lot. Thanks!!!....NEXT????....I would like to see the same tutorial but may be creating the content more dynamically using Javascript and persisting the info using the local storage. Thanks a million!!!!....

  • @adetoyedaniel4968
    @adetoyedaniel4968 ปีที่แล้ว

    Waiting for part 7 on the backend database and also login and Register

  • @emmanuelagwu2953
    @emmanuelagwu2953 3 หลายเดือนก่อน

    This is a great tutorial. I followed from part 1 to this last part. Thank you for the tutorial.

  • @YoutubiA-Open
    @YoutubiA-Open ปีที่แล้ว

    hy frend im very happy to watch your channel
    your video is very important to my
    tks four very things

  • @kds_blog
    @kds_blog 2 ปีที่แล้ว

    Hyy. Amazing Tech2 etc I am Jahid Khan (KDS CODER) 🤗🤗🤗🤗🤗

  • @temitopeandrew9167
    @temitopeandrew9167 2 ปีที่แล้ว +1

    This was a wonderful course, kindly help us create a part 7 to make the website dynamic, add to cart, proceed to payment, pagination should be dynamic, number of products selection, sizes selection should be dynamic, using vanilla JavaScript. We would be waiting patiently. Really appreciate your help and this course better than some paid course. I will surely donate

    • @estherajayi3147
      @estherajayi3147 2 ปีที่แล้ว

      the man really try wella

    • @popionut5172
      @popionut5172 ปีที่แล้ว

      Hi. You ended up searching on those different ideas and work ur ass of implementing 'em or did you just find a complete one?

    • @abikyoukan2
      @abikyoukan2 ปีที่แล้ว

      @@popionut5172 yea you would just rather check for other tutorials on that and add it yourself. theres no part 7 coming to this.

  • @jahnavi4258
    @jahnavi4258 9 หลายเดือนก่อน

    Add Js for adding and removing the cart itrems and make the table responcive for the cart and also may be add database to the backend to store user data it'll help out a lot..

  • @Telugupuranalu
    @Telugupuranalu 2 ปีที่แล้ว

    Awesome 👍💐💐 bro. You're created amazing website.

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว

      Thank you soo much

  • @yogesh69387
    @yogesh69387 ปีที่แล้ว

    Please start further.. Backend & all.....

  • @SafarliNihat
    @SafarliNihat 2 ปีที่แล้ว

    Hi there,I was going to ask something, if I do this project myself, it seems that what level I am as a web developer? Junior, Middle or Senior?

  • @adolphusmichael5093
    @adolphusmichael5093 9 หลายเดือนก่อน

    Nice lesson ...can you do a video about login and profile form in php?

  • @vishalsahu6254
    @vishalsahu6254 2 ปีที่แล้ว

    Please create backend part of this web site, it will really help.Please soon.

  • @animefights5284
    @animefights5284 2 ปีที่แล้ว +9

    I have learned a lot from this template. Thank you so much 💕. I wish you can add backend for this template

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว

      You're welcome 😊. Also i will try to add the backend too,

    • @jooryalhamed938
      @jooryalhamed938 2 ปีที่แล้ว

      That would be great

  • @dasari5763
    @dasari5763 10 หลายเดือนก่อน

    ❤❤❤ Thanks for your Efforts. Login Feature and Database Connectivity as like Real Time website. Please upload as soon as possible

  • @idynamic2277
    @idynamic2277 2 ปีที่แล้ว +12

    You must need keep doing this serie man, really!
    You are really good, and Im thankful for all this videos. You are helping me a lot bro!
    Im excited for part 7, witch you should make the back-end, please.
    One more time, thanks for that!

  • @ExploreOutsides
    @ExploreOutsides ปีที่แล้ว

    you have done very hard work for us please ad functionality indeed

  • @BM8643
    @BM8643 2 ปีที่แล้ว +1

    I have seen your videos, it looks very good. Thank you very much, brother.

  • @atikulhai9549
    @atikulhai9549 ปีที่แล้ว

    Part 7 please, I'm waiting with hope

  • @anjaligiri3882
    @anjaligiri3882 2 ปีที่แล้ว +1

    Start a series for backend also 👍
    Really appreciate your support ❤️

  • @walimuhammad1063
    @walimuhammad1063 ปีที่แล้ว

    Please sir back end of this website i am using this tetorial for my final year project please upload as soon as possible thank you ❤

  • @ankur6231
    @ankur6231 2 ปีที่แล้ว

    Next part please
    How to add more products and Blogs using a admin login in a more easier way!!!!

  • @okuonghaejordan8957
    @okuonghaejordan8957 4 หลายเดือนก่อน

    My sincere gratitude for this course it been really helpful. I was wondering if you could do an add to cart section

  • @Yashu7745
    @Yashu7745 3 หลายเดือนก่อน

    hey bro where did you do cart interactive????? full working cart

  • @AMBERSHAIKH-ps3vt
    @AMBERSHAIKH-ps3vt 2 ปีที่แล้ว

    I really need this project thank u sir and try Backend in Python danjo sir ji

  • @nainasharma1355
    @nainasharma1355 2 ปีที่แล้ว

    Please make videos for the backend part of the project 🙏

  • @AayushJain-x9x
    @AayushJain-x9x 7 หลายเดือนก่อน

    Please Give Us Tutorial Of How Can We Add Items In Cart and Also the Checkout Page also so that order could be placed in our website

  • @hodquan9430
    @hodquan9430 หลายเดือนก่อน

    is it deployed so can get the preview of the design im interested in it

  • @ilona3698
    @ilona3698 2 ปีที่แล้ว

    a different world. It's the sa laws, but different application. Without your videos, I'm not sure I would be at the level I'm at. I'm not a pro

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว

      Thank you.

  • @АленаГурков
    @АленаГурков ปีที่แล้ว

    Either i miss smth or i cant see where we code how to put items to cart? And we only make one product item to see in details( with different pictures) and thats all...

  • @niimedic3719
    @niimedic3719 ปีที่แล้ว

    Hi good morning from this side. It a great work to this far and I have followed it to this far. Please can you work on the codes for the Add to cart button and the message submit button.

  • @mohdfurkan6212
    @mohdfurkan6212 ปีที่แล้ว

    Please sir continue this playlist i need learn more about backend and data base please sir do that it's really helpful that you made that amezing tutorial..

  • @harshitarora3188
    @harshitarora3188 2 ปีที่แล้ว +2

    Like how to add items directly to cart just by click on products.

  • @urvashitrivedi2710
    @urvashitrivedi2710 หลายเดือนก่อน

    Nice but it would have been better if there was a JavaScript concept as well!!

  • @harsh-alashi
    @harsh-alashi 2 ปีที่แล้ว

    Thanks Tech2 etc for this wonderful tutorial series

    • @Tech2etc
      @Tech2etc  2 ปีที่แล้ว +1

      Your most welcome. Please share this project on your social media. Will appreciate that.

    • @harsh-alashi
      @harsh-alashi 2 ปีที่แล้ว

      @@Tech2etc will be hoping for dynamic add to cart page from you using .js

  • @ronix3863
    @ronix3863 ปีที่แล้ว

    sir please database and backend , user registration ka part bhi add kijiye.. please sir..

  • @manishcode24
    @manishcode24 6 หลายเดือนก่อน

    yes please add it's backend part too

  • @khushidhulia1274
    @khushidhulia1274 2 ปีที่แล้ว

    The table u show it's look same in laptop but in responsive it's half text heading are blank it's just showing the table border and all no text in it ?? Any solution

  • @aprajitasharma3216
    @aprajitasharma3216 ปีที่แล้ว +1

    hey, it was great. but can you please make the add-to-cart option work using JavaScript, if possible?

  • @georgebassey3911
    @georgebassey3911 7 หลายเดือนก่อน

    Hi, thanks for this amazing tutorial. I was hoping you will make it functional by adding more javascript to it and database for backend, cheers

  • @smithxd9695
    @smithxd9695 ปีที่แล้ว

    Sir please make a video Upon javascript of this website & database. Please

  • @stefijohn5351
    @stefijohn5351 2 ปีที่แล้ว +8

    This entire series was amazing sir! Thank you so much!!
    PART 7 : backend using php and sql pls sir!!!! (register form, client side and admin side as well as to store the databses)
    It would be awesome if you could do this sir!!!

    • @khushiagarwal408
      @khushiagarwal408 2 ปีที่แล้ว +1

      Have you completed it today as well?? wow, same here!!

    • @_AkashRuidas
      @_AkashRuidas 2 ปีที่แล้ว +1

      @@khushiagarwal408 i have completed today

    • @khushiagarwal408
      @khushiagarwal408 2 ปีที่แล้ว

      @@_AkashRuidas That's cool!