Tag: vanilla js

  • Learn Vanilla Javascript: Memory Game Tutorial – Board CSS [3/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: * size the cards with CSS calc function * position the cards in the board with flexbox * add a click effect with the CSS…

  • 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…

  • Make a JavaScript Drum Kit in Vanilla JS! #JavaScript30 1/30

    Day 1 of 30. Let’s make a JavaScript Drum kit and bunch along the way. Get all 30 videos and Starter files for free over at JavaScript30.com. Original source

  • Coding “Snake” in 4 min 30 sec (plain browser JavaScript)

    Support on Patreon: https://www.patreon.com/gamkedo Try my free course: http://code-your-first-game.com (or full URL is https://www.udemy.com/code-your-first-game/ ) Next steps: http://gamkedo.com The (hacky) Snake source: https://pastebin.com/Z3zhb7cY About InteractionArtist, my 219 daily prototypes: https://www.youtube.com/watch?v=BgZrBpSISS0 Original source

  • JavaScript Pro Tips – Code This, NOT That

    New Series! Code this 💪, not that 💩. Learn how to write solid modern JavaScript and avoid bad code from then olden days. https://angularfirebase.com – Source https://github.com/codediodeio/code-this-not-that-js Original source