Ecommerce Electronics Product Page HTML, CSS & JS || Step-By-Step Tutorial - Part 1

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

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

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

    Hi hard-working coders! Welcome to Part 1 of the eLife Ecommerce Electronics Product Page! This is the first part of the WebSeries, where we show you how to make a soft-appealing, yet simple navigation bar.
    Watch Part 2 Here:
    th-cam.com/video/uzJto717Ezw/w-d-xo.html
    Full Product Page Series (All Parts) Here:
    th-cam.com/play/PL0lX0bJqJuTGGrjBqypE8mHHdCIFY49mo.html&si=KrNjkz1NQex3cnhh

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

    great video. I learned a lot thank you for sharing ....

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

    nice ui design

  • @NagireddygariBhanuprakash
    @NagireddygariBhanuprakash 16 วันที่ผ่านมา

    Super to check in the video and
    try to upload picture in drive

    • @codeharvestguide
      @codeharvestguide  16 วันที่ผ่านมา +1

      @@NagireddygariBhanuprakash Hi,
      Are you asking for the pictures used in this video, if so you can access them here:
      github.com/codeharvestguide/files/tree/main/eLife%20Images/product%20page

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

    Hello, good morning, let's go to part 1 of the video, greetings, have a good weekend.
    Then I'll tell you how it went.

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

    Great deed. Please put the image assets under the description section.

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

      @@sileshiaweke4814 Hi, thanks for watching; appreciate it! The images I used in this video can be found in popular electronic sites such as apple, huawei, sharaf dg, etc. 🙌

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

      ​@@codeharvestguide Thank you for your reply. Offering images asset in a zipped file is becoming the tradition by the youtuber coders.

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

      @@sileshiaweke4814 Ah, interesting! Thank you for sharing, I will see to it and post the image source soon.
      Happy coding! 🙌

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

      @@codeharvestguide Thank you so-much!

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

      @@sileshiaweke4814 Image files can now be found in the video description! (GitHub link) 🙌

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

    great videos just found your channel today. also please work on getting a good mic

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

      Hi! Welcome to the community and thanks for watching!
      I recently acquired a new mic so I will be uploading new, good quality-sounding videos soon.
      Thanks for your support! Happy coding 🙌

  • @Channel-iu6de
    @Channel-iu6de 3 หลายเดือนก่อน

    Great video, just not a fan of the fade to black, my tv does this when it switches off and I’m just constantly thinking the tv is turning off.

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

      Hi! Thanks for watching, appreciate it!
      We like to add the fade for a cinematic, smooth transition from one section of the video to the next, but we will try to keep this in mind.
      Happy coding! 🙌

  • @342crazy666
    @342crazy666 2 หลายเดือนก่อน

    Is this for sale?

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

      Hi,
      Unfortunately this eCommerce is not for sale, we only provide beginner tutorials to guide you on how to create and design eCommerce websites, so this is only for demonstration. Though, perhaps you can find the products from the images we displayed and used in this video for sale in the Sharaf DG website.
      Thanks for watching, and happy coding! 🙌

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

    hello good morning
    Code Harvest
    I started your 4 videos, I was wrong and I started the 3rd one
    I'll tell you how it goes later, greetings
    Maybe I'll tell you that I had to use display grid in category, they didn't fit and a little AI
    Greetings, I'll tell you how it goes later.
    have a good day

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

      Hi! Thanks for watching, appreciate it! 🙌
      From what I can understand, you started part 3 where we create the product category section, right? And you found difficulty in creating the white wide box where the image and name of the category are displayed, in which you could not use display flex, but grid? Seeking for your reply 🙂
      Happy coding! 🙌

  • @Nguyen-The-Hung
    @Nguyen-The-Hung 2 หลายเดือนก่อน

    File Start Project Please?

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

    Nice video bro.can I get the source code

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

      Hi Aryan Khuman!
      All source code is exposed in the video, though if you're looking for a GitHub link to the source code alone, we will open a GitHub account for all Code Harvest videos at 1K subscribers, so you can help us grow our channel by spreading the knowledge around and share this video!
      Thanks for watching 🙌

  • @MohammodHasibHasan
    @MohammodHasibHasan 16 วันที่ผ่านมา

    please give sourse code

    • @codeharvestguide
      @codeharvestguide  16 วันที่ผ่านมา +1

      Hi,
      Concerning the source code, we love to encourage our viewers to follow through the videos, as all code is revealed and explained. Though, if you have any issues with the code, send a message at our gmail account or through discord (info is in our "about" desc.) and we will assist you!
      We do have our GitHub account where we upload the image files for the eLife project. Visit here: github.com/codeharvestguide/files
      However, the source code for all our videos will be shared in our GitHub account github.com/codeharvestguide soon at 1K subscribers, so support us by sharing the video and knowledge to your friends, colleagues/class mates and loved ones and stay tuned!
      Happy coding! 🙌