Master JavaScript Drag and Drop with Chess Example!

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

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

  • @redwind3475
    @redwind3475 8 หลายเดือนก่อน +5

    I've been researching building an online game, and this is just what I need just when I needed it! Thank you so much, Ania!

    • @aniakubow
      @aniakubow  8 หลายเดือนก่อน +2

      thanks for watching!

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

    I was looking for a good but not too complex Javascript tutorial, and found it here.
    Thanks a lot !

  • @RAVISHARMA-hk5ll
    @RAVISHARMA-hk5ll 8 หลายเดือนก่อน

    Good Morning @ania, "I found this tutorial very helpful. I used to play chess, but I never imagined it could be done like this through JavaScript. It is commendable. - thanks

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

    Thank you so much, dear Ania! 😊❤ I am amazed I was able to understand most of it given my extremely limited coding knowledge!😂😅 You can be proud of yourself, because this has actually motivated me to become acquainted with JS for the first time!
    So, this is what Javascript does!... It basically spies on the target (the chess piece in this case) and sends the info to the console. It is like that Police song which goes like this: "Every breath you take, every move you make... I will be watching.". You know, Ania, during the first 10-15min I was left scratching my head "Why would Ania to activate this 'spy software' on the poor chess piece? Is it a convicted felon or something?"... Now, however, it makes so much sense, because you can have the programme anticipate the response to every "listen.event!
    For context, I just know html and some basic CSS. I was, in fact, planning to start with JavaScript tomorrow morning. ❤😊 This looks like some basic project I can try to replicate!

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

    Thanks! The video was useful and funny at the same time 🎉

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

    very useful, thank you.

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

    Great video. Very helpful. Thank you very much!

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

    This was a lot of fun, thank you!

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

    Good and useful tutorial. Thanks a lot for your efforts! 😊

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

      thanks!

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

    This is very helpful. Thanks for the video!

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

      Glad it was helpful!

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

    appreciate this tutorial.

  • @mis2michis726
    @mis2michis726 22 วันที่ผ่านมา

    Thank youu!!!

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

    Awesome tutorial. Thanks!

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

      Thank youuu

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

    Thank you Ania akko!

  • @AndreColon
    @AndreColon 8 หลายเดือนก่อน +2

    Would there be a way to re-visit this tut? - I have to get ready for meetings ;( ... Thank you always!

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

      Yes of course! it is avaiable now for re-watch :)

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

    Thanks Ania you are amazing

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

      You are! 😀

  • @skyzane2735
    @skyzane2735 14 วันที่ผ่านมา

    Please help. I’m not able to immediately drag the dom element when using in mobile browser (eg. iphone safari), i have to hold down the dom element a couple of seconds before i’m able to actually picked it up and drag it.

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

    How to add to the code so that the figure image moves around the screen and is not visible in the start square

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

    Which ide are u using ?

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

    Nice tutorial, I've a problem: sometimes I can drag the image without clicking on it, why?

  • @Samt2b
    @Samt2b 8 หลายเดือนก่อน +2

    can you please make a tutorial google drive or drop box web 3.0 clone

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

    What is the IDE you're using?

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

      WebStorm

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

    how to save drag and drop after refresh javascript?

  • @MuhammadAdnan2.0
    @MuhammadAdnan2.0 8 หลายเดือนก่อน

    Is there part 2 of it coming??

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

      I am not sure what you mean? :) If you would like to build a whole chess game you can find the video on my channel where I do this. :)

    • @MuhammadAdnan2.0
      @MuhammadAdnan2.0 8 หลายเดือนก่อน

      @@aniakubow edited,,, yeah I was looking for complete video thanks...

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

    Thanks Ania!

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

      youre welcome!

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

      @@aniakubow 🙏🙏🙏

  • @david-wk5ph
    @david-wk5ph 8 หลายเดือนก่อน

    Hey where is all the game videos? 32 videos just gone? Ania please return them, i love to learn js from this videos

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

    helped me a lot

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

      good to hear :)

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

    thanks

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

      thank you!

  • @david-wk5ph
    @david-wk5ph 8 หลายเดือนก่อน

    @ania kubow Hey where is all the game videos? 32 videos just gone? Ania please return them, i love to learn js from this videos

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

      I am updating them :) they will be back soon

    • @david-wk5ph
      @david-wk5ph 8 หลายเดือนก่อน

      @@aniakubow thank you :)

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

    Hola cosita bonita. te considero mi sensei. gracias por los tutoriales, con tu contenido empecé a poder lograr proyectos.

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

    Can you make video for Hokm Card game in JavaScript

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

      ooooh I need to research this game

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

      @@aniakubow Thank you very much💓 i am waiting for this.

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

    Remember doing something similar long ago with jQuery UI 💦💦

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

    Cool

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

    I know how to code but dunno how to play chess 😅 I hope i still understand this

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

      :)

  • @DANIELLAMP-zo6ii
    @DANIELLAMP-zo6ii 8 หลายเดือนก่อน

    vaya, para ser una imagen artificial la de ania me resulta bastante atractiva

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

    🌹🌹❤️❤️❤️❤️❤️❤️🌹🌹

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

      Can I get a high-performance laptop?

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

    Hottest coder on TH-cam?

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

    I love to watch videos of women coding

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

    I'm not criticizing you but with chatgpt your chess games would be finished in less than 2 minutes because chatgpt can create the code completely for you so it's funny to see you coded the old fashioned way 🤣🤭🧐🧐🧐🧐🧐 🧐🧐🧐🧐🧐🧐🧐🧐🧐🧐🧐🧐🧐🧐🧐🧐🧐😆😆😆😆😆😆😆😆😆🤔🤔🤔🤔 🤔🤔🤔🤔🤔🤔🤔🤔🤔😆😆😆😆😆😆😆😆😆😆😆 😆😆😆😆😆🧐🧐🧐🧐🧐🧐🧐

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

      Did chatgpt write your comment or did you type it old fashioned way? 🤣🤣🤣🤣🤣🤣🤣🤣🤚

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

    Which ide are u using ?