How to Create Analog Clock using HTML CSS and JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ก.ย. 2024

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

  • @roastistic
    @roastistic 6 หลายเดือนก่อน +18

    Very easy way for any level developers, understood every single code with no struggle. Better then paid courses👍

  • @raunaksahu2426
    @raunaksahu2426 ปีที่แล้ว +22

    your way of explanation makes everything easy to understand for all of us.

  • @TegarFauzan-u6u
    @TegarFauzan-u6u ปีที่แล้ว +6

    Saya dari Indonesia🇲🇨🇲🇨, meskipun saya tidak tahu beliau bicara apa, hanya dengan step by step nya saja sudah mudah di pahami, dan akan lebih baik ada subtitle nya juga, agar mampu menjangkau lebih banyak

  • @manoharkumar-kv5uo
    @manoharkumar-kv5uo ปีที่แล้ว +12

    I'm tried this and make it a beautiful and functionable clock with using your way 👌

  • @jamshedbirdsfarminguk2049
    @jamshedbirdsfarminguk2049 11 หลายเดือนก่อน +8

    Very nice Kaun Kahta Hai Ki girls ko explain karna Nahin Aata ,, I like it keep it up and upload more videos for your subscribers❤

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

    Your teaching style is awesome ❤❤❤

  • @wormvida
    @wormvida 10 หลายเดือนก่อน +1

    I was wasting my time from last 12 hours and then I moved to your video and I got my fault in JavaScript. Thank u so much for making this video in a very simple way. 😊

    • @codetraversal
      @codetraversal  10 หลายเดือนก่อน +1

      Glad to know that.

  • @edward-soli
    @edward-soli 9 หลายเดือนก่อน +3

    I was looking to start making projects for practice but needed a simple but cool project, so I came to this video and saw that simple but amazing design of an analog clock. Then at last that was a precious experience of new leanings and coding.
    Thank you for explaining everything so simply and straight forward.

    • @codetraversal
      @codetraversal  9 หลายเดือนก่อน +3

      Thanks for your words and glad that it's helpful.

    • @edward-soli
      @edward-soli 9 หลายเดือนก่อน

      @@codetraversal It's alright, you deserve that words

  • @aniketpandey2524
    @aniketpandey2524 ปีที่แล้ว +16

    well, I'm impressed! I like checking out other people's ways of looking at problems and teaching stuff, in my free time. You are doing great, keep it up.. loved the simplistic and intuitive approach. Really good for beginners.. :)

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

      I also have a little suggestion to make. instead of inset you should have used transform origin:(x:0 y:50 of parent ) and top:0 . inset creates a confusion for beginner and also for many professionals I know . or you could have explained why inset works the way it does with span and rotation..

  • @NirajKumarPandey1234
    @NirajKumarPandey1234 2 หลายเดือนก่อน +1

    [3].I have seen this lecture today.I have completely understood all the concepts you explained in class. Your teaching method was very simple and effective, which made me understand everything easily. I am very grateful to you for your guidance and hard work. Your student, [Ayush & Adarsh]...🫡❤️
    21TH JULY 2024...
    ❤❤❤❤❤

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

    I am beginner but I like your way of teaching.

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

    I must say that tricky styling concepts explained in a very simple and detailed manner (I learnt a lot of new things). This project particularly gave me a little jerk at first tbh 😅 as I had to see the video couple of times and did the project 3-4 times. But at last I managed to learn it by heart. #programmingIsFun ;)
    Edit: A shoutout for the super amazing mathematical explanation depicting the hour, min, and secs degree movement, even a layman can understand it in one go, that's the beauty of the teacher.

  • @muskanansari2166
    @muskanansari2166 ปีที่แล้ว +6

    Thank you Ma'am I've been looking for this for a long time. This video of yours has helped me a lot.....🤗🤗🤗

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

    Hi Mam,
    Your way of explanation is too simple and good. It makes everything easy to understand to me. I have seen your all videos. Please make a video lesson series on html, CSS, Javascript, Bootstrap, Tailwind CSS, React JS etc.

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

    I am fan in One Video......Well Explain.....❤😊

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

    Hi maam , you have such a humble and straightforward way of explanation that makes you unique from other youtubers who uses background music and other distractive animations which hampers real quality of teaching and understanding , I like your simplicity and humble way of explaining concepts , Thanks keep going😃

  • @TheEAGLEEYE-bh2sq
    @TheEAGLEEYE-bh2sq ปีที่แล้ว +2

    it's awesome fully explained video that's easy to understand, thank you maa'm.

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

    The explanation is in very simple manner and easily understandable

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

      th-cam.com/video/d5WtJeHGHm0/w-d-xo.html

  • @Need4Speed1483
    @Need4Speed1483 6 วันที่ผ่านมา

    Very informative.
    Be happy

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

    Kindly make more videos on things like this .. thank u so much for this one ..

  • @smtpserver
    @smtpserver 2 หลายเดือนก่อน +1

    very good work

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

    impressive, dude i think you have also currently in 3rd ya 4th year student. clock ka concept mere liye nya tha wp me. thank you

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

    I don't understand your language but i was able to follow the video from start to the end. the variable in the span got me lost. anyways thanks for sharing your knowledge with us.

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

    Your explanation way is very cute 🥰 and understandable.... thank you 😅

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

    nyc video mam simple and easy way that any one understand easily keep educating us mam ThankYou....

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

    i really like this girl and the way she explain every single lines of code, i like it too.

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

    Aap bahut achha samjhati hai thanks sister👍👍

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

    Thank you from Brazil

  • @ZeeshanQahhar-fw8hc
    @ZeeshanQahhar-fw8hc 2 หลายเดือนก่อน

    Wow... I really like this video... Nice Watch ❤

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

    Amazing video mam... Im new to coding , and definitely gonna try this

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

    Great work with good knowledge explained

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

    This is the demonstration of beauty of programming

  • @StudyMood999
    @StudyMood999 18 วันที่ผ่านมา

    you are very good teacher ❤😊

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

    Thank you mam good Explaination and Clearly Understanding...

  • @me_adiitya
    @me_adiitya 9 หลายเดือนก่อน +1

    Just subscribed your TH-cam channel. You're damn good. How easily you created all this and so nicely? Now I'm becoming fan of yours ❤

    • @codetraversal
      @codetraversal  9 หลายเดือนก่อน +1

      Glad you find it helpful.

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

      @@codetraversal while editing my comment I lost your like. Can you please give it again 😊

  • @Gautamjha23612
    @Gautamjha23612 ปีที่แล้ว +6

    Nice explanation.
    this video has increased my interest in programming.

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

    Good Morning i just start learning JavaScript, your video is very simple and well explained for beginners.. Thank you very much

  • @hugocangi6214
    @hugocangi6214 9 หลายเดือนก่อน +1

    Hello friend, I greet you, complete the analog clock, very good.
    I thank you and I am following you
    greetings

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

    thanks a lot mam you make programming easy to learn for others god give more happiness to your life.😀

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

    Superb ❤️ absolutely amazing. 😃 Genius girl. Easy to understand.

  • @ayeshaali2224
    @ayeshaali2224 7 หลายเดือนก่อน +1

    first programmer girl which is really seems intelligent..🎉🎉

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

    Nice work with good explanation, Aap aise h projects Upload kare...👍❤

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

    Thank you so much for making this informative video 🙏🙏🙏🙏🙏

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

    Mem aapne bhut zyada ache se samjhaya h... Amazing

  • @MOHITYADAV-vk5xk
    @MOHITYADAV-vk5xk 10 หลายเดือนก่อน

    Kitne pyaar se samjhaya 🥺🥹

  • @RahulPal-d6s
    @RahulPal-d6s 13 วันที่ผ่านมา

    mam your voice is so sweet and nice explanation

  • @md.sofikulhoque7358
    @md.sofikulhoque7358 2 หลายเดือนก่อน

    Great madam. very helpful

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

    very intelligent way to build and calculate the point of h, m and sec. Thanks.

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

    Nice explanation
    I learn how to make clock by uh
    Thanku dii❤

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

    Mam your way of teaching is very good. thank you 🙂

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

    Bhtttttt bhttttttttttttttttttttt bhttttttttttttttttttttt bhttttttttttttttttttttt bhttttttttttttttttttttt bhttttttttttttttttttttt bhttttttttttttttttttttt bhttttttttttttttttttttt bhttttttttttttttttttttt achiiiiiii vdeo h. Bolnay ka andaaaaaaaz to bht e decet ad acha...

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

    Ever great training i have seen straight practical smart short advance

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

    Really very extraordinary explanation...I am really impressed by your explanation style and your knowledge and very sweet tongue.....thank you very much... keep continue this types of very knowledgeable projects....❤❤❤❤❤

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

    fan ho gaya apkaa , bohat helpful video hai ❤

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

    🎉 congratulations you will surely succeed great knowledge it is awesome explanation keep it up 👍 ❤

  • @ashishagnihotri9876
    @ashishagnihotri9876 6 หลายเดือนก่อน +1

    Amazing project 👍

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

    i have learnt many thing from this video thank u

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

    thank you so much tai aap bahut acha padhate hai

  • @LegendBlade-j5v
    @LegendBlade-j5v 3 หลายเดือนก่อน

    Thanks forgiving me some new ideas 😊

  • @GadgetGalaxy-et4sp
    @GadgetGalaxy-et4sp 6 หลายเดือนก่อน

    🎉🎉🎉❤ nyc work but tell something for beginners from 0 level how to start if they want to become web developer.

  • @khandilshad3626
    @khandilshad3626 10 หลายเดือนก่อน +1

    Great video loved the explanation.....

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

    Thank you for putting up this video. This was easy to understand.

  • @learnerboy-kc9fd
    @learnerboy-kc9fd ปีที่แล้ว

    much more better than other famous youtubers, the way you delivered the lecture and your voice tone keep us engaged with your lecture.

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

    Thank you code Travarsal
    Very good explanation 🙌👍

  • @sppeace
    @sppeace 5 หลายเดือนก่อน +1

    Excellent ❤❤❤

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

    Thank you

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

    Respected madam. Keep doing good

  • @AakashRajput-f6o
    @AakashRajput-f6o 3 วันที่ผ่านมา

    good ma'am
    thankyou

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

    Thanks mam tumhi ku chaglya prakare shikavta

  • @v.v.tikaeet4619
    @v.v.tikaeet4619 4 หลายเดือนก่อน

    Much appreciated! your voice 👌👍

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

    Bus ek aisa hi video chaiye tha samjne ke liye ❤ tum ka se kar rahe hoo coding???

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

    That's amazing.... Thanks for a tutorial👨‍🏫📓 😇

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

    #GreatVedio yrr we really need this type of vedios yrr Love IT

  • @rajeshSharma-od4sn
    @rajeshSharma-od4sn 11 หลายเดือนก่อน

    Excellent mam
    You have excellent knowledge 😊

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

    You're the best queen

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

    Thanks a lot for this code & wonderful program. However, instead of inset, I used inset-block:0; for proper alignment.

  • @richdairy
    @richdairy ปีที่แล้ว +61

    Make videos on TH-cam, Netflix and mini games clone and explained deeply & easily

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

    Good job.

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

    V good knowledge.
    Keep up the good work

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

    Wow mam you are amazing

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

    madam nice tutorial mash allah thank you madam from my heart ♥

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

    Nice work...looks have a good command on subject.
    Excellent.
    How we should achieve this confidence.

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

      Just by practice and making a lot of projects from easy to advance level step by step.

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

    I love your code you are doing amazing work, but can you tell me that how you style and see your code at a same time?

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

      Using Live Preview VS Code Extension.

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

      @@codetraversal thank you it will save my time,love your work.

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

    Wow working my clock

  • @pb-2228
    @pb-2228 8 หลายเดือนก่อน

    awesome
    work$$$$$$$$$$$$$

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

    nice

  • @DanishKhan-kf9qz
    @DanishKhan-kf9qz 8 หลายเดือนก่อน

    wow nice .

  • @shariyaakter-ku2ek
    @shariyaakter-ku2ek 6 หลายเดือนก่อน

    Masha allah.... brilliant 😮

  • @shrutigirhe4250
    @shrutigirhe4250 24 วันที่ผ่านมา

    Finally done ❤🎉

  • @GurdeepSingh-yc8bd
    @GurdeepSingh-yc8bd 5 หลายเดือนก่อน

    Great

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

    Upload more such videos

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

    Wow

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

    Superb video 🔥🔥

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

    I'm not able to suggest you but you should try ctrl + enter to switch line 😅😊

  • @bt.5597
    @bt.5597 ปีที่แล้ว +1

    If you make several hand variables, it would be good to give various lengths of the hour hand, minute hand, and second hand

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

    Thankyou so much... God bless you

  • @ZainKhan-dh9df
    @ZainKhan-dh9df ปีที่แล้ว

    Excellent service

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

    Nice work 🥰

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

    very nice project mam

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

    Very nice madem