鐵人檔案
連續 30 天，天天上前端的線上課程並記錄這個過程。
在決定參賽以前，已經上完這套課程共 490 個小節的 194 個小節。
194 個小節中包含基礎和中階的 HTML、CSS、Javascript，以及已完成兩個階段性的小遊戲 project：Drum Kit & Dice Game。
給自己第 30 天的目標是上到第 317 小節，經過的這 100 多個小節中會完成 1 個小遊戲（The Simon Game）和 2 個小挑戰，還有 317 小節的階段挑戰：做一個能後台寫文並發布的部落格。
在 JavaScript 檔案裡面，想在 ReactDOM.render 裡面引用 CSS 檔案裡的語法就跟之前學到的一樣： ReactDOM.render(...
今天的課程是要用 JSX 來設定 HTML 元素的 style 屬性。 以往要在 HTML 裡面引用 CSS 的 property & value，可以...
今天的練習題目是： //Create a React app from scratch. //Show a single h1 that says "...
為什麼要用 components ？ 如果沒有用 components 的話，幾個簡單的功能全部放在同一個 js 檔案裡會變成超級多行，讓人難以看懂程式碼的原意...
延續昨天 [Day 34] [React] React components 簡單介紹 (上) 的練習，繼續把 <li> 也變成 component...
昨天和前天都是在介紹 components，所以今天依照課程安排進入 React components 的練習篇～ 今天的課程就是把 index.js 裡的超長...
過去幾天練習中頻繁使用到 import 和 "react"、"react-dom"，今天的課程要來說明這背後所發生的事情...
昨天是 ES6 的簡介，今天就是練習了。看起來課程安排就是這樣，先簡介，再來是小練習。 題目： 在 index.js 輸入在 calculator.js 的功...
整體 React 的學習已經到一個段落，所以今天課程是挑戰。現在的挑戰會比之前挑戰都還要再大一點～因為是目前整體 React 學習的綜合挑戰，我剛剛看了一下步驟...
今天用實例來當作課程的開始，目前老師提供了範例是「My contacts」，網頁內容是名字、電話、email，目前網頁成果和程式碼長這樣： 這邊會發現 Rea...
