## 簡介 記得第一次聽老師提系上舉辦的電機資訊科技應用自學耐力賽時，我還沒特別感興趣，但過了一段時間，大概是在開始做期末專題後再次看到相關訊息，當下有一股想報名的衝動，大概是先被加分的獎勵吸引吧XD，但後來也是真的想利用暑假空閒時間學新東西，除了**培養自己新的技能和增加競爭力**外，也一直想嘗試看看其他程式語言和網頁設計相關的領域。 查了近年程式語言使用排名，排除大一學過的Python、c語言後，Java也是被廣泛應用的語言之一，而且提供了許多強大的框架和工具可用於網頁開發，所以決定這次耐力賽的主題就**以Java語言和網頁設計做連結**。 ## 學習計畫開跑~ 接下來幾篇大概的內容規劃如下: - 學習 HTML 基礎 - 學習 HTML 標籤、元素和屬性的基本概念。 - 創建簡單的靜態網頁，瞭解如何構建基本的網頁結構。 - 掌握 CSS 基礎 - 學習 CSS 的選擇器、屬性和值，以及如何樣式化網頁元素。 - 實踐設計簡單的網頁佈局和樣式。 - 加強 CSS 技巧 - 學習使用 CSS 媒體查詢和彈性框架等技術進行響應式設計。 - 探索 CSS 動畫和過渡效果，使網頁具有動態特效。 - 學習 JavaScript - 瞭解 JavaScript 的基本語法、變數、運算符和流程控制結構。 - 實踐一些基本的 JavaScript 互動功能。 - 學習使用 JavaScript 框架或庫 - 選擇一個熱門的 JavaScript 框架或庫，例如 React、Angular 或 Vue.js。 - 學習該框架或庫的基礎概念和使用方法，並實踐一個簡單的專案。 - 學習前端工具和建構工具 - 學習使用版本控制工具（如 Git）來管理代碼。 - 探索前端建構工具（如 Webpack、Parcel），了解如何打包和優化網頁資源。 - 加強互動和資料處理 - 學習使用 AJAX 技術進行非同步數據請求。 - 實踐從後端 API 獲取數據，並在網頁中顯示和處理。 - 優化網頁性能 - 學習如何優化網頁載入速度和性能。 - 最佳化圖片、瀏覽器快取和代碼壓縮等。 - 實踐完整的網頁專案 - 選擇一個具有挑戰性的網頁專案，例如個人作品集網站或線上商店。 - 結合所學的 HTML、CSS 和 JavaScript 技能，開發一個完整且具有互動性的網頁。 (比賽期間約可完成至學習JS部分) ## 目標! 雖然對我這個不是非常擅長程式語言的人，要從0開始學肯定不容易，但我想經過至少十次的學習一定會有不少收穫，而且學會以後還能**建立自己的作品集網站**記錄自己的成果(不侷限範圍，除了電機領域的學習，也可以是其他興趣的紀錄，ex攝影、畫畫)，期許自己接下來可以有毅力地完成十篇以上 :smiley: