https://github.com/nielslange/javascript30

https://github.com/nielslange/javascript30

Last synced: 8 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/nielslange/javascript30
• Owner: nielslange
• Created: 2019-01-01T12:25:36.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-04T17:01:46.000Z (almost 2 years ago)
• Last Synced: 2024-10-10T02:23:15.554Z (29 days ago)
• Language: HTML
• Size: 52.1 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# JavaScript30

This repo is based on the [30 Day Vanilla JS Challenge](https://JavaScript30.com) of [Wes Bos](https://wesbos.com/). 

It contains the following lessons:

- [Day 01 - JavaScript Drum Kit](https://github.com/nielslange/JavaScript30/tree/master/01%20-%20JavaScript%20Drum%20Kit)

- [Day 02 - JS and CSS Clock](https://github.com/nielslange/JavaScript30/tree/master/02%20-%20JS%20and%20CSS%20Clock)

- [Day 03 - CSS Variables](https://github.com/nielslange/JavaScript30/tree/master/03%20-%20CSS%20Variables)

- [Day 04 - Array Cardio Day 1](https://github.com/nielslange/JavaScript30/tree/master/04%20-%20Array%20Cardio%20Day%201)

- [Day 05 - Flex Panel Gallery](https://github.com/nielslange/JavaScript30/tree/master/05%20-%20Flex%20Panel%20Gallery)

- [Day 06 - Type Ahead](https://github.com/nielslange/JavaScript30/tree/master/06%20-%20Type%20Ahead)

- [Day 07 - Array Cardio Day 2](https://github.com/nielslange/JavaScript30/tree/master/07%20-%20Array%20Cardio%20Day%202)

- [Day 08 - Fun with HTML5 Canvas](https://github.com/nielslange/JavaScript30/tree/master/08%20-%20Fun%20with%20HTML5%20Canvas)

- [Day 09 - Dev Tools Domination](https://github.com/nielslange/JavaScript30/tree/master/09%20-%20Dev%20Tools%20Domination)

- [Day 10 - Hold Shift and Check Checkboxes](https://github.com/nielslange/JavaScript30/tree/master/10%20-%20Hold%20Shift%20and%20Check%20Checkboxes)

- [Day 11 - Custom Video Player](https://github.com/nielslange/JavaScript30/tree/master/11%20-%20Custom%20Video%20Player)

- [Day 12 - Key Sequence Detection](https://github.com/nielslange/JavaScript30/tree/master/12%20-%20Key%20Sequence%20Detection)

- [Day 13 - Slide in on Scroll](https://github.com/nielslange/JavaScript30/tree/master/13%20-%20Slide%20in%20on%20Scroll)

- [Day 14 - JavaScript References VS Copying](https://github.com/nielslange/JavaScript30/tree/master/14%20-%20JavaScript%20References%20VS%20Copying)

- [Day 15 - LocalStorage](https://github.com/nielslange/JavaScript30/tree/master/15%20-%20LocalStorage)

- [Day 16 - Mouse Move Shadow](https://github.com/nielslange/JavaScript30/tree/master/16%20-%20Mouse%20Move%20Shadow)

- [Day 17 - Sort Without Articles](https://github.com/nielslange/JavaScript30/tree/master/17%20-%20Sort%20Without%20Articles)

- [Day 18 - Adding Up Times with Reduce](https://github.com/nielslange/JavaScript30/tree/master/18%20-%20Adding%20Up%20Times%20with%20Reduce)

- [Day 19 - Webcam Fun](https://github.com/nielslange/JavaScript30/tree/master/19%20-%20Webcam%20Fun)

- [Day 20 - Speech Detection](https://github.com/nielslange/JavaScript30/tree/master/20%20-%20Speech%20Detection)

- [Day 21 - Geolocation](https://github.com/nielslange/JavaScript30/tree/master/21%20-%20Geolocation)

- [Day 22 - Follow Along Link Highlighter](https://github.com/nielslange/JavaScript30/tree/master/22%20-%20Follow%20Along%20Link%20Highlighter)

- Day 23 - Speech Synthesis

- Day 24 - Sticky Nav

- Day 25 - Event Capture, Propagation, Bubbling and Once

- Day 26 - Stripe Follow Along Nav

- Day 27 - Click and Drag

- Day 28 - Video Speed Controller

- Day 29 - Countdown Timer

- Day 30 - Whack A Mole