Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

paulmotz/JavaScript30

Open more actions menu
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JavaScript30

These are my implementations of Wes Bos' https://JavaScript30.com challenge. In most cases, I added a feature of my own.

Notes on my implementations

1 - JavaScrupt Drum Kit

Users can click to play a certain sound rather than just using the keyboard.

Playback of sounds doesn't reset current playback in Safari.

2 - JS + CSS Clock

I made every hand on the clock look unique. I also fixed a bug in the version of the code that I forked.

3 - CSS Variables

No changes (yet).

Safari does not support a pretty color picker

4 - Array Cardio Day 1

No changes since this was just a test of some array methods.

5 - Flex Panel Gallery

No changes (yet).

6 - Type Ahead

No changes (yet).

Does not work in Safari since it does not support fetch.

7 - Array Cardio Day 2

No changes since this was just a test of some array methods.

8 - Fun with HTML5 Canvas

I changed the color range and line width. TODO: I plan on allowing the user to do this using CSS variables.

9 - Dev Tools Domination

No changes as this was an instructional step.

10 - Hold Shift and Check Checkboxes

I fixed what I consider to be a bug where if a user checks and unchecks a box it is still considered to be checked for the purpose of shift clicking.

An example of the "buggy" behavior: -There are 9 checkboxes -A user checks then unchecks the first box -A user shift clicks the fifth box -Boxes 1-4 which were unchecked are now all checked.

11 - Custom Video Player

TODO: I plan on adding a full screen button

12 - Key Sequence Detection

My implementation allows multiple words and adds some fabulous details

13 - Slide in on Scroll

To be completed

14 - JavaScript References VS Copying

No changes as this was an instructional step.

15 - LocalStorage

I added buttons to remove all items from local storage and to check/uncheck all items

16 - Mouse Move Shadow

Changed colors and position but no non cosmetic changes made

17 - Sort Without Articles

Now works with Safari (solution does not)

18 - Adding Up Times with Reduce

Completed

19 - Webcam Fun

Completed, added green and blue effects

20 - Speech Detection

Made changes to styling so that there is not a blank line after the most recent text.

21 - Geolocation

To be completed

22 - Follow Along Link Highlighter

Added a fade in effect for the first link highlighted. In solution, bubble transitions in from top left which is not a link location.

23 - Speech Synthesis

To be completed

24 - Sticky Nav

To be completed

25 - Event Capture, Propagation, Bubbling and Once

To be completed

26 - Stripe Follow Along Nav

To be completed

27 - Click and Drag

To be completed

28 - Video Speed Controller

To be completed

29 - Countown Timer

To be completed

30 - Whack A Mole

To be completed

About

30 Day Vanilla JS Challenge

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 86.4%
  • CSS 8.6%
  • JavaScript 5.0%
Morty Proxy This is a proxified and sanitized view of the page, visit original site.