鐵人檔案
JavaScript 30 是由一個加拿大的全端工程師Wes Bos建立的一系列課程，
挑戰無框架×無編譯器×無函式庫×無樣板，只使用純JS在30天內每天實作一個小東西，
想透過這個系列加強自己對JS的熟悉度，並將學習過程記錄成筆記
如有錯誤的地方歡迎大家提出修正!
今日任務:做一個播放器 HTML <div class="player"> <video class="pla...
今日任務:在網頁上輸入關鍵密碼會有小彩蛋 偵測使用者輸入了什麼 KeyboardEvent.key 偵測使用者按下哪個鍵盤按鈕，返回字符串。 window.ad...
今日任務: 往下滾動進到某位置時，圖片滑入，再滾動離開時，圖片滑出 CSS 部分 使用float排版，translateX(-30%)先將圖片移到外面，並將op...
今日任務: 認識JavaScript 的參數傳遞 JavaScript 的資料型別與資料結構 動態型別 JavaScript 是弱型別，也能說是動態的程式語言。...
不知不覺完成第15天了，繼續加油! 今日任務: 做一個菜單，可以新增東西進去，重新整理後也不會不見 HTML部分 <div class="wr...
今日任務: 跟著滑鼠位移大小，產生不同大小的陰影 取得滑鼠位置 為了知道位移大小，先取得滑鼠位置 offsetWidth / offsetHeight offs...
今日任務: 想要忽略The、A、An，再幫樂隊名稱做排序 樂隊名稱陣列: const bands = ['The Plot in You', 'The Devi...
今日任務: 將每個元素的時間累加起來 HTML 58個影片的時間 <ul class="videos"> <li...
今日任務: 使用getUserMedia API 取得視訊鏡頭，繪製到畫面上，並做出不同的特效 今天這篇比較複雜，因為想寫得清楚一些，所以版面稍長，在這邊先寫...
今日任務: 語音辨識，將語音轉成文字 前置作業 Browsersync 語音辨識一樣需在安全連線(像是https、localhost)下使用可以看D19前置作業...
