Learn Vanilla Javascript: Memory Game Tutorial – Shuffling [11/11]




Project developed in vanilla javascript. Learn the fundamentals of pure javascript by building simple and quick projects. No frameworks or libraries, definitely no jquery.

This video will cover how to:

* shuffle the deck of cards with the flexbox property order
* js Math Object

✏️Written Tutorial: https://medium.freecodecamp.org/vanilla-javascript-tutorial-build-a-memory-game-in-30-minutes-e542c4447eae
🕹Demo: https://marina-ferreira.github.io/projects/js/memory-game/
📂Repo: https://github.com/code-sketch/memory-game

***********************************************************************

Don’t be a stranger!!

💚Twitter: https://twitter.com/codesketchlab
💙Facebook: https://www.facebook.com/codesketchlab/
💜Medium: https://medium.com/@marina.ferreira.developer

***********************************************************************

Original source


7 responses to “Learn Vanilla Javascript: Memory Game Tutorial – Shuffling [11/11]”

  1. Thanks for the tutorial.. Never thought of that way on shuffle the cards. Would like some more easy tutorials like this. However I would like it without the speedup coding. Let it take the time it takes.

  2. A few weeks ago I came up with the idea of coding a memory game in order to practice my JS skills. I spent around eight hours with that project, also learning many things along the way, but I was unnable to finish it. I got stuck in a randomizer function [which you called 'shuffle']. Also I was using Grid rather than Flex. The video was very useful, I will now implement your 'shuffle' function on my own project and see how it works. Planning to add a score board too.

Leave a Reply