iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
Modern Web

一起挑戰 JavaScript 30 吧! 系列

藉由 JS30 了解不熟悉的語法和沒使用過的功能,一起讓 JS 變得更純熟!

鐵人鍊成 | 共 30 篇文章 | 34 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室第二屆鐵人賽
DAY 11

JS30 Day 11 - Custom Video Player

成品連結:Custom Video Player、HTML 程式碼、CSS 程式碼、JS 程式碼 今天要做的是播放器!其實瀏覽器本身就有內建瀏覽器,但有個缺點是...

2018-10-26 ‧ 由 Henry 分享
DAY 12

JS30 Day 12 - Key Sequence Detection

成品連結:Custom Video Player、程式碼 不知道大家知不知道 KONAMI CODE,當輸入一連串特定內容後會有動畫或是意想不到的小驚喜,或是可...

2018-10-27 ‧ 由 Henry 分享
DAY 13

JS30 Day 13 - Slide in on Scroll

成品連結:Custom Video Player、程式碼 今天的主題是常見的網站圖片動畫,也就是當滾動至圖片時圖片才會出現,且當圖片離開畫面時會再次隱藏。 透過...

2018-10-28 ‧ 由 Henry 分享
DAY 14

Day 14 - JavaScript References VS Copying

今天不做作品,而是討論一下在 JavaScript 中的複製。或許你有遇過下面問題 let arr1 = [1, 2, 3]; let arr2 = arr1;...

2018-10-29 ‧ 由 Henry 分享
DAY 15

JS30 Day 15 - LocalStorage

成品連結:LocalStorage、操作前程式碼、完成後程式碼 如標題揭示,今天的主題是 localStorage 以及如何使用它。 使用 localStora...

2018-10-30 ‧ 由 Henry 分享
DAY 16

JS30 Day 16 - Mouse Move Shadow

成品連結:Mouse Move Shadow、操作前程式碼、完成後程式碼 今天要做的是當滑鼠移動時,文字影子(text-shadow)跟著移動的效果,那就開始吧...

2018-10-31 ‧ 由 Henry 分享
DAY 17

JS30 Day 17 - Sort Without Articles

成品連結:Mouse Move Shadow、操作前程式碼、完成後程式碼 今天要做的是排序,但不同於一般排序這次要忽略冠詞(a, an, the)之後才做排序...

2018-11-01 ‧ 由 Henry 分享
DAY 18

JS30 Day 18 - Adding Up Times with Reduce

頁面連結:Adding Up Times with Reduce(請開啟 console 看結果)、程式碼 今天同樣不會做出作品,重點是學習 reduce(.....

2018-11-02 ‧ 由 Henry 分享
DAY 19

JS30 Day 19 - Webcam Fun

以下動作建議在 localHost 操作,不然可能發生無法正常運作 成品連結:Webcam Fun、操作前程式碼、完成後程式碼、HTML 程式碼、CSS 程...

2018-11-03 ‧ 由 Henry 分享
DAY 20

JS30 Day 20 - Speech Detection

以下動作建議在 localHost 操作,不然可能發生無法正常運作 成品連結:Speech Detection、操作前程式碼、完成後程式碼 今天要做的是即時...

2018-11-04 ‧ 由 Henry 分享