GeezerVison is showing a-aronyang.github.io — JavaScript 30 — Build 30 things with vanilla JS in 30 days with 30 tutorials
从今天起就开始挑战吧!
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
-
Flex 图片画廊
Day
5
- Friends with CSS
- DOM & Interface
-
Ajax 头部搜索
Day 6
-
数组案例 Day 2Day 7 Fundamentals
-
Canvas 画板
Day
8
-
14 个必须知道的 Dev Tools 调试技巧
Day
9
-
按住 Shift 多选 Checkbox
Day
10
-
自定义 HTML5 视频播放器
Day
11
-
密钥检测
Day 12
-
滚动滑入效果
Day 13
-
Object 和 Arrays 的复制和引用
Day
14
-
本地存储和事件委托
Day 15
- Fundamentals
- DOM & Interface
-
CSS文本阴影鼠标移动效果
Day 16
- DOM & Interface
- Friends with CSS
-
乐队名称排序
Day 17
-
对字符串时间求和
Day 18
-
虚幻网络摄像头乐趣
Day 19
- Hardware Access
- Fun + Experimental
- Audio + Video
-
本地语音识别
Day
20
- Audio + Video
- Fun + Experimental
-
基于地理位置的速度计和指南针
Day 21
-
导航跟随
Day 22
- DOM & Interface
- Friends with CSS
-
语音合成
Day 23
- Fun + Experimental
- Audio + Video
-
吸附导航
Day 24
- DOM & Interface
- Fundamentals
- Friends with CSS
-
事件捕获,传播,冒泡
Day 25
-
条纹跟随下拉菜单
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