鐵人檔案
JavaScript 30 是國外著名的JS開發者Wes Bos提供的免費30天課程，課程不只有JS的使用，更包括Html，Css的相互運用。希望透過Js30的實作讓我更加理解JS的運作，並寫點心得與筆記跟大家一起探討Js的世界。
Day21 Geolocation based Speedometer and Compass 在第21天的實作目標要做出一個指南針和時速表的網站。 恩 我在實...
Day22 Follow Along Links 第22天的實作是作者wesbos看到stripe這個網頁，覺得導覽列非常特別，而衍伸出來的議題。 這個實作目標...
Day23 Follow Along Links 第23天的實作目標要做出當輸入字元，並輸出人的聲音的網頁。 首先要有兩個Web Speech API的組件，第...
Day24 Sticky Nav 第24天實作要做出向下捲動頁面時，遇到導覽列時，其導覽列會固定在網頁上方，導覽列也會有所變化。當網頁向下滾動時，導覽列也會固定...
Day25 Event Capture, Propagation, Bubbling and Once 第25天的主要講解元素事件觸發時的觸發順序。 這次的實作...
Day26 Stripe Follow Along Dropdown 第26天的實作為第22天的延伸，在第22天是當滑鼠移到特定元素會給該元素有highligh...
Day27 Click and Drag to Scroll 第27天的實作目標是做出在頁面元素可以拖拉並移動該元素。 <div class=&quo...
Day28 Video Speed Controller UI 第28天實作目標為做出移動特定元素即可控制影片播放速率，類似於input元素中的滑動桿。 這次是...
Day29 Countdown Clock 第29天實作為建立一個倒數的時間顯示器。 首先建立倒數的時間計數器方法，在該方法中有觸發方法的時間now和停止時間t...
Day30 Whack A Mole Game 第30天時實作要做出打地鼠的遊戲。 首先在頁面有六個div地洞元素，地洞元素的::after偽元素設為背景url...
