Skip to content

petronbot/JavaScript30

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Table of contents

  1. About
  2. Exercises
  3. License

About

I'm following along with the exercises from Wes Bos' JavaScript30.

As tempting as it is, I'm not going to use any libraries, frameworks or build steps. Just vanilla JavaScript. That means that:

  • the exercises will sometimes only run in a modern browser, (but I've only tested in the latest version of Chrome so YMMV) and
  • my code doesn't always follow the conventions set by some popular frameworks.

While I've aimed to keep my code tidy and readable, I'm not spending a lot of time on refactoring since I don't think it's the point of the exercise.

Exercises

  • 01 - JavaScript Drum Kit
  • 02 - JS + CSS Clock
  • 03 - CSS Variables
  • 04 - Array Cardio Day 1
  • 05 - Flex Panel Gallery
  • 06 - Type Ahead
  • 07 - Array Cardio Day 2
  • 08 - Fun with HTML5 Canvas
  • 09 - Dev Tools Domination
  • 10 - Hold Shift and Check Checkboxes
  • 11 - Custom Video Player
  • 12 - Key Sequence Detection
  • 13 - Slide in on Scroll
  • 14 - JavaScript References VS Copying
  • 15 - LocalStorage
  • 16 - Mouse Move Shadow
  • 17 - Sort Without Articles
  • 18 - Adding Up Times with Reduce
  • 19 - Webcam Fun
  • 20 - Speech Detection
  • 21 - Geolocation
  • 22 - Follow Along Link Highlighter
  • 23 - Speech Synthesis
  • 24 - Sticky Nav
  • 25 - Event Capture, Propagation, Bubbling and Once
  • 26 - Stripe Follow Along Nav
  • 27 - Click and Drag
  • 28 - Video Speed Controller
  • 29 - Countdown Timer
  • 30 - Whack A Mole

About

30 Day Vanilla JS Challenge

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 74.7%
  • CSS 19.0%
  • JavaScript 6.3%