https://github.com/eneax/javascript30
30 Day Vanilla JS Coding Challenge by Wes Bos
https://github.com/eneax/javascript30
css3 html5 javascript javascript30 vanilla-javascript vanilla-js wesbos
Last synced: 24 days ago
JSON representation
30 Day Vanilla JS Coding Challenge by Wes Bos
- Host: GitHub
- URL: https://github.com/eneax/javascript30
- Owner: eneax
- Created: 2018-06-13T19:56:49.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-12-18T08:24:57.000Z (over 6 years ago)
- Last Synced: 2025-02-14T16:02:17.487Z (3 months ago)
- Topics: css3, html5, javascript, javascript30, vanilla-javascript, vanilla-js, wesbos
- Language: HTML
- Homepage: https://eneax.github.io/JavaScript30
- Size: 7.45 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 30 Day Vanilla JS Coding Challenge
Build 30 things in 30 days!
This repo contains all the challenges from the amazing course [JavaScript30](https://javascript30.com) by [Wes Bos](https://github.com/wesbos).
* [01 - Javascript Drum Kit](https://eneax.github.io/JavaScript30/01%20-%20JavaScript%20Drum%20Kit/)
* [02 - JS and CSS Clock](https://eneax.github.io/JavaScript30/02%20-%20JS%20and%20CSS%20Clock/)
* [03 - CSS Variables](https://eneax.github.io/JavaScript30/03%20-%20CSS%20Variables/)
* [04 - Array Cardio Day 1](https://eneax.github.io/JavaScript30/04%20-%20Array%20Cardio%20Day%201/)
* [05 - Flex Panel Gallery](https://eneax.github.io/JavaScript30/05%20-%20Flex%20Panel%20Gallery/)
* [06 - Type Ahead](https://eneax.github.io/JavaScript30/06%20-%20Type%20Ahead/)
* [07 - Array Cardio Day 2](https://eneax.github.io/JavaScript30/07%20-%20Array%20Cardio%20Day%202/)
* [08 - Fun with HTML5 Canvas](https://eneax.github.io/JavaScript30/08%20-%20Fun%20with%20HTML5%20Canvas/)
* [09 - Dev Tools Domination](https://eneax.github.io/JavaScript30/09%20-%20Dev%20Tools%20Domination/)
* [10 - Hold Shift and Check Checkboxes](https://eneax.github.io/JavaScript30/10%20-%20Hold%20Shift%20and%20Check%20Checkboxes/)
* [11 - Custom Video Player](https://eneax.github.io/JavaScript30/11%20-%20Custom%20Video%20Player/)
* [12 - Key Sequence Detection](https://eneax.github.io/JavaScript30/12%20-%20Key%20Sequence%20Detection/)
* [13 - Slide in on Scroll](https://eneax.github.io/JavaScript30/13%20-%20Slide%20in%20on%20Scroll/)
* [14 - JavaScript References VS Copying](https://eneax.github.io/JavaScript30/14%20-%20JavaScript%20References%20VS%20Copying/)
* [15 - LocalStorage](https://eneax.github.io/JavaScript30/15%20-%20LocalStorage/)
* [16 - Mouse Move Shadow](https://eneax.github.io/JavaScript30/16%20-%20Mouse%20Move%20Shadow/)
* [17 - Sort Without Articles](https://eneax.github.io/JavaScript30/17%20-%20Sort%20Without%20Articles/)
* [18 - Adding Up Times with Reduce](https://eneax.github.io/JavaScript30/18%20-%20Adding%20Up%20Times%20with%20Reduce/)
* [19 - Webcam Fun](https://eneax.github.io/JavaScript30/19%20-%20Webcam%20Fun/)
* [20 - Speech Detection](https://eneax.github.io/JavaScript30/20%20-%20Speech%20Detection/)
* [21 - Geolocation](https://eneax.github.io/JavaScript30/21%20-%20Geolocation/)
* [22 - Follow Along Link Highlighter](https://eneax.github.io/JavaScript30/22%20-%20Follow%20Along%20Link%20Highlighter/)
* [23 - Speech Synthesis](https://eneax.github.io/JavaScript30/23%20-%20Speech%20Synthesis/)
* [24 - Sticky Nav](https://eneax.github.io/JavaScript30/24%20-%20Sticky%20Nav/)
* [25 - Event Capture, Propagation, Bubbling and Once](https://eneax.github.io/JavaScript30/25%20-%20Event%20Capture,%20Propagation,%20Bubbling%20and%20Once/)
* [26 - Stripe Follow Along Nav](https://eneax.github.io/JavaScript30/26%20-%20Stripe%20Follow%20Along%20Nav)
* [27 - Click and Drag](https://eneax.github.io/JavaScript30/27%20-%20Click%20and%20Drag/)
* [28 - Video Speed Controller](https://eneax.github.io/JavaScript30/28%20-%20Video%20Speed%20Controller/)
* [29 - Countdown Timer](https://eneax.github.io/JavaScript30/29%20-%20Countdown%20Timer/)
* [30 - Whack A Mole](https://eneax.github.io/JavaScript30/30%20-%20Whack%20A%20Mole/)