Readme
This commit is contained in:
parent
b66d1b80bd
commit
db058f66bd
28
README.md
Normal file
28
README.md
Normal 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) 🌹 <<< 😉
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|

|
||||||
BIN
memory-game.gif
Normal file
BIN
memory-game.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 990 KiB |
Loading…
x
Reference in New Issue
Block a user