Learning Path 02
Web Basics
不先碰 React，也不先塞框架。從瀏覽器原本就懂的 HTML、CSS、JavaScript 開始，理解一個網站到底怎麼被組起來、變漂亮、產生互動，再學會從外部取得資料。
Outcome完成後你會做到
做出一個會互動、會讀資料的完整前端小網站
你會自己寫 HTML 結構、CSS 樣式、JavaScript 邏輯，使用 DOM 與事件讓畫面改變，再用 Fetch 從 API 取得資料。全程不依賴前端框架。
Lessons課程索引
HTML：先讓瀏覽器看懂你的內容
從第一個 index.html 開始，理解元素、標籤、屬性與文件結構，做出真正有語意的第一頁。
CSS：讓結構開始有設計
把內容與樣式分開，理解 selector、property、box model、間距、字體、顏色、layout 與 responsive。
JavaScript：讓網頁開始做事
從 Console、變數、型別、條件與函式開始，再用陣列、物件與迴圈處理真實資料。
DOM：用 JavaScript 找到並改變畫面
理解瀏覽器如何把 HTML 變成 DOM，學會選取元素、讀寫內容、操作 class / attribute，並從資料建立新的 elements。
Events：按下去之後，網站要發生什麼？
從 click、input、submit 開始，理解 event object、表單值與 state，讓使用者操作真正驅動畫面與程式邏輯。
Fetch：讓網站從外面拿到資料
第一次呼叫 HTTP API，理解 request、response、JSON、async / await，以及 loading / success / error 狀態。
小專案：做一個真正會互動的資料頁
把 HTML、CSS、JavaScript、DOM、Events 與 Fetch 串在一起，完成一個沒有框架、能搜尋與篩選 API 資料的前端作品。