這次參加2025 iThome鐵人賽，選題為Modern Web。因為剛好在輔大的專題課程中，有參與網站開發，並且完成展示成果。由於本身並非資訊專業，在這個專題製作的過程中，有遇到許多網頁相關的問題，大部分都會先詢問ChatGPT尋求解答。有些問題可能很簡單就可以找到答案，但也有很多問題是單一提問無法直接得到答案的，而是得藉由拆解問題成更簡易的子問題，然後一題一題地找到答案，最後再組合出原本想解決的困難問題的解決方案，以逐步完成實作網站成品。

在問答的過程中，針對各個問題，參照一般網頁開發的學習途徑，區分出不同的子主題，包括HTML、CSS、JavaScript及Vue、Django等，還有在部署、展示時，如Docker、Nginx、Ngrok等工具，以及在整個專案開發過程中，不斷使用到的Git指令。從中彙整出所遇到問題的答案或解決方式，就本身而言，對於這些問題答案的瞭解，於專題進度的推進(包括總算知道要問Chatgpt什麼問題了！)，有重要意義的里程碑者，都是我想要在此次競賽中分享的。

此系列的文章內容，估計不會定位在給進階網頁開發者觀看，因本身是從非資訊背景起步，會較接近給網頁開發的初學者參考，但因為一些簡單、基礎的問題，基本上直接問ChatGPT都能得到即時且正確的答案，所以此部分可能將略過不提，僅在該基礎知識，對我而言相當重要、關鍵時，才會特別再提醒與說明。希望透過這些整理，能讓和我一樣剛踏入網頁開發領域的朋友少走一些彎路。