JavaScript 30 Challenge

This is a 30 day challenge of 30 vanilla JavaScript projects.

Project 1

Drum Kit

A drumkit using JavaScript functions to play sound files on keydown. It also incorporates CSS class transitions.

Project 2

Clock

A clock using JavaScript and CSS.

Project 3

CSS Variables

An app that uses CSS variables slider input to adjust the space around an image, background color and blur.

Project 4

Array-Cardio 1

Practice manipulating the DOM using arrays and nodelists.

Project 5

Flex Panels

Using flex to transition flex box sizes.

Project 6

Project 7

Project 8

Project 9

Project 10

Project 11

Project 12

Project 13

Project 14

Project 15

Project 16

Project 17

Project 18

Project 19

Project 20

Project 21

Project 22

Project 23

Project 24

Project 25

Project 26

Project 27

Project 28

Project 29

Project 30