iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
JavaScript

從看不懂到做出來,用 PawPal 走過前端新手村 系列

我不是本科系出身,也不是一開始就很懂程式的人。這 30 天,我想用 PawPal 這個團隊專案,記錄自己作為前端新手,如何學習 JavaScript、Git 協作、API 串接、資料庫、Debug、部署與 AI 輔助開發。這不是完美教學,而是一份真實的專案學習紀錄,整理我如何在卡關、犯錯與修正中,一步一步理解前端開發。

參賽天數 24 天 | 共 24 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11|註冊成功後要去哪裡?從註冊頁開始理解會員流程

今天的故事 一開始做註冊頁時,我其實只知道要把表單完成,對後面的會員流程幾乎毫無頭緒。 直到團隊開始討論「登入前和登入後能使用哪些功能」,我才發現,註冊並不是把...

2026-08-12 ‧ 由 R-HAO 分享
DAY 12

Day 12|為什麼登入後還要知道「我是誰」?

今天的故事 上一篇做到註冊後自動登入,使用者已經可以直接進入會員頁面。 但接著我開始遇到另一個問題: 使用者雖然已經登入了,前端到底是怎麼知道現在登入的是誰?...

2026-08-13 ‧ 由 R-HAO 分享
DAY 13

Day 13|面試被問到 JWT,我才發現自己沒有真的懂

今天的故事 在 PawPal 開發寵物功能時,我有參與 JWT 驗證相關功能的實作。 當時我知道 JWT 和登入有關,也知道 API 需要帶上 Token。 只...

2026-08-14 ‧ 由 R-HAO 分享
DAY 14

Day 14|權限控管:不是每個人都能做每件事。

今天的故事 前面幾天,我開始理解登入、Token,以及後端怎麼確認目前的使用者是誰。 但接著我想到另一個問題: 使用者登入後,就代表他可以操作系統裡的所有資料...

2026-08-15 ‧ 由 R-HAO 分享
DAY 15

Day 15|Debug 到懷疑人生的那一天

今天的故事 開發 PawPal 時,我遇過不少會直接跳出紅色錯誤訊息的問題。 但這次不一樣。 當時 Dashboard 上的寵物名稱和照片都正常,只有年齡顯示成...

2026-08-16 ‧ 由 R-HAO 分享
DAY 16

Day 16|功能明明有反應,為什麼手機用起來還是不順?

今天的故事 平常開發和檢查 PawPal 時,大家比較常直接用電腦版操作,手機版相對比較少完整地走過一次流程。 所以有一次,我刻意從手機版重新操作醫院頁面,想看...

2026-08-17 ‧ 由 R-HAO 分享
DAY 17

Day 17|第一次做醫院評論,留言送出後星等怎麼跟著變?

今天的故事 在做 PawPal 的醫院功能時,我一直覺得,只有地圖和醫院基本資料還不太夠。 既然我們想做的是一站式的寵物照護網站,那我會希望使用者找醫院的時候,...

2026-08-18 ‧ 由 R-HAO 分享
DAY 18

Day 18|一顆收藏按鈕,背後其實不只有前端

今天的故事 PawPal 的醫院卡片旁邊有一顆愛心。 使用者點一下可以收藏,再點一次可以取消收藏。 從畫面上看,好像只是: 空心愛心 ↓ 實心愛心 但真正開始...

2026-08-19 ‧ 由 R-HAO 分享
DAY 19

Day 19|換一張頭像,原來不是只把照片傳上去

今天的故事 在 PawPal 裡,會員和寵物都有自己的頭像。 我記得一開始建立資料時,可以先放一張照片,但後來我開始想到一個很實際的問題: 如果之後想換照片怎麼...

2026-08-20 ‧ 由 R-HAO 分享
DAY 20

Day 20|移除一個篩選條件,為什麼不能只刪掉畫面?

今天的故事 在 PawPal 的醫院搜尋裡,原本有一個「診療動物」篩選。 使用者可以依照狗、貓、兔、鳥類等不同動物種類來篩選醫院。 一開始看起來很合理。 既然是...

2026-08-21 ‧ 由 R-HAO 分享