Hope you enjoy! Here are some quick links to help you out: Github Repo - github.com/zachgoll/tic-tac-toe-subscriber-refactor Introduction video - kzitem.info/news/bejne/t55m3Wl9nqmhgqQ And some chapters to help you skip around: 0:00 - Intro 1:13:52 - JavaScript intro 1:15:59 - MVC pattern explanation 1:21:29 - Connect JavaScript to HTML 1:25:23 - Setting up application namespace 1:42:55 - Scaffolding out the event listeners 1:55:30 - Defining a “game move” 1:58:14 - Handling a player move with JS 2:04:20 - What is “state”? 2:09:15 - Showing player icon based on current player 2:18:12 - Calculating a game winner based on moves 2:42:17 - Summary of game move handler function 2:45:03 - Opening modal when game is over 2:52:11 - Setting the turn indicator 3:00:07 - Refactoring our game to use the MVC pattern 3:10:43 - Setting up ES6 modules in the browser 3:15:54 - Refactoring the View 3:29:11 - Improving our menu toggle button 3:53:46 - Creating the “state” Store class 4:45:45 - Implementing “new round” button 5:04:20 - Saving game state to LocalStorage 5:20:59 - Making our view “Reactive” (intro to how React works) 5:38:05 - BONUS - creating a custom state change event 5:45:35 - BONUS - Delegating event listeners
@stojanivan
Жыл бұрын
Glad to see our project chosen, thanks for the feedback, it's much appreciated!
@zachgoll
Жыл бұрын
Hey! Appreciate you submitting it! Went a little overboard on the refactor but hopefully it demonstrates the progression from a single script to an MVC pattern. I also have a TypeScript and React + TypeScript version of this same code coming soon :)
@aLoUd3
Жыл бұрын
Zach. Why didn't I find your channel earlier? You're the best in the game. One thing that seperates you from the rest is that you never seems to forget that you're a teacher. If a question pops up in my head it usually dosent take long until you're on to the exact subject. I never feel left behind with your teaching style. We who have found you truly are in good hands. All the best! :)
@zachgoll
Жыл бұрын
Exactly what I hope for people watching these videos :) thanks!!
@yoannme1181
Жыл бұрын
Hello Zach, exactly the video I needed and so well explained step by step Your channel deserves so much recognition !
@sarawisniewska659
Жыл бұрын
I love the way you teach. I’ve learned so much from your videos. I hope you keep posting. :D
@vrosofficial
Жыл бұрын
Yes!
@ibernikov
7 ай бұрын
Thank you very much for you video and explanations!
@ShrivastavAditya
Жыл бұрын
among all the available tutorials of tic tac toe, this one has the best ui/ux which looks beautiful and classy
@edgawa1358
6 ай бұрын
This video helped me out to wrap my head around HTML, CSS and JS. Thank you for this!
@vamshikrishnareddy76
Жыл бұрын
Great tutorial was able to build the entire thing after watching the video and taking notes thank you for explaining everything in great detail looking forward to react version of this video.
@zachgoll
Жыл бұрын
Great to hear! React version should be out this week!
@MuhammadAbdullah-ec5hq
Жыл бұрын
Keep up the amazing work, and I look forward to learning more from you in the future!
@user-so6dv4jy4o
Жыл бұрын
I really appreciate that for sharing the method. I had just written all of my DOM target elements in the global scope."
@ashwanipandey2631
Жыл бұрын
Great bro 🎉💐
@jemsync
Жыл бұрын
Learned a lot of concept here that no one ever introduce me to.
@rocco6759
8 ай бұрын
At 4:35:20 my code does not seem to recognise the pattern its not opening the modal , matched my code to yours many times but the issue seems to persist don't know what to do now
@sayChristIsKing
Жыл бұрын
I'm trying to follow, but at some point it becomes so abstract that my brain just can't draw connections anymore. First part was alright, but with MVC introduction, when you need to pass around lambda functions with anonymous functions inside of them it's just.. damn. And it's only some tic-tac-toe game. Like this 4:26:22 part just broke me. How am I supposed to come up with this by myself when building something of my own, feel like I'm the dumbest man alive. Don't mind me crying tho, the video is great. Thank you Zach, you're really smart dude
@zachgoll
Жыл бұрын
Couple thoughts here because you're asking the right questions. 1. No chance I would have been able to come up with all this when I was starting out. No chance. That said, this video is exactly what I wish I had when I was starting out. This is meant to be very challenging for the sake of learning **why** certain patterns are used. My goal here was to *derive* the steps along the way to first show the pain, then show the solution to that pain. 2. Yes, this is a very basic Tic Tac Toe game, and in the real world, I would NEVER put this much effort into making it "pretty". I'd think of the game as a "vehicle" for learning concepts rather than a realistic build.
@LKBeastGamer
10 ай бұрын
why am i getting the following error message?---- Uncaught TypeError: App.$.menu is null
@LKBeastGamer
10 ай бұрын
however once i change the data-id to a class (.menu for example) it works fine
@LKBeastGamer
10 ай бұрын
i worked out the issue, 'event' has to be prefixed wth a '_' so like this --- '_event'
@rocco6759
8 ай бұрын
Did you complete it?
@Bhushan_gaikwad10
Жыл бұрын
Zach can i get a job after i completed your frontend development course from codecamp?
@anindagoswami6793
Жыл бұрын
1:58
@inamullah2627
Жыл бұрын
Hi Zach i sent you a message on twitter Plz reply to me
Пікірлер: 27