鐵人檔案
JS30是加拿大工程師Wes Bos所建立一系列30天挑戰課程,本次決定跟隨挑戰此30個練習以此深入培養JS實作能力。
最後會改良練習做出一個可用鍵盤控制的網頁版Drum Pads。
關於Drum Pads:
Drum Pads是現在非常流行的新形態製造、演奏音樂的工具,即使沒有音樂基礎,不會任何樂器,也能夠透過內建的sample,手指的敲打,去完成一段音樂,而且有絢麗的燈光效果,看起來十分酷炫,現在的手機、平板也有出相關的APP,不需要大費周章,即能享受演奏、創造音樂的樂趣呢!
本來想要架一個網站，但對於後端的技術也不是很懂，後來想說不然用vue練習寫一個網站的前端部分就好，最後請教了許多前端的前輩、大大們，一致認爲先把ＪＳ紮實了比較重...
[程式碼&DEMO] [HackMD完整筆記] 目標 按下鍵盤後要播放出相對應的聲音，並同時產生一個特效，按下其他鍵後就會關閉該特效。 步驟流程...
[程式碼&DEMO] [HackMD完整筆記] 目標 用JS與CSS製作出一個時鐘。 步驟流程 學習筆記 :after new Date()...
[程式碼&DEMO] [HackMD完整筆記] 目標 用JS與CSS去作一個即時的濾淨效果(調整內距、模糊、邊框色)。 步驟流程 學習筆記...
[程式碼&DEMO] [HackMD完整筆記] 目標 關於Array的各種操作。 步驟流程 1.篩選 16 世紀出生的發明家2.顯示他們的姓和...
[程式碼&DEMO] [HackMD完整筆記] 目標 點擊圖片,圖片會展開,字從上下方移入;再點擊一次,即會收合,上下方的字也會被擠出去。 CS...
[程式碼&DEMO] [HackMD完整筆記] 目標 製作搜尋即時顯示相關效果 步驟流程 step1.已有建立了一個城市的.json清單，建一...
[程式碼&DEMO] [HackMD完整筆記] 目標 JS 常用來處理陣列的方法。 步驟流程 題目：1.people是否有19歲以上的人2.P...
[程式碼&DEMO] [HackMD完整筆記] 目標 使用HTML5中的Canvas製作一個繪畫板，透過滑鼠鼠標來畫出彩色不同粗細的線條。 步驟...
[程式碼&DEMO] [HackMD完整筆記] 目標 除了我們一般熟悉的console.log用法,學習更多開發工具中console物件的相關方...
