GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - paulmotz/JavaScript30: 30 Day Vanilla JS Challenge

BranchesTags
Open more actions menu
 
 

Latest commit

 

History

12 Commits
12 Commits

Folders and files

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

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

Readme
Activity

Stars

1 star

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.