程式學習了一個月，我上的是六角學院的線上課（一個專門再教程式的學院，課程內容很優質）主要學習HTML和CSS，這幾天終於製作一個網頁當練習。

我紀錄了製作時間，共花了3天，總時長7小時55分！

對！就是花了這麼久，這過程中GPT是我的顧問，透過它聰明的腦袋順利完成了網頁的練習。接下來我要分享學習歷程，還有怎麼透過AI來輔助學習。

先是拿到Figma的設計圖（前端工程師都是照著Figma上的圖去做設計）

Figma很棒的是可以看得到物件之間的間距，非常直觀好操作

透過設計圖上的內容，我按照之前學的一點點把程式打出來，真的是一點點打了快3天…

有不懂如何寫的我會問 GPT，比如陰影的CSS可以怎麼寫等等（用的是最聰明的GPT o1模型）

有不理解的可以繼續追問，讓GPT 仔細教我，就這樣一步步的學習。

過程中真的遇到很多的Bug，也都是透過Gpt幫我解答，但他依然有解決不了的時候，比如表單上出現錯誤的排版，我請他找出代碼的問題。

他很用心的給我程式碼的建議，但實際上我怎麼按照他的方式改，都還是有問題…繼續問了好幾次也無法解決，我就這樣卡了快兩個小時。

直到最後我發現原來是HTML的代碼寫錯了…真的哭笑不得

所以雖然 AI 可以幫你解決技術問題，但有些問題還是得靠自己摸索解決。

#原來是</div>忘了放到下面把程式碼包起來

經過辛苦抗戰，終於完成了！

寫的可謂是一模一樣，雖然我知道有些細節其實處理得沒有很好，但依然成就感滿滿。

但還有最關鍵的一步 我再次把寫好的程式碼丟改 GPT

請他用業界的標準幫我批改作業。

因為程式要學得好，其實需要大量看別人怎麼寫，從中吸取經驗，這是成長最快的方式～

不得不說看完 AI 給的修正，我真的學到很多，原來我原本的 HTML 架構是非常混亂的，每組程式碼我都用 <div> 去包裹，但原來網頁頭部用 <header> ，內容用 <section> ，頁尾用 <footer> 會更精準且架構清楚。而且我程式裡出現一堆錯字，真的是失誤哈哈。

包含是內部樣式的細節也一一跟我解釋清楚，這“老師”真的有夠專業！

後來我更是請他根據自已的建議寫出修改的程式，他也一一寫出來～

還沒完！我把他改過的程式透過網頁呈現出來，結果…

排版一團亂…

結論是 AI 真的可以教你程式，能更有效率的學習和解 Bug，但有些內容可以參考，有些得自己判斷，並不是他“說”的都要全盤接受。

希望大家可以更好的利用 AI 為學習加速，轉職成功！