Home

Awesome

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

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

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