iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

實作經典 JavaScript 30 系列

實作經典 JS 課程,JavaScript 30 。
看過很多人都實作過這個免費又佛心課程,據說能夠大幅增進JavaScript的能力
希望透過30天的鐵人賽,讓自己對於JavaScript掌握度大提升。

鐵人鍊成 | 共 30 篇文章 | 17 人訂閱 訂閱系列文 RSS系列文 團隊自討苦吃三十天#像極了愛情
DAY 21

Day21: LocalStorage(ㄧ)

WES BOS系列影片Alex快速導讀系列影片 今天要來認識LocalStorage看不太懂的話,這裡也有一篇我覺得寫得很好理解的筆記可以參考localStor...

2020-09-29 ‧ 由 喬依司 分享
DAY 22

Day22: LocalStorage(二)

我們就必須使用LocalStorage來讓瀏覽器記住剛才輸入的資料紀錄完成後,同時將表單的回復成未輸入的狀態 localStorage.setItem('ite...

2020-09-30 ‧ 由 喬依司 分享
DAY 23

Day23: Mouse Move Shadow

WES BOS系列影片Alex快速導讀系列影片 今天的練習重點是抓取DOM容器的座標與mousemove事件我們要做一個文字陰影與滑鼠互動的效果要做出這個效果,...

2020-10-01 ‧ 由 喬依司 分享
DAY 24

Day24: Sort Without Articles

WES BOS系列影片Alex快速導讀系列影片​今天要結合正規表達式跟sort()來做排序的功能作者這邊假設了一個情境就是我們拿到了一串樂團的清單,希望可以用樂...

2020-10-02 ‧ 由 喬依司 分享
DAY 25

Day25: Adding Up Times With Reduce

WES BOS系列影片Alex快速導讀系列影片 今天的練習會用到reduce()還有用一些數學的運算,將秒數換算成時分秒然後又複習了一下dataset的用法事不...

2020-10-03 ‧ 由 喬依司 分享
DAY 26

Day26: Follow Along Links

WES BOS系列影片Alex快速導讀系列影片​今天的練習是用js控制滑鼠游標,當滑鼠游標到達當前的連結時,我們使用一個新的方法getBoundingClien...

2020-10-04 ‧ 由 喬依司 分享
DAY 27

Day27:Speech Synthesis

WES BOS系列影片Alex快速導讀系列影片 今天來認識 Web Speech API中的兩個功能一個是 SpeechSynthesisUtterance它包...

2020-10-05 ‧ 由 喬依司 分享
DAY 28

Day28: Sticky Nav

WES BOS系列影片Alex快速導讀系列影片 今天針對常用的Navbar做fix的狀態這真的是很常見的功能,可以立馬學起來 1.先抓出NavBar的位置,以及...

2020-10-06 ‧ 由 喬依司 分享
DAY 29

Day29: Event Capture, Propagation, Bubbling and Once

WES BOS系列影片Alex快速導讀系列影片 今天比較偏觀念的講解主要是希望能較深入理解addEventListener()學習DOM的事件機制,包括事件捕獲...

2020-10-07 ‧ 由 喬依司 分享
DAY 30

Day30: 完賽心得

第30天,不免俗要來寫個完賽心得雖然javascript-30還差個幾天,才能把全部的實例都做完但還是要給自己拍拍手,利用這30天養成了一個好習慣而且真的沒想到...

2020-10-08 ‧ 由 喬依司 分享