前端自學地圖
技能敘述
- 理解 HTML 的基本結構。
- 熟悉 HTML5 新增元素。
- 了解語義化標籤的應用及其對 SEO 的影響。
關鍵點
- 語義化標籤的正確使用。
- 符合 W3C 標準的編碼風格。
- 正確嵌套標籤，避免代碼錯誤。
所學應用
- 網頁基本框架搭建。
- 使用表單<form>收集用戶資料。
- 利用<iframe>嵌入外部內容。
技能敘述
- 熟悉 CSS 基本選擇器和進階選擇器。
- 掌握排版技巧，包括 Flexbox 和 Grid 布局。
- 能應用 CSS 動畫和過渡效果美化網頁。
關鍵點
- 使用響應式設計提高兼容性 (如 Media Queries)。
- 掌握 CSS 變數和預處理器 (如 SASS )。
- 管理樣式層級 (避免樣式衝突)。
所學應用
- 設計響應式網頁。
- 自定義主題顏色和風格。
- 使用過渡效果強化用戶體驗。
技能敘述
- 理解 JavaScript 語法和基本數據結構。
- 熟悉 DOM 操作和事件處理。
- 使用 AJAX 和 Fetch API 實現非同步數據加載。
關鍵點
- 熟悉 ES6+ 語法（如箭頭函數、解構賦值）。
- 使用 Promise、async/await 寫非同步代碼。
- 了解基本的錯誤處理方法。
所學應用
- 動態更新頁面內容。
- 驗證用戶輸入（如表單驗證）。
- 整合第三方 API 提供數據功能。
技能敘述
- 理解框架核心概念（如組件、狀態管理）。
- 掌握 Vue 的雙向綁定或 React 的單向數據流。
- 熟悉 Vue Router 或 React Router 實現路由切換。
關鍵點
- 理解 Virtual DOM 的原理和優勢。
- 使用組件化開發方式提高代碼復用率。
- 熟悉框架相關工具（如 Vue CLI、Create React App）。
所學應用
- 搭建單頁應用程序 (SPA)。
- 與後端 API 整合實現動態數據加載。
- 利用框架構建組件化的 UI 元素。
技能敘述
- 展示已完成的專案和應用案例。
- 使用多媒體和互動元素提高吸引力。
- 強調個人技能和成就。
關鍵點
- 選擇多樣化的案例 (包含前端設計、互動功能)。
- 提供代碼片段或 GitHub 連結。
- 保持簡潔且具有視覺吸引力。
所學應用
- 網頁組件設計和動畫展示。
- 建立功能性網頁（如表單、購物車）。
- 展示響應式設計和框架應用。