This commit is contained in:
Marina Ferreira 2018-08-19 09:22:35 -03:00
parent b66d1b80bd
commit db058f66bd
2 changed files with 28 additions and 0 deletions

28
README.md Normal file
View File

@ -0,0 +1,28 @@
# Memory Game Tutorial - Vanilla JavaScript
* 🕹 Demo: <a href="https://marina-ferreira.github.io/projects/js/memory-game/" target="_blank">Memory Game Project</a>
* 🎬 Video Tutorial: <a href="https://www.youtube.com/watch?v=eMhiMsEC9Uk&list=PLLX1I3KXZ-YH-woTgiCfONMya39-Ty8qw" target="_blank">Code Sketch Channel</a>
* ✏️ Wriiten Tutorial: <a href="https://github.com/code-sketch" target="_blank">Memory Game Repo</a>
Project developed in vanilla javascript. Learn the fundamentals of pure javascript in a 30 minute project. No frameworks or libraries, definitely no jQuery.
This tutorial 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
---
💚 [Twitter](https://twitter.com/codesketchlab)
💙 [Facebook](https://www.facebook.com/codesketchlab/)
💜 [Medium](https://medium.com/@marina.ferreira.developer)
Don't forget to subscribe to the >>> 🌹 [Code Sketch Channel](https://www.youtube.com/channel/UCHFmShpjG-8N52O0JD2ut3A) 🌹 <<< 😉
---
![Memory Game](./memory-game.gif)

BIN
memory-game.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 990 KiB