iT邦幫忙

鐵人檔案

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

實作經典 JavaScript 30 系列

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

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

Day01:開賽廢言與自我介紹

壓根都沒想到自己會跟【鐵人】這兩個字,有任何的關係。本人真的超級三分鐘熱度,小時候學才藝都很容易半途而廢的類型...不知道哪根筋不對,跑來參加鐵人賽,希望未來的...

2020-09-09 ‧ 由 喬依司 分享
DAY 2

Day02:來做個鍵盤鼓手(一)

WES BOS系列影片Alex快速導讀系列影片 Day01-JavaScript Drum Kit 思考需要的功能1.按鍵按下後需要發出聲音2.發出聲音的同時加...

2020-09-10 ‧ 由 喬依司 分享
DAY 3

Day03:來做個鍵盤鼓手(二)

接續第一天的練習,我們成功加上了樣式,卻沒有移除它。開始來想辦法在我們不需要這個樣式時,將它移除 JS的監聽器也是可以監聽元素的變化,這時我們監聽的動作會是 '...

2020-09-11 ‧ 由 喬依司 分享
DAY 4

Day04:用CSS + JS 做一個時鐘

WES BOS系列影片Alex快速導讀系列影片 原作者的時鐘版本比較簡易些,對於時間的算式也比較不直覺,而Alex大大的版本將時鐘做得更細緻,時間算式也更完整。...

2020-09-12 ‧ 由 喬依司 分享
DAY 5

Day05: 針對陣列的操作練習(一)

WES BOS系列影片Alex快速導讀系列影片 開始前建議可以先讀這篇卡斯伯的大補帖https://wcc723.github.io/javascript/20...

2020-09-13 ‧ 由 喬依司 分享
DAY 6

Day06: 針對陣列的操作練習(二)

WES BOS系列影片Alex快速導讀系列影片 做完基礎陣列練習後,來做些進階的練習 進階練習目標 :6.Sort the inventors by years...

2020-09-14 ‧ 由 喬依司 分享
DAY 7

Day07: Flexbox + JavaScript 製作手風琴版面

WES BOS系列影片Alex快速導讀系列影片 作者可能怕我們忘記flex怎麼用,在中間穿插了這個課程, 練習JS之餘,也能夠再複習一下flexbox所以在一開...

2020-09-15 ‧ 由 喬依司 分享
DAY 8

Day08: Ajax Type Ahead with fetch() (一)

WES BOS系列影片Alex快速導讀系列影片 學習重點:1.使用fetch()來發送請求,串接遠端資料2.嘗試利用正規表達式來篩選資料 使用fetch()來發...

2020-09-16 ‧ 由 喬依司 分享
DAY 9

Day09: Ajax Type Ahead with fetch()(二)

WES BOS系列影片Alex快速導讀系列影片 再來,進入學習的第二個重點部分-嘗試利用正規表達式來篩選資料在此之前,先將前置作業完成1.先抓出需要設置監聽器與...

2020-09-17 ‧ 由 喬依司 分享
DAY 10

Day10: 針對陣列的操作練習(三)

WES BOS系列影片Alex快速導讀系列影片 開始前一樣可以先讀這篇卡斯伯的大補帖https://wcc723.github.io/javascript/20...

2020-09-18 ‧ 由 喬依司 分享