Neat little drum set application using event listeners to play sound and add/remove css classes with transitions
Learnt how to make a clock using setInterval and using date methods (getSeconds, getMinutes, getHours) to manipulate transform by a number of degrees
Learnt how to use CSS variables (--variablename) and update them with JS (.setProperty('--variablename', 'value'))
Refreshed my knowledge on Arrays (filter, map, sort, reduce), also learnt about console.table very nice tabular console output. Also a good reminder of how arrow functions work.
Made some interesting animations using flex, transitions, and events.
Learnt about new "fetch" method to make http calls which returns a promise. Also, refresh my knowledge of regular expressions using RegExp.
Refreshed my knowledge on Array function: some, every, find, findIndex, and spread operator.
Learnt some neat tricks for playing with canvas while making a little drawing tool.
Learnt some useful debugging tricks and console methods (log, warn, error, info, assert, dir, clear, group, count, time)
Had a look at how to handle checking multiple checkboxes while holding down shift.
Neat little script to handle basic video controls.
Learnt how to detect a sequence of keys
Learnt how to make a simple "Slide in on Scroll" animation
Learnt about array/object referencing and copying
Very interesting lesson about LocalStorage, got me thinking about how to use it in my own websites.
Learnt about how to manipulate box-shadows on mousemove and the cursors current position
Neat little sorting exercise without leading articles (a, the, an)
Nice review of map/reduce array functions
Leanrt how to interact with the users webcam, take in the video data, display it in a canvas and apply filters
Leanrt how to use speech recognition, output it to the page and run functions against phrases
Refresher on geolocation to create a speedometer and compass
Neat little lesson on creating an element that follows your cursor when hovering over certain tags
Learnt about speech synthesis and utterance while using some controls to manipulate the pitch and rate of the voice
Refresher on making a sticky navigation when scrolling passed a certain point
Learnt the ins and outs of event capture, propagation, bubbling, and once
Learnt how to make a sweet hover affect inspired by stripes navigation
Cool manipulation of mouse events to create a grab and horizontal scroll feature
Neat little episode on video playback manipulation with a mousemove over an element
Cool little timer app, clickable presets and custom value
Awesome Whack-A-Mole game! Great way to finish the series