我不是本科系出身,也不是一開始就很懂程式的人。這 30 天,我想用 PawPal 這個團隊專案,記錄自己作為前端新手,如何學習 JavaScript、Git 協作、API 串接、資料庫、Debug、部署與 AI 輔助開發。這不是完美教學,而是一份真實的專案學習紀錄,整理我如何在卡關、犯錯與修正中,一步一步理解前端開發。
今天的故事 一開始做註冊頁時,我其實只知道要把表單完成,對後面的會員流程幾乎毫無頭緒。 直到團隊開始討論「登入前和登入後能使用哪些功能」,我才發現,註冊並不是把...
今天的故事 上一篇做到註冊後自動登入,使用者已經可以直接進入會員頁面。 但接著我開始遇到另一個問題: 使用者雖然已經登入了,前端到底是怎麼知道現在登入的是誰?...
今天的故事 在 PawPal 開發寵物功能時,我有參與 JWT 驗證相關功能的實作。 當時我知道 JWT 和登入有關,也知道 API 需要帶上 Token。 只...
今天的故事 前面幾天,我開始理解登入、Token,以及後端怎麼確認目前的使用者是誰。 但接著我想到另一個問題: 使用者登入後,就代表他可以操作系統裡的所有資料...
今天的故事 開發 PawPal 時,我遇過不少會直接跳出紅色錯誤訊息的問題。 但這次不一樣。 當時 Dashboard 上的寵物名稱和照片都正常,只有年齡顯示成...
今天的故事 平常開發和檢查 PawPal 時,大家比較常直接用電腦版操作,手機版相對比較少完整地走過一次流程。 所以有一次,我刻意從手機版重新操作醫院頁面,想看...
今天的故事 在做 PawPal 的醫院功能時,我一直覺得,只有地圖和醫院基本資料還不太夠。 既然我們想做的是一站式的寵物照護網站,那我會希望使用者找醫院的時候,...
今天的故事 PawPal 的醫院卡片旁邊有一顆愛心。 使用者點一下可以收藏,再點一次可以取消收藏。 從畫面上看,好像只是: 空心愛心 ↓ 實心愛心 但真正開始...
今天的故事 在 PawPal 裡,會員和寵物都有自己的頭像。 我記得一開始建立資料時,可以先放一張照片,但後來我開始想到一個很實際的問題: 如果之後想換照片怎麼...
今天的故事 在 PawPal 的醫院搜尋裡,原本有一個「診療動物」篩選。 使用者可以依照狗、貓、兔、鳥類等不同動物種類來篩選醫院。 一開始看起來很合理。 既然是...