Скачать или смотреть Realtime Chess With Action Cable User Accounts | Ruby On Rails 7 Tutorial

Realtime Chess with Devise User accounts, FEN and PGN generation in real time, legel move previews, and more!
Checkout my course(s) at: https://learn.deanin.com

Source:
https://github.com/Deanout/action_chess
Links:
https://github.com/jhlywa/chess.js
https://chessboardjs.com/index.html
https://releases.jquery.com/

Join this channel to help support these videos:
   / @deanin  

Follow me on social media:
https://linktr.ee/deanin

If you liked this video, please consider subscribing: https://t.co/RZ4EwP0F2a

Timestamps
0:00 Demo
2:26 Creating With ESBuild And Bootstrap
3:26 Adding Gems
4:40 Generate Rails and Stimulus controllers, and Action Cable channel
5:10 Create Scaffolds And Models
6:15 The Playable Model
6:28 The User Model
7:07 The Game Model
9:23 The Game Controller
12:30 The Home Page
12:57 The Players Partial And Pages Controller Action
14:05 The Challenge Button Partial
15:49 The DB Seed File
18:13 The Application SCSS File
18:51 The Images For The Pieces
19:34 Adding Chess.Js, ChessboardJS, and JQuery
20:37 The Game Partial
21:10 The PGN Partial
22:10 The Board Partial
24:04 The Chessboard JavaScript Controller
24:42 Creating The Action Cable Channel In Stimulus
25:55 The Action Cable Backend Channel
26:47 The Chess Gameplay Loop
29:51 RemoveGreySquares()
30:03 GreySquare()
30:30 OnDragStart()
31:10 GameOver()
32:15 OnDrop()
33:59 OnMouseoverSquare()
34:35 OnMouseoutSquare()
34:49 GameState()
35:09 OnSnapEnd()
35:17 SendMove()
35:39 Backend Channel Updates Game Model
37:20 Receiving Realtime Chess Updates On Frontend
38:53 Restarting Server To Reload JavaScript Changes!
39:48 Complete Multiplayer Demo And Closing Thoughts!

#Deanin #Software #Programming