鐵人檔案
基礎學習：HTML 和 CSS
HTML 建立網頁結構，CSS 則用來美化和布局網頁。理解這些基礎技術是第一步。
響應式設計
了解如何使用 CSS Media Queries 讓網頁適應不同設備的屏幕尺寸，確保良好的用戶體驗。
學習 JavaScript
JavaScript 讓網頁變得互動，可以從簡單的功能開始，如按鈕點擊或頁面切換，逐漸學習如何操作 DOM 和 API
認識網頁結構和基礎語言 HTML 基礎：了解 HTML 的結構，學習幾個基本標籤如, , , , , ，並練習建立一個簡單的網頁。標籤和屬性：理解 HTML 標...
學習更複雜的 HTML 標籤，如 , , （列表）、（表格）、（表單）。了解表單的基本組件，如 , , ，並嘗試創建一個簡單的表單。CSS 選擇器與屬性 深入了...
Flexbox 布局 學習 Flexbox：了解 Flexbox 是如何幫助你簡化頁面布局。掌握基本概念，如 flex-container 和 flex-ite...
進階 CSS 動畫與過渡 CSS 過渡效果（Transitions）：學習如何使用 transition 屬性來創建元素狀態改變時的平滑過渡效果，例如按鈕的 h...
整合 HTML、CSS 和 JavaScript 設計一個小型網站：選擇一個主題，如個人簡介、產品展示或博客頁面。使用 HTML 結構網頁，CSS 美化它，並使...
進階 JavaScript 功能 AJAX 和 API 調用：學習如何使用 JavaScript 的 fetch 方法進行 AJAX 請求，從外部 API 獲取...
JavaScript 框架/庫的初步了解 了解常見的前端框架：簡單了解像 React、Vue.js 或 Angular 這類流行的 JavaScript 框架的...
進階 JavaScript：模塊化和 ES6+ 特性 模塊化開發：學習如何使用 JavaScript 的模塊系統 (import/export) 來組織和拆分代...
JavaScript 框架：React 初探 了解 React：學習 React 這個流行的 JavaScript 框架，了解其基本概念，如組件（Compone...
全棧專案整合：將你前幾天開發的全棧項目（前端 + 後端 + 資料庫）進行功能完善和調整，確保數據流程順暢、頁面設計合理，並根據之前學習的反饋來進行優化。性能調優...
