技能競賽網頁技術實戰

💡 技能競賽的網頁技術，該怎麼準備？

全國技能競賽青年組的網頁技術職類，不只是考驗選手的程式開發能力，更需要在有限的時間內理解題目需求、整合不同技術，並根據競賽規格完成指定任務。

而競賽的準備，也不只是提前研究賽前公告試題。正式競賽可能出現需求調整，如何辨識題目變更、調整既有解法，以及在時間限制下做出合理的技術選擇，同樣是備賽過程中值得練習的能力。

熟悉題目，不代表能夠應對題目的變化；完成程式，也不代表所有需求都已經正確實現。

這門課將聚焦於青年組網頁技術職類中的程式開發相關題目，從前端、後端與資料庫等技術準備出發，整理競賽中值得掌握的觀念、實作技巧與常見問題。

除了技術基礎，我們也會透過歷屆公開試題進行解題實戰，從需求分析、技術選擇到實際開發，探索不同題型的解決方式。

我們不追求記住最多的程式碼範本，也不認為每一道題目都只有一種標準解法。更希望透過實際解題與反覆檢討，累積面對不同題型、技術環境與競賽變化的能力。

🎯 這門課你將學到什麼？

• 競賽觀念與備賽方法： 認識青年組網頁技術職類的競賽形式、評分觀念與備賽方向。
• 前端開發技術與實作： 從 HTML、CSS、JavaScript 到不同的前端開發工具，探索版面實作、互動功能、響應式設計與常見的前端開發問題。
• 後端開發技術與實作： 探索伺服器端程式設計、HTTP、API、資料處理與應用整合，理解如何根據不同題目的要求實作後端功能。
• 資料庫設計與實作： 從資料表設計、資料關聯到 SQL 查詢與資料操作，探索如何將資料庫整合進完整的網頁應用。
• 歷屆試題開發實戰： 透過不同年度的公開試題，解析程式開發相關任務，探索各模組的實作方式、技術選擇與解題思路，並在資料允許時比較公告題與正式題的差異。

👥 適合對象

• 技能競賽青年組選手： 正在準備網頁技術職類，希望透過技術整理與歷屆試題實戰，建立更有系統的備賽方法。
• 網頁技術競賽指導老師： 希望參考不同題型的解題思路、技術實作與備賽方式，作為學生訓練與教學的補充資源。
• 對競賽解題有興趣的開發者： 希望透過實際競賽題目，練習需求分析、前後端整合與限時開發。

📌 開始之前

建議已具備 HTML、CSS、JavaScript 的基本知識，並對網頁開發流程有初步認識。

課程將依照技術主題與歷屆試題的實際需求，使用不同的程式語言、框架與開發工具，不限定單一技術組合。

本課程以青年組網頁技術職類中的程式開發相關內容為主要教學範圍，不涵蓋 Logo 繪製、圖像創作等視覺素材設計題目。

歷屆試題解析將以正式公開且可合法使用的資料為基礎，依實際製作進度逐步增加。課程不代表官方競賽單位的立場，也不包含未公開或具有保密義務的競賽資料。

希望學員能夠不只是熟悉某一年的題目，而是透過每一次實作、驗證與檢討，逐步建立面對下一道未知試題的能力。