Master JavaScript Drag and Drop with Chess Example!

  Рет қаралды 12,390

Code with Ania Kubów

Code with Ania Kubów

Күн бұрын

Found this hard? Learn the fundamentals of JavaScript here: www.codewithan...
🚀 Sign up to www.codewithan... to receive access for the final code.
____
⭐ Check out my IDE here and get 1 month free: jb.gg/get_webs...
⭐ New to code and none of this is making sense? Watch my '12hr+ KZbin Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here (I get no commission from this link, but am in a partnership): bit.ly/tabnine...
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-cr...
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoff...
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow

Пікірлер: 64
@asierlanchodiego7203
@asierlanchodiego7203 Ай бұрын
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!
@davidef.982
@davidef.982 4 ай бұрын
I was looking for a good but not too complex Javascript tutorial, and found it here. Thanks a lot !
@OPlutarch
@OPlutarch 3 ай бұрын
Thanks! The video was useful and funny at the same time 🎉
@RAVISHARMA-hk5ll
@RAVISHARMA-hk5ll 4 ай бұрын
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
@MenyWoW
@MenyWoW Ай бұрын
How to add to the code so that the figure image moves around the screen and is not visible in the start square
@simont733
@simont733 4 ай бұрын
can you please make a tutorial google drive or drop box web 3.0 clone
@sdvogo1520
@sdvogo1520 3 ай бұрын
Nice tutorial, I've a problem: sometimes I can drag the image without clicking on it, why?
@russelsamsagabay8240
@russelsamsagabay8240 4 ай бұрын
appreciate this tutorial.
@clairecarden
@clairecarden 3 ай бұрын
This was a lot of fun, thank you!
@FlyRaka
@FlyRaka 3 ай бұрын
Which ide are u using ?
@atlantic_love
@atlantic_love 25 күн бұрын
Hottest coder on KZbin?
@redwind3475
@redwind3475 4 ай бұрын
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 4 ай бұрын
thanks for watching!
@rw_machine1974
@rw_machine1974 4 ай бұрын
Good and useful tutorial. Thanks a lot for your efforts! 😊
@aniakubow
@aniakubow 4 ай бұрын
thanks!
@ccad99
@ccad99 4 ай бұрын
Awesome tutorial. Thanks!
@aniakubow
@aniakubow 4 ай бұрын
Thank youuu
@papasedokarajeh6183
@papasedokarajeh6183 4 ай бұрын
What is the IDE you're using?
@sicfxmusic
@sicfxmusic 4 ай бұрын
WebStorm
@MuhammadAdnan2.0
@MuhammadAdnan2.0 4 ай бұрын
Is there part 2 of it coming??
@aniakubow
@aniakubow 4 ай бұрын
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 4 ай бұрын
@@aniakubow edited,,, yeah I was looking for complete video thanks...
@david-wk5ph
@david-wk5ph 3 ай бұрын
@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 3 ай бұрын
I am updating them :) they will be back soon
@david-wk5ph
@david-wk5ph 3 ай бұрын
@@aniakubow thank you :)
@david-wk5ph
@david-wk5ph 3 ай бұрын
Hey where is all the game videos? 32 videos just gone? Ania please return them, i love to learn js from this videos
@davidjacobs7966
@davidjacobs7966 4 ай бұрын
Hola cosita bonita. te considero mi sensei. gracias por los tutoriales, con tu contenido empecé a poder lograr proyectos.
@saisandeep8741
@saisandeep8741 4 ай бұрын
thanks
@aniakubow
@aniakubow 4 ай бұрын
thank you!
@rgkafk5djsk291
@rgkafk5djsk291 4 ай бұрын
Thanks Ania!
@aniakubow
@aniakubow 4 ай бұрын
youre welcome!
@rgkafk5djsk291
@rgkafk5djsk291 4 ай бұрын
@@aniakubow 🙏🙏🙏
@sicfxmusic
@sicfxmusic 4 ай бұрын
Remember doing something similar long ago with jQuery UI 💦💦
@khankaka7632
@khankaka7632 4 ай бұрын
Can you make video for Hokm Card game in JavaScript
@aniakubow
@aniakubow 4 ай бұрын
ooooh I need to research this game
@khankaka7632
@khankaka7632 3 ай бұрын
@@aniakubow Thank you very much💓 i am waiting for this.
@konstantinkurlayev9242
@konstantinkurlayev9242 4 ай бұрын
Cool
@DANIELLAMP-zo6ii
@DANIELLAMP-zo6ii 4 ай бұрын
vaya, para ser una imagen artificial la de ania me resulta bastante atractiva
@cryptocsguy9282
@cryptocsguy9282 4 ай бұрын
I know how to code but dunno how to play chess 😅 I hope i still understand this
@aniakubow
@aniakubow 4 ай бұрын
:)
@jordanyoung1836
@jordanyoung1836 4 ай бұрын
👍👍👍
@aniakubow
@aniakubow 4 ай бұрын
:)
@jordanyoung1836
@jordanyoung1836 4 ай бұрын
@@aniakubow :)...not sure I know what that means
@jordanyoung1836
@jordanyoung1836 4 ай бұрын
Sorry for not making it here on time ms kubow, won't make that mistake again...I promise
@aniakubow
@aniakubow 4 ай бұрын
No worries :) see you next Weds!
@jordanyoung1836
@jordanyoung1836 4 ай бұрын
@@aniakubow thank you and I'll be there
@alejandroflorez1718
@alejandroflorez1718 4 ай бұрын
I love to watch videos of women coding
@KopiGu
@KopiGu 4 ай бұрын
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 4 ай бұрын
Did chatgpt write your comment or did you type it old fashioned way? 🤣🤣🤣🤣🤣🤣🤣🤣🤚
@AndreColon
@AndreColon 4 ай бұрын
Would there be a way to re-visit this tut? - I have to get ready for meetings ;( ... Thank you always!
@aniakubow
@aniakubow 4 ай бұрын
Yes of course! it is avaiable now for re-watch :)
@lorddoomer7271
@lorddoomer7271 4 ай бұрын
Click on the red line at the bottom the video like on any youtube video...
@FlyRaka
@FlyRaka 3 ай бұрын
Which ide are u using ?
@hussainnajaf332
@hussainnajaf332 2 ай бұрын
🌹🌹❤️❤️❤️❤️❤️❤️🌹🌹
@hussainnajaf332
@hussainnajaf332 2 ай бұрын
Can I get a high-performance laptop?
@BruneGaming
@BruneGaming 4 ай бұрын
helped me a lot
@aniakubow
@aniakubow 4 ай бұрын
good to hear :)
@davehugstrees
@davehugstrees 4 ай бұрын
This is very helpful. Thanks for the video!
@aniakubow
@aniakubow 4 ай бұрын
Glad it was helpful!
@learnwithhamza9225
@learnwithhamza9225 3 ай бұрын
Thanks Ania you are amazing
@aniakubow
@aniakubow 3 ай бұрын
You are! 😀
JavaScript Analog Clock (Super Simple!!!)
22:17
Code with Ania Kubów
Рет қаралды 6 М.
1 hour 2D Breakout in JavaScript!
39:17
Code with Ania Kubów
Рет қаралды 8 М.
SHAPALAQ 6 серия / 3 часть #aminkavitaminka #aminak #aminokka #расулшоу
00:59
Аминка Витаминка
Рет қаралды 1,7 МЛН
Players vs Corner Flags 🤯
00:28
LE FOOT EN VIDÉO
Рет қаралды 67 МЛН
The joker favorite#joker  #shorts
00:15
Untitled Joker
Рет қаралды 30 МЛН
This Took Me 150 Hours to Code
16:40
Kenny Gunderman
Рет қаралды 187 М.
Tic Tac Toe in JavaScript (Super Simple!)
38:05
Code with Ania Kubów
Рет қаралды 10 М.
Swift Programming Tutorial for Beginners (Full Tutorial)
3:22:45
CodeWithChris
Рет қаралды 7 МЛН
10 Math Concepts for Programmers
9:32
Fireship
Рет қаралды 1,9 МЛН
JavaScript Visualized - Event Loop, Web APIs, (Micro)task Queue
12:35
Building Tic-tac-toe in JavaScript vs React
1:14:46
Code with Ania Kubów
Рет қаралды 15 М.
20 Programming Projects That Will Make You A God At Coding
14:27
The Coding Sloth
Рет қаралды 1,1 МЛН
Building a Health Application with React Native: Step Counter
3:57:53
notJust․dev
Рет қаралды 367 М.
SHAPALAQ 6 серия / 3 часть #aminkavitaminka #aminak #aminokka #расулшоу
00:59
Аминка Витаминка
Рет қаралды 1,7 МЛН