-
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…
-
Generate HTML Document from Javascript!!!
You can create a full HTML document with CSS styling from JavaScript. This video shows just that. Code Editor : Visual Studio Code Extensions Used: Live Server, Prettify Project Repo: https://github.com/T4puSD/FullJS-Tutorial Original source
-
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…
-
Memory Card Game – JavaScript Tutorial
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:…