© 版权声明
中文指南作者：缉熙Soyaine，学生
JavaScript30 教程作者：Wes Bos
JavaScript30 挑战官网：JavaScript30
This is my note when I practice the JavaScript30.
想法来源是 Nitish Dayal 写的教程。因为看了他的教程，我在深信「Learn by Use」的同时也相信，教是最好的学。所以我决定在练习的过程中写一份指南，希望能够帮助到想要进行练习的人们。
目前还在更新之中，点击下方目录中的链接即可跳转到练习对应的指南。
如果阅读过程中，发现问题请在这里提 issue。如果喜欢记得 Star 哟~♪(^∇^*)
[在线 GitBook]（写完之后会有）
Wes Bos 提供了一份教程，该如何使用他的资料呢？
- JavaScript30 官网：进入官网注册后可以观看和下载所有教程视频。
- Nitish Dayal 写的英文指南：这是一份非官方的文字版指南，也是激励我写这一系列文章的主要因素。
- 挑战初始文档：这是 Web Bos 这份教程涉及的代码，共有 30 个文件夹，每个文件夹中至少有两个文件。
- index-START.html：是提供给我们的初始文档，为了便于我们专注于 JavaScript 的编写，这个文档已经将基础的 HTML 和 CSS 部分写好，我们只需要在这个基础上编写 JavaScript 代码，实现特定的功能即可。
- index-FINISHED.html：已经实现了最终效果的文档，可以查看效果和实现思路。
people different way
- watch material and try to build the thing 先看完
- puzzle it
- build at the same time as we are going to the video
figure out what way you learn best
- JavaScript Drum Kit
- JS + CSS Clock
- CSS Variables
- Array Cardio, Day 1
- Flex Panel Gallery
- Type Ahead
- Array Cardio, Day 2
- Fun with HTML5 Canvas
- Dev Tools Domination
- Hold Shift and Check Checkboxes
- Custom Video Player
- Key Sequence Detection
- Slide in on Scroll
- JavaScript References vs. Copying
- LocalStorage
- Mouse Move Shadow
- Sort Without Articles
- Adding Up Times with Reduce
- Webcam Fun
- Speech Detection
- Geolocation
- Follow Along Link Highlighter
- Speech Synthesis
- Sticky Nav
- Event Capture, Propagation, Bubbling, and Once
- Stripe Follow Along Nav
- Click and Drag
- Video Speed Controller
- Countdown Timer
- Whack A Mole