我不是本科系出身,也不是一開始就很懂程式的人。這 30 天,我想用 PawPal 這個團隊專案,記錄自己作為前端新手,如何學習 JavaScript、Git 協作、API 串接、資料庫、Debug、部署與 AI 輔助開發。這不是完美教學,而是一份真實的專案學習紀錄,整理我如何在卡關、犯錯與修正中,一步一步理解前端開發。
今天的故事 這是我第一次挑戰 iThome 鐵人賽。 在正式開始分享 PawPal 這個專案之前,我想先從自己開始說起。 我不是本科系出身,也不是一開始就很會寫...
今天的故事 在 Day 1,我先介紹了自己,也說明為什麼想挑戰這次 iThome 鐵人賽。 從今天開始,我想正式把主線帶到 PawPal 這個專案。 這 30...
今天的故事 在 Day 2,我整理了 PawPal 這個專案是怎麼出現的,也回顧了自己第一次加入團隊專案時的感受。 當專案方向確定後,接下來就要正式進入分工與協...
今天的故事 在 Day 3,我整理了自己第一次在 PawPal 團隊專案裡使用 Git 和 GitHub 的經驗。 當專案方向確定、協作流程也開始建立後,接下來...
今天的故事 這篇要從我第一次正式打開 PawPal 專案開始。 原本以為只要找到自己要修改的畫面就好,沒想到眼前卻是一大堆資料夾、元件、API、後端和資料庫設定...
今天的故事 正式開始製作 PawPal 後,我第一個接手的任務,是寵物基本資料相關功能。 我接手時,Dashboard 已經使用假資料呈現寵物卡片。之後我負責建...
今天的故事 上一篇提到,我第一次看到寵物資料從資料庫經過後端 API,最後顯示在前端卡片上。 那一刻真的很有成就感。 原本以為資料已經成功出現在畫面上,代表寵物...
今天的故事 上一篇,我處理了前端表單、API 與資料庫欄位名稱不同的問題。 當欄位終於能正確對應後,新增寵物的資料也可以順利送到後端,並寫入資料庫。 但資料成功...
今天的故事 上一篇,我完成了新增與顯示寵物資料的流程。 使用者填完表單後,資料可以送到後端、寫進資料庫,最後顯示成 Dashboard 上的寵物卡片。 第一次看...
今天的故事 上一篇,我完成了修改寵物資料的功能。 使用者不只可以新增與查看寵物,也可以打開寵物基本資料,修改原本儲存的內容。 做到這裡之後,CRUD 還剩下最後...