iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
自我挑戰組

JavaScript 30 挑戰日誌 系列

如果你和我一樣正準備脫離 jQuery 進入原生 JavaScript 的懷抱,
歡迎一起加入 JavaScript 30 挑戰!
這裡會是我這 30 天挑戰的學習日誌。

本日誌是透過 https://javascript30.com/ 這個 30日 Coding 挑戰,
配合鐵人賽來督促自己每天都要認真的去寫程式,
希冀一個月後我的能力可以進步不少,並文章可以幫助到你!

參賽天數 7 天 | 共 8 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 01:鍵盤鼓組

前言 進入前端這個變化多端的異世界也已一年半,每每拿著新手 jQuery 雙手劍砍怪總覺得特別的笨重;這時候就特別需要獲得 原生 JavaScript 的 效能...

2017-12-20 ‧ 由 小北 分享
DAY 2

Day 02:時鐘

作品 Demo 連結: 傳送門 作品目標:取得現在時間,並動態顯示在畫面之中難易度:★☆☆☆☆ HTML <div class="clock...

2017-12-21 ‧ 由 小北 分享
DAY 3

Day 03:操控 CSS 變數

作品 Demo 連結: 傳送門 作品目標:透過 input 調整 CSS 變數、重新渲染畫面難易度:★★☆☆☆ HTML <h2>Update...

2017-12-22 ‧ 由 小北 分享
DAY 4

Day 04:陣列習題 (1)

作品 Demo 連結: 傳送門(請按下 F12 開啟開發者工具並進入 Console 頁籤) 作品目標:使用本身提供的陣列,透過 JavaScript Co...

2017-12-23 ‧ 由 小北 分享
DAY 5

Day 05:使用 class 控制 flex

作品 Demo 連結: 傳送門 作品目標:點選畫面欄位會動畫式展開,並有文字向中心靠齊難易度:★☆☆☆☆ HTML <div class="...

2017-12-24 ‧ 由 小北 分享
DAY 6

Day 06:搜尋地區名稱

作品 Demo 連結: 傳送門 作品目標:輸入關鍵字會自動過濾出相關地區名稱,並且 hightlight 我們所輸入的文字難易度:★★★☆☆ HTML &l...

2017-12-25 ‧ 由 小北 分享
DAY 7

Day 07:陣列習題 (2)

作品 Demo 連結: 傳送門(請按下 F12 開啟開發者工具並進入 Console 頁籤) 作品目標:使用本身提供的陣列,透過 JavaScript Co...

2017-12-26 ‧ 由 小北 分享
DAY 7

Day 08:製作 Canvas 繪圖板!

作品 Demo 連結: 傳送門 作品目標:製作出繪圖板、並且筆觸粗細+顏色會隨時間改變!難易度:★★★☆☆ 前言 沒錯... 我的鐵人賽在第 7 天斷了!...

2017-12-29 ‧ 由 小北 分享