鐵人檔案
這次的30天系列文內容主要是JavaScript30(https://javascript30.com/)的自主學習筆記，紀錄每堂課的重點。目的是強迫自己吸收新知，希望30天後能夠有所成長，GOGOGO~
會參加這次30天鐵人賽，主要是希望藉由這個機會強迫自己成長，有著與團員們參賽的壓力，就會鞭策自己要跟上。平時經常埋怨自己的實力不足，說要自我充實卻往往是三天打魚...
根據上一堂課所下載的課程教材，第一堂課我們要做的是一個相當有趣的實作—「鍵盤爵士鼓組」。敲打鍵盤特定字母，發出對應的打擊聲，範例如下：Drum Kit實作範例...
第二堂課所要實作的內容相當簡單，就是要利用JS和CSS來做一個時鐘。範例如下：JS and CSS Clock實作範例 邏輯流程 本堂課需要完成的有 設定指針...
今天要做的是CSS變數與JS的互動介面，設計三個控制項，調整圖片的外框大小、模糊以及顏色，範例如下：CSS Variables實作範例 邏輯流程 給定CSS變...
這堂課所要做的練習沒有任何介面，純粹是JavaScript關於Array的基本功訓練，裡面共有八個小練習，主要是關於Array的四種函式：filter、map、...
今天的課程要實作的是一個非常"snazzy"的介面(在第0堂課有提到上JS30可以順便練英文，snazzy意指時髦的、華麗而俗氣的)。實作範...
這堂課我們要做的是一個動態的關鍵字查詢介面。當我們在介面的輸入框輸入美國城市名或州名等關鍵字，下方列表會快速列出符合關鍵字的城市、州名稱以及人口數。範例如下：...
今天算是接續第四堂的Array Cardio Day 1練習，所以同樣是沒有介面的實作課程。這堂課影片只有七分多鐘的時間，內容也非常好懂，包含some、ever...
這堂課要做的是一個Canvas(每日一字：Canvas意指帆布；油畫布)，大家可以用滑鼠在頁面上作畫，而畫筆會自動改變顏色(紅橙黃綠藍靛紫輪迴)和改變粗細(細變...
今天又是一個沒有介面的實作，要來練習的是網頁開發很常用到的console小工具，相信學會這些能夠讓各位的測試能力又更進一步。 邏輯流程 學習在Chrome使用...
