#JavaScript30

#JavaScript30 is a challenge to code in vanilla JavaScript for 30 days in a row. Participants get ready-made markup and styles, and their task is to implement the functionality. For me, this challenge is a quick way to practice different Web APIs.

• Day 1

  • JavaScript Drum Kit
  • script.js

• Day 2

  • CSS + JS Clock
  • script.js

• Day 3

  • Playing with CSS Variables and JS
  • script.js

• Day 4

  • Array Cardio Day 1
  • script.js

• Day 5

  • Flex Panels Image Gallery
  • script.js

• Day 6

  • Ajax Type Ahead
  • script.js

• Day 7

  • Array Cardio Day 2
  • script.js

• Day 8

  • Fun with HTML5 Canvas
  • script.js

• Day 9

  • 14 Must Know Dev Tools Tricks
  • script.js

• Day 10

  • Hold Shift to Check Multiple Checkboxes
  • script.js

• Day 11

  • Custom HTML5 Video Player
  • script.js

• Day 12

  • Key Sequence Detection (KONAMI CODE)
  • script.js

• Day 13

  • Slide In on Scroll
  • script.js

• Day 14

  • Object and Arrays — Reference VS Copy
  • script.js

• Day 15

  • LocalStorage and Event Delegation
  • script.js

• Day 16

  • CSS Text Shadow Mouse Move Effect
  • script.js

• Day 17

  • Sorting Band Names without articles
  • script.js

• Day 18

  • Tally String Times with Reduce
  • script.js

• Day 19

  • Unreal Webcam Fun
  • script.js

• Day 20

  • Native Speech Recognition
  • script.js

• Day 21

  • Geolocation based Speedometer and Compass
  • script.js

• Day 22

  • Follow Along Links
  • script.js

• Day 23

  • Speech Synthesis
  • script.js

• Day 24

  • Sticky Nav
  • script.js

• Day 25

  • Event Capture, Propagation, Bubbling and Once
  • script.js

• Day 26

  • Stripe Follow Along Dropdown
  • script.js

• Day 27

  • Click and Drag to Scroll
  • script.js

• Day 28

  • Video Speed Controller UI
  • script.js

• Day 29

  • Countdown Clock
  • script.js

• Day 30

  • Whack A Mole Game
  • script.js