ASMR Programming - Chess Game Coding (VS Computer) - No Talking
Вставка
- Опубліковано 8 лип 2024
- Hello Everyone ✨I am starting a new series following the challenge of 100 days of code. i will create random apps, web apps, and all things that you need to know about javascript 😎
Become a Javascript Developer now with our 100 Days of Code javascript Development Bootcamp course!✅
day 49 - 100 days javascript coding ⚜️
Keyboard Link : iqunix.store/discount/asmrpro...
IQUNIX UA-cam : @IQUNIX
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript...
In this tutorial, I am gonna showing to you how to code a chess game with javascript. in this javascript chess game you can play with computer, flip board and set position. in this code you will learn to use chessboardjs and chess.js library❗️
Day 49 - Source Code : github.com/AsmrProg-YT/100-da...
source of all projects also will upload in AsmrProg github page :
github.com/AsmrProg-YT
with this coding bootcamp you will learn how to be an javascript developer✅
Follow my 100 days of javascript playlist i will upload video's of javascript projects in it for easier access and video's in this playlist sorted by day 1 to day 100 😉
100 days of javascript Playlist : • 100 Days of JavaScript...
Every week i will update this playlist ✅
Video Contents :
00:00 - Intro (100 days of code - day 49)
00:42 - Warming hands
00:54 - Main codes
01:22 - Google fonts
01:43 - Libraries
03:53 - Html coding
05:06 - Main styles
08:29 - Main js codes
10:09 - Random move function
12:11 - recordMove()
13:57 - onDragStart()
15:03 - onDrop()
16:29 - onSnapEnd()
16:58 - boardConfig
18:00 - initialize board
18:43 - Event listeners
22:54 - Final Result
Asmr Game Coding Playlist : • ASMR Game Coding
Other Video's :
Coding a Snake Game : • ASMR Programming - Cod...
Movie Guide App Coding : • ASMR Programming - Mov...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Cod...
Subscribe → bit.ly/3Lf1K4A ✅
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
If this video gain good views, i will add chess engine (stockfish) to it in next part 😉 please LIKE video to support my channel 🙏❤️
what is that app
@nerdsage web coding in vscode!
I learned basic html and now I'm in basic css 😊
Great, keep going on, check out my web design coding bootcamp playlist 😉
May you share me website you learn about
Me?!
@@AsmrProgyes
@User94B272- 🙏❤️
Muito bom, de verdade. Sou iniciante na prog, e vendo seus vídeos estou pegando uma noção boa, somente assistindo. Está de parabéns 👏🏼🙏🏼
Thanks 🙏❤️
I just finished learning JS thank you for all your videos they are incredible
Thanks a lot 🙏❤️
Great work. I can't wait for the new video. You have gotten a new subscriber.
Thanks 🙏❤️
You make coding look so easy! Keep up the good work!
Thanks a lot 🙏❤️
Bro continue you inspire me
I like so much all your videos
🙏❤️
This is great! I can now play chess in class cuz they banned all the game websites lol.
holy shit your content gets better every day
Thanks a lot 😁 happy to hear this 😉❤️
It would be entertaining that programs are an interface of some browser!! By the way, your video is very good 👌
Thanks so much 🙏❤️
What setting do you use? Btw, your ASMR videos is very enjoy for me! Keep the great work, AsmrProg❤
Hi, check channel, there is a video about it 🙏
@@AsmrProg Thanks! I got the answer about it, and i use your setup! 😄
Brooo i'm a programmer too and i very appriciate the video u make... ❤
Thanks a lot 🙏❤️
If u have any problems with code or some, don't hesitate for help !!
@lucasaccani6995 thanks a lot for your support 🙏❤️
Nice bro ❤🎉 I am waiting for your next video
We will vote for it today 😉❤️
Hey, could u make a video on your mouse cursor customisation?
Hi bro, it’s screen recorder effects!
@@AsmrProg oh! ok. Btw keep the good work❤️
🙏❤️
Your videos helps us a lot
Thank you so much for making this content , and I hope you keep it up
How can I contact you ?
Thanks, Telegram link on channel about page 🙏
I want to know the theme name and display settings in this video
I was watching your channel and how can I miss this one 😍 sorry for the late view 🫣
😁❤️
how can i put there (css) (img) (js) in the box time 1:56 pls I need help
And I am a beginner i really need help to this
Hi, just extract all in your project folder 🙏
Hey can you show us the list of all extentions you use ?
Hi, please check my github, there is a repository about all of my vscode settings 🙏❤️
Nice design bro 🎉
Fada dadasssshhhh ❤️❤️
Lovely
🙏❤️
How can I upload the fonts and themes you use in your videos to my studio?
Hi, you need to install extensions, check my github, there is a repository about all of my vscode settings 🙏❤️
@@AsmrProg Thank you 😇🙏 I wanted to consult you about this ❤️ I guess you live in Turkey? As a Turk, I see you as Turkey's number 1 software developer 🤗 I hope I will do this job in the future too🤲🏼
@YunusEmre-34 thanks so much bro 🙏❤️
Thank you very much for the wonderful lesson. Besides this, the keyboard you are using is amazing. Could you please tell me the brand name and model of this keyboard? Thank you once again.
Thanks a lot, Keyboard full info in description 🙏❤️
Can you tell me your font family? Please, it's so cool
Hi, it’s Cascadia Code, also you can check my github, there is a repository about all of my vscode settings 🙏
bro your cursor is cool, how can i get this one same
Thanks a lot, it’s screen recorder effects!
I did everything the same but for some reason the chess board itself won't initialize
Hi, your code have bug, did you checked my source code?!
thats pretty nice bro
Thanks bro 🙏❤️
What keyboard do you use?
Hi, full info on description 🙏
hey bro i want to know what extensions did you use for html thanks bro
What do you mean for extension? Vs code extension?
Hi bro, check my github, there is a repository about all of my vscode settings 🙏
Yes bro!
We can make harder ai? If yes, how do we set the difficulty level?
And its awesome bro good design! ❤
Hi, yes but need stockfish api, if video gain good likes i will create its second part 😉
Thanks 🙏❤️
@@AsmrProgThanks for the information good night 🙏
@87667 🙏❤️
Does this code need internet to play ? We dont have internet at our home :(
Yes but if you download libraries, no!
What is the function of the libraries ? I was waiting for this since i’m a regular chess player myself thank you for the video 🙌
Hi bro, what library? 🙏❤️
@@AsmrProg the libraries section of the video like the extra scripts functions aside the javascript does it contain the game logic function?
@jurgen3069 it’s for chess board and logic yes, you can find functions on chessboardjs site 🙏
Bro can you help me to build a app clone and it should be like boom can we do that I need your help for my project
Hi, what app?!
Wow❤😊
😉🙏
Instead of making the openent play random moves can you make an actual ai?
Yes but it’s hard, if this video gain good view and like i will connect it to stockfish api 🙏
Como você coloca esse curso do mouse e esse rastro vermelho?
Hi, it’s screen recorder effects!
@@AsmrProg opa muito top os efeitos fica muito bom 👏👏
🙏❤️
Hi, what is your vs code theme (the background) ?
Hi, in this video Ayu theme, background is for glassit extension 🙏
Thank's @@AsmrProg
@minrex_5810 🙏❤️
nice video
Thanks 🙏❤️
Hello, I can't see the chessboard. What is the reason?
If you linked it correctly, your js have bug!
@@AsmrProg I solved the problem, I used extra letters when writing the name of the file, thank you very much:)
@user-qp4eq1tx1e 🙏❤️
Please where can i learn coding and programming?
Hi currently I can’t say anything but we have curses in the future 🙏
@@AsmrProg thanks 👏🏻
🙏❤️
What is your mouse brand?
Hi, Hatron mouse 🙏
somebody tell me the theme name he is using
Hi, in this video i think it’s Ayu theme
Top ❤
🙏❤️
👌
🙏
Bro i am from turkey ans i want ur lesson i respect u
Hi, soon we will have courses 😉
keyboard name please
Please check description!
Thanks a lot🔥🔥. Btw How can you increase the difficulty of the BOT ??
Hi, if video gain good likes we will have it in part 2 with stockfish api 🙏
@@AsmrProg wow. I hope it does gain good likes.
@takanomemihawk3663 👍👍
Hey Bro!! Your videos help me a lot but I'm waiting for the Call of Duty website. Please do something with it..❤😅🙏
Thanks but currently can’t do it! Because we have plans for next videos! (Because of sponsors)
@@AsmrProg ahh ok but keep doing its progression because whenever I visit that website my hands shake to do some codings to crack that immense task and get me some rest...😭
@Amaze__ ok 🙏
Bro who i can be so good in programing?
I wanna be perfect like you ❤
How i can do that?
Hi bro, just experience!
Hello sir
I skip my CS classes in school days.
Now i am in college plz guide me how to start my coding journey
Hi, I learned coding with self study and don’t know college classes!!
Ok sir it can possible for me
@AbdulAhad-yx9oy 🙏❤️
is there any way to make the bot harder?
Yes! if video gain good like and view i will connect it to stockfish api!
ok thx@@AsmrProg
could you also maybe show how to do so that it shows how many points each player is like what pieces they took and maybe add like a sound when moving, check takeing pieces if possible?
@@AsmrProg
@Mr.RonaldBeano 🙏❤️
Yes we can add all + timer too!
Uncaught ReferenceError: Chess is not defined
at HTMLDocument.
I'm getting this error :/ and I've checked the source code, nothing seems to be incorrect?
Hi, it’s because you didn’t added libraries correctly!
Fixed it! Yeah you’re right! I was using the wrong version haha
Btw love your videos, I’ve been code along and learning new concepts thur your projects, any advices for an aspiring developer?
@jasonjeong3737 😉❤️
@jasonjeong3737 good, follow my channel, we will have surprises 😉❤️
Can I count for 100 days python asmr
Hi, sorry but channel is about web coding! i don't know expert python!
just a bomb 🔥
🙏❤️
Please musique playlist
Music? We have music player in channel!
@@AsmrProg Where ?
@SlytzQI in 100 days of javascript!
@@AsmrProg ohhh ok sorry i’m new. I like you content. But i’m d’ont understand all the texte because i’ m french
@SlytzQI oh! For coding you need to know a bit english!
nice
Thanks a lot, don’t forget like video 😁❤️
@@AsmrProg np you helped me with html and css :)
@ComeOnAR 🙏❤️
hello brother,
I need a apps.
could you make mobile apps?
Hi bro, currently mobile no but send message to me on telegram, i will send you a person he can do it for you 🙏
@@AsmrProg brother, give me your email Please?
@mohammadimran9471 send message on telegram, link on channel about page 🙏
@@AsmrProg thanks
@mohammadimran9471 🙏❤️
Hey can u pls type slower lol its just harder to follow along with you when you type fast then scroll down so we cant see the code above. Maybe just scroll down after you finish the entire page then scroll.
Oh OK sorry about it. I will check it in next videos 🙏
Bro it's me again lol.
Did this project actually took to u only 22 minutes or u edit it?
No!! More than 2h, logic was hard, video is edited!
@@AsmrProg oh I see
@Moha76b 😉❤️
А что за язык прогромирования
Visual studio code
@user-in4dv6yh1i thanks for answering 🙏
Web coding in vscode 🙏
haloo
Hii 😁❤️
hlo bhaiya pls help me
Hi, what’s problem!?
Hello, your videos are the best. Do you have Instagram too?
Thanks 🙏 yes i have ig!
@@AsmrProg Where can I get your Instagram link?
@Firdavs-rl2ce reza.mhdikhnloo
@@AsmrProg Thank you
@Firdavs-rl2ce 🙏❤️