Memory Card Game JavaScript Tutorial

>> YOUR LINK HERE: ___ http://youtube.com/watch?v=ZniVgo8U7ek

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/mem... • 💻Repo: https://github.com/code-sketch/memory... • 💻Finished files: https://marina-ferreira.github.io/pro... • ⭐️ Course Contents ⭐️ • ⌨️ (00:00) Intro • ⌨️ (00:47) Basic Structure / Create the Project • ⌨️ (03:53) Board HTML • ⌨️ (07:13) Board Styles • ⌨️ (12:41) Flip Card • ⌨️ (15:53) 3d Effect / CSS3 Perspective • ⌨️ (18:25) Store Cards • ⌨️ (22:37) Match Cards • ⌨️ (25:12) Refactoring • ⌨️ (27:27) Lock Board • ⌨️ (28:53) Card Double Click • ⌨️ (31:04) Shuffling • 🎥Tutorial by Code Sketch. Check out the Code Sketch channel for more great tutorials: / @codesketchlab • -- • Learn to code for free and get a developer job: https://www.freecodecamp.org • Read hundreds of articles on programming: https://medium.freecodecamp.org • ❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp

#############################

New on site