鐵人檔案
作為一個程式菜鳥，對於完全沒有經驗的我來說，開發網站既讓人好奇，又因為陌生而感到有些迷茫。不過，時代進步，網路上有很多資源可以讓我們自主學習。這次藉由這個鐵人賽計畫，我會利用 ChatGPT 的協助，嘗試開發一款簡易記帳網頁，並把這段學習的心路歷程記錄下來。
「欲善其事，先利其器」在開發網站前，應該先選擇一套適合的工具以及開發環境。 第一步：準備開發環境 安裝 VS code編寫程式碼的工具。可以從 https://...
今天的目標是學習HTML的基本概念和結構。HTML（超文本標記語言）是用來建立網頁的標準標記語言，也就是構建網頁的基礎。 HTML的基礎 HTML文檔由一系列的...
今天的目標是學習CSS（階層樣式表）基本概念與應用。CSS可以用來控制網頁的樣式和佈局，設計更吸引人的介面以美化網頁。 CSS的基礎 CSS的作用在於對HTML...
第四天的重點是學習JavaScript。JavaScript可以幫助網頁實現互動功能，而今天，我們將學習JavaScript的基本語法，以及如何操作HTML元素...
運用之前學到的HTML、CSS及JavaScript，設計一個簡單直觀的UI（使用者介面設計），構建記帳應用的基本使用者介面。今天的目標只是構建一個基本框架，還...
今天要將專案的結構進一步整理，讓專案更方便管理和維護。要確保專案中的不同部分（HTML、CSS、JavaScript）能夠正確組織起來，這步驟就非常重要，也為未...
今天是第一部分的結尾，第一部分我著重在「準備和基礎學習」，為未來的實作打下一點基礎，而第七天的進度是回顧第一週的學習內容，確保對每個知識都有一定的掌握。 回顧內...
之前完成了添加支出項目的部分，今天我們要來使用JavaScript對已添加的項目進行計算，並且即時顯示在網頁上。 修改HTML結構 添加一個區域輸出總金額，並將...
這次的目標是要加上刪除支出項目的功能，同時總金額也應該要有改變。 確認HTML基本結構正確 因為這個按鈕不是常駐的，會隨著項目的出現而出現以及消失而消失，是動態...
好快就來到第十天了，今天我們要增加收入記錄功能，畢竟要花錢就要先有錢，收入是不可或缺的部分。我們要讓收入和支出分開顯示，讓使用者更方便管理。 HTML結構 收入...
