Day 1 - JavaScript Drum Kit
forEach()
play()
Day 2 - CSS + JS Clock
setInterval
seconds / mins / hour
Day 3 - Playing with CSS Variables and JS
handleUpdate
setProperty()
Day 4 - Array Cardio
Array.prototype.reduce()
Array.prototype.map()
Day 5 - Flex Panels Image Gallery
classList.toggle()
toggleActive() function
Day 6 - Ajax Type Ahead
fetch
map
innerHTML
Day 7 - Array Cardio Day 2
Array slicing
Array.prototype.findIndex()
Day 8 - Fun with HTML5 Canvas
offset
canva
Day 9 - 14 Must Know Dev Tools Tricks
Error Logging
console.
Day 10 - Hold Shift to Check Multiple Checkboxes
Shift Key Detection
lastChecked
Day 11 - Custom HTML5 Video Player
handleRangeUpdate
togglePlay`
Day 12 - Key Sequence Detection (KONAMI CODE)
secretCode
cornify_add()
Day 13 - Slide In on Scroll
debounce
window.scrollY
Day 14 - Object and Arrays - Reference VS Copy
slice()
JSON.parse(JSON.stringify())
Day 15 - LocalStorage and Event Delegation
preventDefault
local storage
Day 16 - CSS Text Shadow Mouse Move Effect
Math.round()
shadow(e)
Day 17 - Sorting Band Names without articles
replace()
join()
Day 18 - Tally String Times with Reduce
parseFloat()
Array.prototype.split()
Day 19 - Unreal Webcam Fun
getContext
getImageData
Day 20 - Native Speech Recognition
window.SpeechRecognition
words.appendChild(p)
Day 21 - Geolocation based Speedometer and Compass
data.coords.heading
navigator.geolocation.watchPosition
Day 22 - Follow Along Links
console.log(linkCoords)
highlight.style.transform
Day 23 - Speech Synthesis
populateVoices()
speechSynthesis.addEventListener
Day 24 - Sticky Nav
nav.offsetTop
fixNav()
Day 25 - Event Capture, Propagation, Bubbling and Once
addEventListener capture
addEventListener once
Day 26 - Stripe Follow Along Dropdown
getBoundingClientRect
classList.remove
Day 27 - Click and Drag to Scroll
classList.remove
mouseleave
Day 28 - Video Speed Controller UI
video.playbackRate
Math.round()
Day 29 - Countdown Clock
Date.now()
clearInterval(intervalID)
Math.round
Day 30 - Whack A Mole Game
Math.random()
setTimeout()