Best way to remove the side borders is by not putting borders at all but just use gird-grap to create the lines. No need to separating selecting the elements and removing them. .board { display: grid; grid-gap: 5px; grid-template-columns: repeat(3, auto); background-color: black; } .cell { background-color: white; width: var(--cell-size); height: var(--cell-size); cursor: pointer; display: flex; justify-content: center; align-items: center; position: relative; }
I never thought Id find the day Id finish a youtube tutorial. Been trying to learn programing for years, and recently came across a really good web development course, got the fundamentals and finally really learn't web development and wanted to create a tic tac toe game just curious of the logic. I managed to do my own, but I had started this one before I started my own, and had to come back to see how this one was created because I was fasinated by the design and how good the tutorial is. Mine came nowehere close to how good this is. Thank you so much man !!!
@@kebab4640 Hi Mate, CSS I found the hardest. Funnily enough, I mastered js and react but right this moment Im once again going through my old courses on css. I had purchased a course on udemy advanced css by Jonas. Its extremely good for responsiveness, and flex box any many things. But these have been at me for years, Im pretty sure net ninja has it all covered as well. Just keep practising, and don't rush things, and very imp experiment.
I'm not skilled enough to create these projects on my own... BUT this is what I have learnt by following along & making your Clock, Quiz & Tic Tac Toe Projects - Debugging skills are getting faster & way more effective - Recognizing patterns & having a somewhat better understanding of wtf is going on - Implementing your logic & workflow Thanks so much & I hope to become a great Programmer / Web Developer & one day give back to the community in anyway I can.
@@tremolony4924 sometimes i get discourage because when i do the project again i cant run it right. And sometimes wonder how did they come up with that approach and did they did it a day or what. I dont expect but I will try to learn and get there someday.
@@arvsnacs422 Yes I agree. It can be discouraging when the project doesn't work... Most people give up when it gets too difficult... Keep learning & keep doing small projects. It takes time but eventually you will improve :)
Note: If your having a problem in 25:06 in CSS part, unable to hide the winning-message Solution: Try removing the ' display: flex; ' in side the winning-message and add it inside the ' winning-message .show '
Kyle knows his onions! His designs are so thorough, and his use of ES6 functionality and CSS is masterful in its elegance. Great tutorial, with a lot of material illustrated clearly and accurately in application towards delivering a nice little application :) .
every single time I watch your videos I need to stand back and question everything I know, because of how incredibly clean and easy the code you teach is to learn thank you so so much!
@@WebDevSimplified Thank you brother❤ I hope someday I can appreciate you in a tangible way. Words are not enough to show gratitude for your immense contribution.
@@WebDevSimplified Hi Kyle! Is it possible to make this game playing remotely with a friend? 2 remotely players? Somebody is interested to develop this functionality with me? Any help is welcome!
This is such a timely topic for me as my wife wants me to help her create a math game proof of concept and this will be a great foundation. Thank you very much for the detailed explanation.
This was a great film. Works great with great explanation! Keep the videos coming!
Před 4 lety+13
Very nicely done! Though, personally, I'd use inline SVG for drawing the board, as well as the noughts and crosses. But that's just a personal preference: my main reason for this is the fact I abhor using any more CSS than absolutely necessary to get things working. I find SVG perfectly suited for tasks such as these, as it gives me much more versatility, and I find it easier to maintain and tweak later.
exactly my thoughts. SVG is best suited for a non real-time game, and CSS is best kept to a minimum. it is much easier to use JS to handle dynamic changes in CSS, rather than to do acrobatics with HTML and CSS and query gimnastics which are useless for most projects. BUT, this video is VERY good as a learning tool, it takes you to places you may not think of and it does it brilliantly. so, thank you WDS, you really are helpful!
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.
that checkWin function is amazing with the logic , I would not thought about doing this function by my self thnx a lot . that project has tought me a lot
wow, great project. I'm very impressed with the use of advanced CSS and what it can do for a website. It helped me a lot to code my tic-tac-toe game. great tutorial, indeed very high quality coding skills ....
One correction : in hover effect to get the x or o in selector you shouldn't include .x or .circle in .board class as shown in the video like this --- .board.x .cell:hover::before (this is not correct) .board .cell:hover::before (this one is correct) personally I faced this problem so anyone who is facing this problem use this as a solution 😉
I had a project in collage that I didn't mange to finish. It was a game called Nim. I was supposed to make the game so that you can play it against the PC (The class was virtual intelligence) ,but I didn't manage to make it smart enough so made something else. This seems pretty cool so I will try it . Thanks for the idea.
You are Really Talented and you deserve more than 1M subs Good Luck .BTW Small projects playlist is best for me to learn something new while quarantined. I Said you deserve more subs cuz lotta channels out there recommend their own sh*t instead the real content but you are unlike 'em ensures quality of content Again Good Luck Love from India
Does anybody understand why the X and O's at 12:20 were invisible? Why would display:flex fix anything here, aren't flexboxes for repositioning elements? I don't see how anything could be overlapping to hide the X marks, so I don't understand how everything suddenly became visible? I also noticed if you don't use the cell.x.before & after pseudo elements, the marks are clearly visible. Clearly something weird is going on with the pseudo elements, so if somebody knows could they explain it?
Hey Kyle thank you for the good video🤙🏼 I would like to ask you could you make video about your background how did you learn programming(front-end) which books did you read and courses did you used?! Thanks advance I do appreciate you job👍🏻
man I did this on my own and it had literally 20xs more code and was not nearly as clean as this LOL its so good to see it being done in a much more simplified way
Great tutorial! Your style gives me a good mix of learning new things (especially in the CSS of this video) and allowing me to try to implement the current part first before I watch you do it
In the 12:36 mark. .cell{ width: var(--cell-size); height: var(--cell-size); border: 1px solid black; display: flex; justify-content: center; align-items: center; } is not showing the bars, they only apear when I remove the "align-items: center" or replace it with "align-content". Could someone help me with it??
I made my own version of the removing of the side borders, with a lot of explanation for those who are struggling with nth:child() : Feel free to copy the css /** Remove exterior cell lines */ /** Explanation of nth:child ** Syntax: ** nth:child(an + b) {} a is the cycle size, meaning it selects elements based on a repeating pattern. n is the counter that starts at 0 and increments for each subsequent child element. b is an offset, specifying where the pattern should begin. you can think of a as a multiplier for n When a is 1, the pattern repeats every n elements, selecting every element in the sequence. When a is 2, the pattern repeats every 2n elements, selecting every other element. When a is 3, the pattern repeats every 3n elements, selecting every third element, and so on. -n means it counts backward from the offset (b). */ /* Select the first three children In this case, (-n + 3) means it counts backwards from the 3rd element */ .cell:nth-child(-n + 3) { border-top: none; } /* Select every third element starting from the first one (0-based index) */ .cell:nth-child(3n + 1) { border-left: none; } /* Select every third element starting from the third one (0-based index) */ .cell:nth-child(3n + 3) { border-right: none; } /** Explanation of :nth-last-child() :nth-last-child selects elements based on their position relative to the end of the parent element. -n+3 is the formula used to select the last three children: -n means it counts backward from the last child element. +3 specifies that it should select up to the third child from the end. Kinda like "what amount of backwards should i go?" */ /* Select the last three children */ .cell:nth-last-child(-n + 3) { border-bottom: none; }
I only started coding a few weeks ago, but I don't think that programmers say this lot Kyle's favorite sentence: "which is exactly what we want" 😂. Great videos btw. How much time does it take for you to create a program like this for the first time?
Please help!! I'm stuck in the winning message part. I'm not getting the result of who won X Or O. And also the restart button doessnt appear after the end of the game
I wish css had a way to cut out the background of a layer showing the layer under it. For example the O rather than having the after set to the background color. Would be cool to have a background: cutout(1); to cut down by one layer. But haven't seen any documents showing anyone trying to vote something like that into css. Think of the cool stuff can be made if we could use elements to cut into other elements.
are you talking about the opacity or something different because opacity and things like that can be done with opacity and z-index for above and below elements and classes made in css and html
@@matthewtetley7048 not opacity. Here's an example. You have elm1 > elm2 > elm3. Use elm3 as a cut into elm2 to show the under elm1. This way you can have complex cut outs of parent elements to show the parent element of that element. You could take this even further using inline SVG elements
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 ?
This was my first project but with single player and 2 player, no tutorial. I feel genius without tutorial even tho it took 3 weeks for single player and 3 days for 2 player.
Video Time: 39:02 Just incase anyone gets into a problem try going to the Github code and copy it GitHub Code: github.com/WebDevSimplified/JavaScript-Tic-Tac-Toe/blob/master/script.js#L2
why not name the circle O instead, so the code is nice and symmetrical. I can't sleep now before I build this myself. 😩. Anyway, nice straight to the point tutorial.
Bro make a video on how to use JS in daily life projects like making websites or applications? Why we learn the JS because every beginner try to learn JS but mostly they don't know why. I hope you understand me. Thank you for everything :)
Genuine question: Do you write all these projects on the fly?, cause that is impressive logical thinking powers, I mean wow, or do you take time and think a little longer and edit the videos? I am sure some editing is done to speed up the process but the thinking power is my main question. I've watched loads of your vids.
Uncaught TypeError: Cannot read property 'every' of undefined at script.js:53 at Array.some () at checkWin (script.js:52) at HTMLDivElement.handleClick (script.js:26) Please can you help?
this game has a lot to do with css, kind of complicated, but good to learn all the basic, and it is a good game, a great tutorial, Mr. Kyle is a mater !!!
Right when I thought I was getting the hang of CSS!
Same here lol
same
@@depression_isnt_real how?
I swear
Who is a css?
Best way to remove the side borders is by not putting borders at all but just use gird-grap to create the lines. No need to separating selecting the elements and removing them.
.board {
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(3, auto);
background-color: black;
}
.cell {
background-color: white;
width: var(--cell-size);
height: var(--cell-size);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
Such a tricky project made so simple. Thank you so much Kyle.
I left it out in my college exam
In c++
I made same project using ReactJS - czcams.com/video/pw2krTJLF6Y/video.html
I never thought Id find the day Id finish a youtube tutorial. Been trying to learn programing for years, and recently came across a really good web development course, got the fundamentals and finally really learn't web development and wanted to create a tic tac toe game just curious of the logic. I managed to do my own, but I had started this one before I started my own, and had to come back to see how this one was created because I was fasinated by the design and how good the tutorial is. Mine came nowehere close to how good this is. Thank you so much man !!!
may I ask, what web development course you took? I know how to do the javascript but the css was honestly the most difficult.
@@kebab4640 Hi Mate, CSS I found the hardest. Funnily enough, I mastered js and react but right this moment Im once again going through my old courses on css. I had purchased a course on udemy advanced css by Jonas. Its extremely good for responsiveness, and flex box any many things. But these have been at me for years, Im pretty sure net ninja has it all covered as well. Just keep practising, and don't rush things, and very imp experiment.
@@chasec4897I’m finding it hard mastering JavaScript
we need more people like this man! He is shaping a new vision to help beginners do what they want!
me:iam wondering why iam thinking of learning css again,
kyle:This is why
I'm not skilled enough to create these projects on my own...
BUT this is what I have learnt by following along & making your Clock, Quiz & Tic Tac Toe Projects
- Debugging skills are getting faster & way more effective
- Recognizing patterns & having a somewhat better understanding of wtf is going on
- Implementing your logic & workflow
Thanks so much & I hope to become a great Programmer / Web Developer & one day give back to the community in anyway I can.
Same here. Ive done the clock, quiz, calculator, and now im trying to understand this. Im a self learner and no background just youtube and google.
@@arvsnacs422 Keep pushing!!! Don't give up
@@tremolony4924 sometimes i get discourage because when i do the project again i cant run it right. And sometimes wonder how did they come up with that approach and did they did it a day or what. I dont expect but I will try to learn and get there someday.
@@arvsnacs422 Yes I agree. It can be discouraging when the project doesn't work...
Most people give up when it gets too difficult...
Keep learning & keep doing small projects. It takes time but eventually you will improve :)
Note: If your having a problem in 25:06 in CSS part, unable to hide the winning-message
Solution: Try removing the ' display: flex; ' in side the winning-message and add it inside the ' winning-message .show '
thanks
in 12:20 why does adding [ display : flex ] on .cell{ } show the before and after divs.
why not without it ?
Kyle knows his onions! His designs are so thorough, and his use of ES6 functionality and CSS is masterful in its elegance. Great tutorial, with a lot of material illustrated clearly and accurately in application towards delivering a nice little application :) .
every single time I watch your videos I need to stand back and question everything I know,
because of how incredibly clean and easy the code you teach is to learn
thank you so so much!
On 8:50, for top and bottom border lines, you can do :
.cell:nth-child(1n+1) {
border-top: none;
}
.cell:nth-child(1n+7) {
border-bottom: none;
}
in 12:20 why does adding [ display : flex ] on .cell{ } show the before and after divs.
why not without it ?
Hello Kyle. These days your face has become one of my own family! Every time I see you a new video, I feel genuine happiness!
Thank you so much! That really means a ton.
@@WebDevSimplified Thank you brother❤ I hope someday I can appreciate you in a tangible way. Words are not enough to show gratitude for your immense contribution.
@@WebDevSimplified Hi Kyle! Is it possible to make this game playing remotely with a friend? 2 remotely players? Somebody is interested to develop this functionality with me? Any help is welcome!
That's so sweet😄
This is my first year coding and I have to say that this is by far the most impressive thing I have seen
This is such a timely topic for me as my wife wants me to help her create a math game proof of concept and this will be a great foundation. Thank you very much for the detailed explanation.
Thank you! You've made this so easy to understand. This really is web dev simplified!
I really enjoyed the use of different CSS selectors, thanks for that. I came for the JavaScript, but I stayed for the styles. Lol
Your use of CSS in this video is that of a master. Kudos to you sir.
Thank you so much. I love how powerful CSS is now. It makes doing things like this so much easier then it used to be.
in 12:20 why does adding [ display : flex ] on .cell{ } show the before and after divs.
why not without it ?@@WebDevSimplified
This was a great film. Works great with great explanation! Keep the videos coming!
Very nicely done!
Though, personally, I'd use inline SVG for drawing the board, as well as the noughts and crosses. But that's just a personal preference: my main reason for this is the fact I abhor using any more CSS than absolutely necessary to get things working. I find SVG perfectly suited for tasks such as these, as it gives me much more versatility, and I find it easier to maintain and tweak later.
exactly my thoughts. SVG is best suited for a non real-time game, and CSS is best kept to a minimum. it is much easier to use JS to handle dynamic changes in CSS, rather than to do acrobatics with HTML and CSS and query gimnastics which are useless for most projects. BUT, this video is VERY good as a learning tool, it takes you to places you may not think of and it does it brilliantly. so, thank you WDS, you really are helpful!
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.
that checkWin function is amazing with the logic ,
I would not thought about doing this function by my self
thnx a lot .
that project has tought me a lot
wow, great project. I'm very impressed with the use of advanced CSS and what it can do for a website. It helped me a lot to code my tic-tac-toe game. great tutorial, indeed very high quality coding skills ....
Web Dev Simplified : makes a quiz website in 26 minutes .
also Web Dev Simplified :makes tic tac toe in 41 minutes.
by the way love your videos
You explained it very well. I just want to give simple suggestion. To get initial hover effect, you just need to add x_class to board class.
that assumes that X always starts
One correction : in hover effect to get the x or o in selector you shouldn't include .x or .circle in .board class as shown in the video like this ---
.board.x .cell:hover::before (this is not correct)
.board .cell:hover::before (this one is correct)
personally I faced this problem so anyone who is facing this problem use this as a solution
😉
Thanks bro
in 12:20 why does adding [ display : flex ] on .cell{ } show the before and after divs.
why not without it ?
Thanks bro, I'm waiting for this project, hope you will come with these types of advance projects....... 👍👍👍
I plan to make more advanced projects like this in the future
@@WebDevSimplified thanks a lot ,,, we are waiting........
@@WebDevSimplified goat.
Clear and detailed explanations, and extremely well-organized. Great video.
So super effective and straight to the point! Awesome!
Building Tic-Tac-Toe in ReactJS: czcams.com/video/pw2krTJLF6Y/video.html
Still valid, exceptional teaching skills, thank you.
You are really good man. I love how CSS can be used in place of JavaScript.
Next Level CSS!
I had a project in collage that I didn't mange to finish. It was a game called Nim. I was supposed to make the game so that you can play it against the PC (The class was virtual intelligence) ,but I didn't manage to make it smart enough so made something else. This seems pretty cool so I will try it . Thanks for the idea.
You are GEM:))
You are Really Talented and you deserve more than 1M subs Good Luck .BTW Small projects playlist is best for me to learn something new while quarantined.
I Said you deserve more subs cuz lotta channels out there recommend their own sh*t instead the real content but you are unlike 'em ensures quality of content Again Good Luck
Love from India
Does anybody understand why the X and O's at 12:20 were invisible?
Why would display:flex fix anything here, aren't flexboxes for repositioning elements? I don't see how anything could be overlapping to hide the X marks, so I don't understand how everything suddenly became visible? I also noticed if you don't use the cell.x.before & after pseudo elements, the marks are clearly visible. Clearly something weird is going on with the pseudo elements, so if somebody knows could they explain it?
if you found out
care to explain pls
I've had the same problem. Turns out, i didn't set height, only width twice :P
Hey Kyle thank you for the good video🤙🏼 I would like to ask you could you make video about your background how did you learn programming(front-end) which books did you read and courses did you used?! Thanks advance I do appreciate you job👍🏻
man I did this on my own and it had literally 20xs more code and was not nearly as clean as this LOL its so good to see it being done in a much more simplified way
Same, mine was around 110 lines of code for 2 player and 288 for computer
Just simple styles in the game.But learnt a lot more than expected
Thank you,man! This clip was amazing!
This was too good .thank you sir
Can't say thanks enough for the helpful thorough informative lesson
I like how you get what I'm thinking about and put it in code, with so much ease.
33:30 I've been learning JS for 2month. My head started burning with that part 🤦♂️
Never give up.
enjoy the process of understanding, there's always going to be something that you don't understand. But be concious about the progress
Great tutorial! Your style gives me a good mix of learning new things (especially in the CSS of this video) and allowing me to try to implement the current part first before I watch you do it
Such a joy to watch you code and explain these projects and topics! Thank you!
Thank you for great tutorials! You are really good at this :)
Hey, you made the JavaScript part much much simpler than the normal one!!!
There's too much going on here! haha Thanks, Kyle! Much appreciate it
I was waiting for you to put placeMark into a function, and I had no idea what I was gonna do if you didn't.
Good Kyle!
Super CSS Combinators Exercise: Could fill a whole course on CSS Combinators! Thank's a lot Kyle for this carefully crafted presentation!!
In the 12:36 mark.
.cell{
width: var(--cell-size);
height: var(--cell-size);
border: 1px solid black;
display: flex;
justify-content: center;
align-items: center;
}
is not showing the bars, they only apear when I remove the "align-items: center" or replace it with "align-content".
Could someone help me with it??
I'm getting the same issue, except it's not showing at all even when I remove "align-items: center" or replace it.
Tic Tac Toe Game in JavaScript | JS Project | JavaScript Full Course: czcams.com/video/LQ99hNQ-lzM/video.html
Thanks Kyle! I’m curious to know how you decided on which ‘const’ names have uppercase vs camel case. Much appreciated! Love your channel man.
I made my own version of the removing of the side borders, with a lot of explanation for those who are struggling with nth:child() :
Feel free to copy the css
/** Remove exterior cell lines */
/** Explanation of nth:child
** Syntax:
** nth:child(an + b) {}
a is the cycle size, meaning it selects elements based on a repeating pattern.
n is the counter that starts at 0 and increments for each subsequent child element.
b is an offset, specifying where the pattern should begin.
you can think of a as a multiplier for n
When a is 1, the pattern repeats every n elements, selecting every element in the sequence.
When a is 2, the pattern repeats every 2n elements, selecting every other element.
When a is 3, the pattern repeats every 3n elements, selecting every third element, and so on.
-n means it counts backward from the offset (b).
*/
/* Select the first three children
In this case,
(-n + 3) means it counts backwards from the 3rd element
*/
.cell:nth-child(-n + 3) {
border-top: none;
}
/* Select every third element starting from the first one (0-based index) */
.cell:nth-child(3n + 1) {
border-left: none;
}
/* Select every third element starting from the third one (0-based index) */
.cell:nth-child(3n + 3) {
border-right: none;
}
/** Explanation of :nth-last-child()
:nth-last-child selects elements based on their position relative to the end of the parent element.
-n+3 is the formula used to select the last three children:
-n means it counts backward from the last child element.
+3 specifies that it should select up to the third child from the end.
Kinda like "what amount of backwards should i go?"
*/
/* Select the last three children */
.cell:nth-last-child(-n + 3) {
border-bottom: none;
}
I only started coding a few weeks ago, but I don't think that programmers say this lot Kyle's favorite sentence: "which is exactly what we want" 😂. Great videos btw. How much time does it take for you to create a program like this for the first time?
Please help!! I'm stuck in the winning message part. I'm not getting the result of who won X Or O. And also the restart button doessnt appear after the end of the game
Kyle is a legend👍
After Watching This Video I've Realized Why Say I've Two Yrs Of Experience...
You're A Great Man Kyle! Hats off 👏👏
So cool, but can you make a video where you add a 1vsAI , and this 2vs2, where you build an AI for the game? This would be amazing!
I love your videos because you explain very well thank you kyle :)
Nice video Kyle, you always put out great material!
so so good - I learned loads from this
I wish css had a way to cut out the background of a layer showing the layer under it. For example the O rather than having the after set to the background color. Would be cool to have a background: cutout(1); to cut down by one layer. But haven't seen any documents showing anyone trying to vote something like that into css. Think of the cool stuff can be made if we could use elements to cut into other elements.
are you talking about the opacity or something different because opacity and things like that can be done with opacity and z-index for above and below elements and classes made in css and html
@@matthewtetley7048 not opacity. Here's an example. You have elm1 > elm2 > elm3. Use elm3 as a cut into elm2 to show the under elm1. This way you can have complex cut outs of parent elements to show the parent element of that element. You could take this even further using inline SVG elements
thanks, simple and easy to follow along with and still relevant in 2024 although its a 4 year old video
You could just add onlick="refresh()" to button and make function:
function refresh(){
location.reload();
}
i like how this guy plugs all of his videos in this tutorial. great content!
I learned something new ... Array.some() and Array.every()... that was worth the price of admission. Nicely done.
You have earned a subscriber! You an excellent teacher. I am very impressed.
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 ?
This was my first project but with single player and 2 player, no tutorial. I feel genius without tutorial even tho it took 3 weeks for single player and 3 days for 2 player.
INSANE. Pure genius!
Thanks Kyle, your videos are awesome! I am new to JavaScript if you have a full class please let me know, i want in!
Video Time: 39:02
Just incase anyone gets into a problem try going to the Github code and copy it
GitHub Code: github.com/WebDevSimplified/JavaScript-Tic-Tac-Toe/blob/master/script.js#L2
ERROR: NULL
Thank you so much for your help. Before this video, this game was too difficult to program.
I love your tutorials. You're the best.
Hats off mannn 🙌
I learned whole css from this video
I love his tic tac toe video
Thank you! You have provided a lot ! I have learned a lot from this tutorial.
Thank you so much. Awesome as always 😀👍👌
dude you make this shit look so easy! how long have you been coding? I just started..
Awesome man !!!
What about with a win and draw count?
Why would you remove the eventListner at 41:05 ? I don't understand.
Thanks now I just need to copy this and im done with my school project
Fast paced, but awesome. You're great btw.
why not name the circle O instead, so the code is nice and symmetrical. I can't sleep now before I build this myself. 😩. Anyway, nice straight to the point tutorial.
Bro make a video on how to use JS in daily life projects like making websites or applications?
Why we learn the JS because every beginner try to learn JS but mostly they don't know why.
I hope you understand me.
Thank you for everything :)
Haha I just saw this project on github and I was like hmm what's this... a couple hours later new video!
Nice! GitHub is the best place to find sneak peaks of my upcoming videos since I generally upload the code at least a day before the video goes live.
Genuine question: Do you write all these projects on the fly?, cause that is impressive logical thinking powers, I mean wow, or do you take time and think a little longer and edit the videos? I am sure some editing is done to speed up the process but the thinking power is my main question. I've watched loads of your vids.
Uncaught TypeError: Cannot read property 'every' of undefined
at script.js:53
at Array.some ()
at checkWin (script.js:52)
at HTMLDivElement.handleClick (script.js:26)
Please can you help?
Did you solve this? I need help
@@TAHJBecomeYourBestSelf bro you must have missed out commos in WINNING_COMINATION array
thanks for this video, it helped me better understand when it's a good idea to define new functions.
wow!! i watched the video 5 times! great show & tell :-)
First comment after I become a big fan of Kyle. Really good job for each video. Thx a lot for ur great job !
You are very welcome!
oh! last of all I am success!
Thank you very much WDS
Thanks Kyle!!! Awesome Tutorial!
this game has a lot to do with css, kind of complicated, but good to learn all the basic, and it is a good game, a great tutorial, Mr. Kyle is a mater !!!
35:19 We Got To Know That Kyle Is In The List Who Created EndGame 😆😆😆😆
Awesome tutorial! 5 stars!