VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
Memory Card Game - JavaScript Tutorial

Memory Card Game - JavaScript Tutorial

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
Learn the fundamentals of pure javascript by building a memory card game. No frameworks or libraries, just vanilla JavaScript. This video will cover how to: - select elements in the DOM with querySelector - iterate through lists with forEach - add/remove an element class - add/remove event listeners - timeout - html5: data-attribute - css3: positioning, flexbox, perspective, backface-visibility, transitions -Demo: https://marina-ferreira.github.io/memory-game/ -Repo: https://github.com/code-sketch/memory-game/ -Finished files: https://marina-ferreira.github.io/projects/js/memory-game/
Date: 2022-03-14

Comments and reviews: 9


Hey, thanks for this amazing tutorial. One thing i recognised that the semicolons in javascript actually matter, which i thought that they dont, or i just dont understand something. I wrote this code and in some places i didnt put the semicolon, and so the app then didn't work correctly, fo example here:
[hasFlippedCard, lockBoard] = [false, false]; --- I had no semicolon here and after my cards didnt match, i could not flip the corner cards again. Not sure why tho ...

reply

Great tutorial. Great work. There is only one issue I can't be able to resolve.
On iOs the -transform: rotateY (180deg);- doesn't seem to work, do you have a quick fix for this?
Anyway keep up the good work! And Thank you so much!

reply

Honestly learn how to make a -tutorial- who makes a -tutorial- sped up... you go way to fast. it starts off as a tutorial but you lose focus and it ends up being a sped up walkthrough.
reply

Absolutely loved this video. More clear and easy to follow than the online course I'm paying for, and you do it free, just to help people out. I love that! Thank you!
reply

Marina, you beautiful soul, THANK YOU!!!! This is a fantastic tutorial, the files are awesome, and for someone just learning to script, I can't thank you enough :-)
reply

Can we pleaaaaaase get a list of these tutorials by people with amazing accents. Lol I honestly feel like this would be the best way for everyone to learn
reply

i would know how to change it in to 4x4?
also will this fail if i use my own images? is there a re restriction on images format or size?thanks

reply

28:05 Hi there, is it possible if you could explain this in normal if/else statement instead of [if(lockBoard) return;], thanks.
reply

This is amazing, I have learned more from this then my dam bootcamp.... i had to watch it more then 15 times but thats okay.
reply
Add a review, comment






Other channel videos