Memory Card Game - JavaScript Tutorial

Pubblicato il: 13 agosto 2018
sul canale di: freeCodeCamp.org

184,337

4.2k

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...

❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-Java... (Made possible by a grant from our friends at Scrimba)

⭐️ 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

In questa pagina del sito puoi guardare il video online Memory Card Game - JavaScript Tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato freeCodeCamp.org 13 agosto 2018, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 184,337 volte e gli è piaciuto 4.2 mille spettatori. Buona visione!

54,509