chmodawk / 30daysJavascript

Javascript 30天的demo来巩固基础

纯CSS/CSS3制作的动画小demo

JavaScript 30天每日效果图

在Github上看到了wesbos的一个Javascript30天挑战的repo，旨在使用纯JS来进行练习，不允许使用任何其他的库和框架，该挑战共30天，我会在这里复现这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 - Quick match

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

Day31 - Canvas CountdownClock

本人博客：https://sunzhaoxiang.com
欢迎关注微信公众号：一线开发