---
# System prepended metadata

title: "[ Alex 宅幹嘛 ] \U0001F468‍\U0001F4BB 深入淺出 Javascript30"
tags: [JavaScript, js]

---

[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30
===
###### tags: `JavaScript` `js`

[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 1：JavaScript Drum Kit`](https://www.youtube.com/watch?v=f2ttaeDHzwE)
18:01 之前都是音樂，建議跳到這邊開始看。
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 2：CSS + JS Clock`](https://www.youtube.com/watch?v=O1YsB3qxO4g)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 3：Playing with CSS Variables and JS`](https://www.youtube.com/watch?v=fIE2Lmfbo4k)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 4：Array Cardio Day 1`](https://www.youtube.com/watch?v=8JzVwrzkUrM)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 5：Flex Panel Gallery`](https://www.youtube.com/watch?v=7hGFTNGommU)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 6：Type Ahead`](https://www.youtube.com/watch?v=_TbG2iuN9kM)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 7：Array Cardio Day 2`](https://www.youtube.com/watch?v=OdNA37WSwzc)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 8：Fun with HTML5 Canvas`](https://www.youtube.com/watch?v=3862i0RdKLU)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 9：Dev Tools Domination`](https://www.youtube.com/watch?v=sWBSxMVMbjc)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 10：Hold Shift and Check Checkboxes`](https://www.youtube.com/watch?v=tYBwiyjC_6A)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 11：Custom Video Player`](https://www.youtube.com/watch?v=gS4RJkcEyPo)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 12：Key Sequence Detection`](https://www.youtube.com/watch?v=hY5JxUquoXM)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 13：Slide in on Scroll`](https://www.youtube.com/watch?v=PRRZlAVvJ7A)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 14：JavaScript References VS Copying`](https://www.youtube.com/watch?v=sxe-oahUARI)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 15：LocalStorage`](https://www.youtube.com/watch?v=gWpBTV7ihE4)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 16：Mouse Move Shadow`](https://www.youtube.com/watch?v=fa9Lk2KnARY)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 17：Sort Without Articles`](https://www.youtube.com/watch?v=_fG7bQTSQ6M)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 18: (找不到！！！)`](https://)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 19：Webcam Fun`](https://www.youtube.com/watch?v=1oOxMR_LPb0)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 20: (找不到！！！)`](https://)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 21: (找不到！！！)`](https://)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 22: (找不到！！！)`](https://)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 23：Speech Synthesis`](https://www.youtube.com/watch?v=l4OZUzdCMso)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 24: (找不到！！！)`](https://)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 25: (找不到！！！)`](https://)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 26：Stripe Follow Along Nav`](https://www.youtube.com/watch?v=ndcl4hiyhQY)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 27: (找不到！！！)`](https://)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 28: (找不到！！！)`](https://)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽：Day 29: (找不到！！！)`](https://)
[`[ Alex 宅幹嘛 ] 👨‍💻 深入淺出 Javascript30 快速導覽 | Day 30：Whack A Mole`](https://www.youtube.com/watch?v=ojgYzPffW0E)

