Build Tic Tac Toe With JavaScript – Tutorial




Learning web development can be tough and boring, but it doesn’t have to be. In this video we take a look at creating an advanced JavaScript tic tac toe game. This is a great project for anyone that wants to create a fun project while learning advanced JavaScript and CSS concepts.

๐Ÿ“š Materials/References:

GitHub Code: https://github.com/WebDevSimplified/JavaScript-Tic-Tac-Toe
CodePen Code: https://codepen.io/WebDevSimplified/pen/MWYGogW
JavaScript Defer Attribute Tutorial: https://youtu.be/BMuFBYw91UQ
Why I Do Not Use Class Selectors In JS Article: https://blog.webdevsimplified.com/2019-10/do-not-use-class-selectors-in-javascript
CSS Variables Tutorial: https://youtu.be/oZPR_78wCnY
Array Destructoring Tutorial: https://youtu.be/NIq3qLaHCIs

๐Ÿง  Concepts Covered:

– Advanced CSS Hover Effects
– Advanced JS Game Logic
– CSS Not Selector
– CSS Shape Building

๐ŸŒŽ Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified

#TicTacToe #WDS #JavaScript

Original source


26 responses to “Build Tic Tac Toe With JavaScript – Tutorial”

  1. Very Amazing tutorial. I'm asking me how do you get this ideas the way you are programming. I mean If I see your tutorial I'm understanding what you are doing but by my self I would never write such code without getting inspired with tutorials like that. So I think you have to be some kind of hyper intelligent to develope those applications without watching tutorials. Or is there any trick ?

  2. The real question is how do you make an NxN Tic Tac Toe game with dynamic win conditions?

    Love your videos. Extremely clear and thorough. You're my go to reference when I get stuck at work and the answer isn't on Stack Overflow.

  3. this tutorial is awesome ….. but as I'm finding out, as a beginner, js on the front end is pretty useless (in terms of adding anything of practical value to a web page)… js on the server side is where it has become most useful these days… if js hadn't transitioned to back end and mobile apps, it probably would would've become obsolete by now… !

Leave a Reply