鐵人檔案
連續 30 天，天天上前端的線上課程並記錄這個過程。
在決定參賽以前，已經上完這套課程共 490 個小節的 194 個小節。
194 個小節中包含基礎和中階的 HTML、CSS、Javascript，以及已完成兩個階段性的小遊戲 project：Drum Kit & Dice Game。
給自己第 30 天的目標是上到第 317 小節，經過的這 100 多個小節中會完成 1 個小遊戲（The Simon Game）和 2 個小挑戰，還有 317 小節的階段挑戰：做一個能後台寫文並發布的部落格。
昨日 [Day 60] [React] State - Hooks - useState & destructuring assignment 解構賦值...
前幾天有看到老師第一次提到 Destructuring 是在這一天 [Day 60] [React] State - Hooks - useState &...
今天的題目在下面，要在不動下面的 code 的情況下，在上面加上自己的 code，就是用 destructure 的方式渲染成功。 今天在做的時候有打開昨日筆記...
今天的 react 課程是說明如何檢測使用者與 web app 或 component 的互動，以及如何使用 react 根據 event 呈現不同的內容。...
昨天 [Day 64] [React] Event Handling 的課程是關於針對幾種 events 出現時的 React 應對，主要是用 onClick...
接續昨日的 [Day 65] [React] Event Handling - 表單（註冊、登入、送出按鈕）[1]，這套課程安排是解說完後，下次就是練習，所以今...
Hooks vs. Classes 這次課程會談到 React 開發過程中可能會遇到或即將遇到的問題：Hooks 和 Classes 之間的比較。 為了有更全盤...
Complex State 的 Complex，在這堂課中的意思是，我們可能需要拿到之前的 JavaScript objects 狀態的 objects 的值，...
昨天的課程 [Day 68] [React] 改變不同部分組成的狀態 (Complex State) 說明了複雜狀態如何傳遞資料，今天延續昨日內容的練習。 //...
一開頭老師直接帶入例子做說明。 const citrus = ["Lime", "Lemon", "Orang...
