|
1 | 1 | # Javascript30🔥
|
2 | 2 |
|
3 |
| -I am building 30 things in 30 days with vanilla JavaScript; no frameworks, libraries, etc. These are my humble solutions to the [#javascript30](https://javascript30.com) challenge created by [@wesbos](https://github.com/wesbos). |
| 3 | +I am building 30 things in 30 days with vanilla JavaScript; no frameworks, libraries, etc. These are my solutions to the [#javascript30](https://javascript30.com) challenge created by [@wesbos](https://github.com/wesbos). |
4 | 4 |
|
5 |
| -My goal is simply to learn the basics by doing many simple things rather than studying huge frameworks and crafting complex apps. |
| 5 | +## Table of contents 🌏 |
6 | 6 |
|
7 |
| -## Table of contents ([Online version 🌏](https://pouyio.github.io/javascript30)) |
8 |
| -1. [x] [JavaScript Drum Kit](./01-drum-kit) - [Codepen](http://codepen.io/pouyio/full/JbezBE/) |
9 |
| -2. [x] [JS + CSS Clock](./02-clock) - [Codepen](http://codepen.io/pouyio/full/rWQxLw/) |
10 |
| -3. [x] [CSS Variables](./03-css-variables) - [Codepen](http://codepen.io/pouyio/full/eBQXMm/) |
11 |
| -4. [x] [Array Cardio I](./04-array-cardio-i) - [Codepen](http://codepen.io/pouyio/pen/WoLYaY?editors=1111) |
12 |
| -5. [x] [Flex Panel Gallery](./05-flex-panel-image-gallery) - [Codepen](http://codepen.io/pouyio/full/MbZLZX/) |
13 |
| -6. [x] [Type Ahead](./06-type-ahead)- [Codepen](http://codepen.io/pouyio/full/bBzEzG/) |
14 |
| -7. [x] [Array Cardio II](./07-array-cardio-ii) - [Codepen](http://codepen.io/pouyio/pen/eBxVPr?editors=1111) |
15 |
| -8. [x] [Fun with HTML5 Canvas](./08-fun-with-HTML5-canvas) - [Codepen](http://codepen.io/pouyio/full/xRBqNL/) |
16 |
| -9. [x] [Dev Tools Domination](./09-must-know-dev-tool-tips) - [Codepen](http://codepen.io/pouyio/pen/BQbbdp?editors=1111#) |
17 |
| -10. [x] [Hold Shift and Check Checkboxes](./10-hold-shift-and-check-checkboxes) - [Codepen](http://codepen.io/pouyio/full/RoOyqj/) |
18 |
| -11. [x] [Custom Video Player](./11-custom-html5-video-player) - [Codepend](http://codepen.io/pouyio/full/bByVLB/) |
19 |
| -12. [x] [Key Sequence Detection](./12-key-sequence-detection)- [Codepen](http://codepen.io/pouyio/full/vywmwQ/) |
20 |
| -13. [x] [Slide in on Scroll](./13-slide-in-on-scroll) - [Codepen](http://codepen.io/pouyio/full/ENzdzv/) |
21 |
| -14. [x] [JavaScript References vs. Copying](./14-reference-copying) - [Codepen](https://codepen.io/pouyio/pen/wegbpP) |
22 |
| -15. [x] [LocalStorage](./15-localStorage) - [Codepen](https://codepen.io/pouyio/full/XgRpOd/) |
23 |
| -16. [x] [CSS Text Shadow Mouse Move Effect](./16-text-shadow) - [Codepen](https://codepen.io/pouyio/full/mwweaq/) |
24 |
| -17. [x] [Sort Without Articles](./17-sorting-without-articles) - [Codepen](https://codepen.io/pouyio/full/WOOrOV/) |
25 |
| -18. [x] [Tally String Times with Reduce](./18-tally-strings) - [Codepen](https://codepen.io/pouyio/full/awLmLd/) |
26 |
| -19. [ ] Webcam Fun |
| 7 | +1. [x] [JavaScript Drum Kit](https://pouyio.github.io/01-drum-kit) |
| 8 | +2. [x] [JS + CSS Clock](https://pouyio.github.io/02-clock) |
| 9 | +3. [x] [CSS Variables](https://pouyio.github.io/03-css-variables) |
| 10 | +4. [x] [Array Cardio I](https://pouyio.github.io/04-array-cardio-i) |
| 11 | +5. [x] [Flex Panel Gallery](https://pouyio.github.io/05-flex-panel-image-gallery) |
| 12 | +6. [x] [Type Ahead](https://pouyio.github.io/06-type-ahead) |
| 13 | +7. [x] [Array Cardio II](https://pouyio.github.io/07-array-cardio-ii) |
| 14 | +8. [x] [Fun with HTML5 Canvas](https://pouyio.github.io/08-fun-with-HTML5-canvas) |
| 15 | +9. [x] [Dev Tools Domination](https://pouyio.github.io/09-must-know-dev-tool-tips) |
| 16 | +10. [x] [Hold Shift and Check Checkboxes](https://pouyio.github.io/10-hold-shift-and-check-checkboxes) |
| 17 | +11. [x] [Custom Video Player](https://pouyio.github.io/11-custom-html5-video-player) |
| 18 | +12. [x] [Key Sequence Detection](https://pouyio.github.io/12-key-sequence-detection)- |
| 19 | +13. [x] [Slide in on Scroll](https://pouyio.github.io/13-slide-in-on-scroll) |
| 20 | +14. [x] [JavaScript References vs. Copying](https://pouyio.github.io/14-reference-copying) |
| 21 | +15. [x] [LocalStorage](https://pouyio.github.io/15-localStorage) |
| 22 | +16. [x] [CSS Text Shadow Mouse Move Effect](https://pouyio.github.io/16-text-shadow) |
| 23 | +17. [x] [Sort Without Articles](https://pouyio.github.io/17-sorting-without-articles) |
| 24 | +18. [x] [Tally String Times with Reduce](https://pouyio.github.io/18-tally-strings) |
| 25 | +19. [x] [Webcam Fun](https://pouyio.github.io/javascript30/19-webcam-fun) |
27 | 26 | 20. [ ] Speech Detection
|
28 | 27 | 21. [ ] Geolocation
|
29 | 28 | 22. [ ] Follow Along Link Highlighter
|
|
0 commit comments