JavaScript 30天每日效果图

在Github上看到了wesbos的一个Javascript30天挑战的repo，旨在使用纯JS来进行练习，不允许使用任何其他的库和框架，该挑战共30天，我会在这里复现这30天遇到的挑战与问题，将其教程化、视频化分享给大家。

在线查看JS30所有项目效果图

Day01 - JavaScript Drum Kit

Day02 - JS and CSS Clock

Day03 - CSS Variables

Day04 - Array Cardio Day 1

Day05 - Flex Panel Gallery

Day06 - Type Ahead

Day07 - Array Cardio Day 2

Day08 - Fun with HTML5 Canvas

Day09 - Dev Tools Domination

Day10 - Hold Shift and Check Checkboxes

Day11 - Custom Video Player

Day12 - Key Sequence Detection

Day13 - Slide in on Scroll

Day14 - JavaScript References VS Copying

Day15 - LocalStorage

Day16 - Mouse Move Shadow

Day17 - Sort Without Articles

Day18 - Adding Up Times with Reduce

Day19 - Webcam Fun

Day20 - Speech Detection

Day21 - Geolocation

Day22 - Follow Along Link Highlighter

Day23 - Speech Synthesis

Day24 - Sticky Nav

Day25 - Event Capture, Propagation, Bubbling and Once

Day26 - Stripe Follow Along Nav

Day27 - Click and Drag

Day28 - Video Speed Controller

Day29 - Countdown Timer

Day30 - Whack A Mole

加入我们，一起挑战吧

社群品牌：从零到壹全栈部落

定位：寻找共好，共同学习，持续输出全栈技术社群

业界荣誉：IT界的逻辑思维

文化：输出是最好的学习方式

官方公众号：全栈部落

社群发起人：春哥(从零到壹创始人，交流微信：liyc1215)

技术交流社区：全栈部落BBS

全栈部落完整系列教程：全栈部落完整电子书学习笔记

关注全栈部落官方公众号，每晚十点接收系列原创技术推送