---
# System prepended metadata

title: JS30學習筆記

---

JS30學習筆記
===

Day1 JavaScript Drum Kit
---
[Day1 JavaScript Drum Kit](/@sgVry5EbSgOePsoikr5Z-g/rJJtvRZn8)

Day2 JS and CSS Clock
---
[Day2 CSS + JS Clock](/azaG-VZORY2ZEjSC3cF0pQ)

Day3 CSS Variables
---
[Day3 Playing with CSS Variables and JS](/Wj1CzGZPTvyqP5669pQ5TQ)

Day4 Array Cardio Day 1
---
[Day4 Array Cardio Day1](/3XEarCj1QRuhVBRW9o_fwQ)

Day5 Flex Panel Gallery
---
[Day5 Flex Panels Image Gallery](/rZ5Ak2NPTB2hN-JvELAfgA)


Day6 Type Ahead
---
[Day6 Type Ahead](/czZPglQrTtKX8pyPkIsVpw?edit)

Day7 Array Cardio Day 2
---
[Day7 Array Cardio Day 2](/71l3ZWylTWOXdEP6q0sRwQ)

Day8 Fun with HTML5 Canvas
---
[Day8 Fun with HTML5 Canvas](/F4FkTfPcTECIC1-vaLrrXQ)

Day9 Dev Tools Domination	
---
[Day9 Must Know Dev Tools Tricks](/zLRm2h9WSdOcZGrh2amhCA)

Day10 Hold Shift and Check Checkboxes
---
[Day10 Hold Shift to Check Multiple Checkboxes](/WAMALSInSAudwA5v2qJHUQ)


Day11 Custom Video Player
---
[Day11 Custom HTML5 Video Player](/AbTk_onnQiaq61U7QRBf4A)

Day12 Key Sequence Detection
---
[Day12 Key Sequence Detection (KONAMI CODE)](/Om0VQ1roSKqtnAq3DabTpw)


Day13 Slide in on Scroll
---
[Day13 Slide In on Scroll](/tSymSO2oSWec8FJ5MauM1Q)

Day14 Object and Arrays - Reference VS Copy
---
[Day14 Object and Arrays - Reference VS Copy](/v5WLMdTiQ5WJcXFEsAdPfQ)

Day15 LocalStorage and Event Delegation
---
[Day15 LocalStorage and Event Delegation](/mSzqHqZISW2pVzpB-zDDZA)

Day16 CSS Text Shadow Mouse Move Effect
---
[Day16 CSS Text Shadow Mouse Move Effect](/wOEMO0g5QY2SYrNl4WUnWQ)

Day17 Sorting Band Names without articles
---
[Day17 Sorting Band Names without articles](/cDaVyLZYSNunPkUtTbDeuQ)

Day18 Tally String Times with Reduce
---
[Day18 Tally String Times with Reduce](/muZXjKCbQGSkJiK116E3bQ)

Day19 Unreal Webcam Fun
---
[Day19 Unreal Webcam Fun](/Oqvsh8s0TPSPMYazMb2PEQ)

