Filip's 30 day (ish) JavaScript Challenge

Day 1

Drum kit

Interface for playing drum sounds using keys

Finished: 16/05/2021
Day 2

CSS + JS Clock

Simple clock with three hands - updated in real time

Finished: 18/05/2021
Day 3

CSS variables

Modifying photo display using CSS variables

Finished: 19/05/2021
Day 4

Array Cardio

Exercises for using array helper methods

Finished: 20/05/2021
Day 5

Image Gallery

Interactive flexbox gallery

Finished: 22/05/2021
Day 6

City Search

Dynamically search for US cities

Finished: 24/05/2021
Day 7

Array Cardio 2

Exercises for using array helper methods

Finished: 25/05/2021
Day 8

HTML canvas

Multicolored drawing canvas

Finished: 26/05/2021
Day 9

Dev Tools tricks

Useful console commands

Finished: 27/05/2021
Day 10

Checklist

Using shift to check multiple checkboxes

Finished: 01/06/2021
Day 11

Custom player

Custom video player

Finished: 04/06/2021
Day 12

Secret code

Key sequence detection

Finished: 05/06/2021
Day 13

Image slide

Images slide in while scrolling

Finished: 07/06/2021
Day 14

Copies

Array and object references vs copies

Finished: 09/06/2021
Day 15

Tapas menu

Editable menu using localstorage

Finished: 13/06/2021
Day 16

Moving text shadow

Moving text shadow through mouse movements

Finished: 14/06/2021
Day 17

Band names

Sorting band names without articles

Finished: 15/06/2021
Day 18

Adding up times

Adding video times using reduce method

Finished: 18/06/2021
Day 19

Photo booth

Adding video times using reduce method

Finished: 23/06/2021
Day 20

Speech recognition

Writing down the user's speech

Finished: 24/06/2021
Day 21

Compass

Geolocation (mobile only)

Finished: 25/06/2021
Day 22

Follow links

Following links with moving highlight

Finished: 26/06/2021
Day 23

Speech synthesis

Using the browser's API to read text

Finished: 28/06/2021
Day 24

Sticky nav

Sticking nav bar to top using JS

Finished: 30/06/2021
Day 25

Event propagation

Quick lesson on event listeners

Finished: 01/07/2021
Day 26

Moving dropdown

Smooth nav bar animation

Finished: 04/07/2021
Day 27

Click and drag

Scroll sideways using the mouse

Finished: 08/07/2021
Day 28

Change video speed

Click and drag to change video speed

Finished: 09/07/2021
Day 29

Countdown clock

Timer for tracking breaks

Finished: 11/07/2021
Day 30

Whack-a-mole!

Classic arcade fun!

Finished: 15/07/2021