今天是基礎Javascript的最後一堂，我沒有在聽課，但大概知道他們在上什麼。不過我把心力放在靜態網頁的開發上，現在做到內容（content）部分。今天早上我在處理輪播圖（carousel），但真的有夠難搞。
輪播圖的原理其實很簡單，就是在一個容器裡放好幾張圖片，透過切換來移動圖片。好不容易寫完 HTML 和 SCSS，但在 Javascript 這邊卡住了，邏輯真的很困難，只能讓 ChatGPT 幫我產生程式碼。結果畫面雖然能正確呈現，但切換時從第一張跳到第二張，第二張就沒東西了，第三張也一樣，只有回到第一張才正常。怎麼改邏輯都沒用，搞得我不知道是 HTML、SCSS，還是 Javascript 出了問題。
ChatGPT 給了超多答案，但都沒抓到核心問題。我花了超多時間在 debug，效率低到爆。我發現自己真的要加強 debug 的能力，學會找到問題的癥結點，還有如何正確向 AI 提問，不然只會得到一堆垃圾答案，時間都浪費掉了。
後來吃完飯，我突然想到，為什麼不直接用 Bootstrap？它不是有現成的樣式嗎？我問 ChatGPT 為什麼不用，結果它回我：「可以啊。」我真的是傻眼，早知道直接套用 Bootstrap 樣式。結果不到一小時就解決了，幹嘛自己折騰半天！最後我用了 Bootstrap 的 Carousel 樣式，稍微調整一下周圍的設計，問題就搞定了。
接下來要處理 Content，也就是主要內容的呈現，這應該又是一個挑戰。不過我有預感，明天應該可以完成這個小專題。之後的規劃是利用接下來的時間學 Figma。雖然我擔心自己沒美感、覺得難上手，但還是想學，因為我希望期末專題能自己從頭到尾完成。
另外，前後端串接對我來說也是一大難點，API 和資料庫我完全沒學過，PHP 也得從零開始。時間雖然不多，但我打算先實作一些 JavaScript 互動功能，看看能不能串接資料庫。PHP 的部分留到期末專題，到時候想試試 React 和 Tailwind，把上課學到的東西都串起來。目標就是能學多少做多少，