Visitar URL original

JavaScript 30 — Build 30 things with vanilla JS in 30 days with 30 tutorials

#JavaScript30

30 天原生 JS 代码挑战

用 30 个教程在 30 天内制作 30 个小项目

￥000

免费

从今天起就开始挑战吧！

JavaScirpt30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。

30 天×30 个视频

JavaScript 打击鼓
Day 1
- DOM & Interface
- Friends with CSS
- Audio + Video
CSS + JS 时钟
Day 2
- Fundamentals
- Friends with CSS
控制 CSS 变量 and JS
Day 3
- Friends with CSS
- Fun + Experimental
数组案例 Day 1
Day 4
- Fundamentals
Flex 图片画廊
Day 5
- Friends with CSS
- DOM & Interface
Ajax 头部搜索
Day 6
- DOM & Interface
数组案例 Day 2
Day 7
- Fundamentals

Canvas 画板
Day 8
- Fun + Experimental
14 个必须知道的 Dev Tools 调试技巧
Day 9
- Fundamentals
按住 Shift 多选 Checkbox
Day 10
- DOM & Interface
自定义 HTML5 视频播放器
Day 11
- Audio + Video
密钥检测
Day 12
- Fundamentals
滚动滑入效果
Day 13
- DOM & Interface
Object 和 Arrays 的复制和引用
Day 14
- Fundamentals
本地存储和事件委托
Day 15
- Fundamentals
- DOM & Interface
CSS文本阴影鼠标移动效果
Day 16
- DOM & Interface
- Friends with CSS
乐队名称排序
Day 17
- Fundamentals
对字符串时间求和
Day 18
- Fundamentals
虚幻网络摄像头乐趣
Day 19
- Hardware Access
- Fun + Experimental
- Audio + Video
本地语音识别
Day 20
- Audio + Video
- Fun + Experimental
基于地理位置的速度计和指南针
Day 21
- Hardware Access
导航跟随
Day 22
- DOM & Interface
- Friends with CSS
语音合成
Day 23
- Fun + Experimental
- Audio + Video
吸附导航
Day 24
- DOM & Interface
- Fundamentals
- Friends with CSS
事件捕获，传播，冒泡
Day 25
- DOM & Interface
条纹跟随下拉菜单
Day 26
- DOM & Interface
- Fun + Experimental
点击并拖动以滚动
Day 27
- DOM & Interface
- Fundamentals
视频速度控制器界面
Day 28
- Audio + Video
- Fun + Experimental
倒计时钟
Day 29
- Fundamentals
- Friends with CSS
打鼹鼠游戏
Day 30
- DOM & Interface
- Friends with CSS
- Fun + Experimental