功能都齊了，今天處理安全：避免有人用程式一直猜密碼，並補上標準的安全標頭。 今天做的事安裝helmet和express-rate-limit，對登入、註冊API...
登入之後，所有人看到的還是同一份清單。今天讓每個查詢都只限定在目前使用者的資料。 今天做的事routes/todos.js 裡每一條SQL都加上user_id條...
今天終於把第四天學的Middleware用在刀口上。 今天做的事新增middleware/auth.js，從請求標頭Authorization: Bearer...
今天讓使用者可以真的登入，並在瀏覽器保存登入狀態。 今天做的事後端新增POST /api/auth/login：用帳號查出使用者，bcrypt.compare比...
今天做註冊功能，重點是資料庫裡不能出現使用者的原始密碼。 今天做的事新增routes/auth.js，驗證帳號長度（3到20字）和密碼長度（至少6字），用bcr...
前面十八天，所有人看到的都是同一份待辦清單。從今天開始做登入系統，讓每個人只管理自己的資料。 今天做的事HTTP是無狀態的，伺服器不會記得誰登入過，所以每次請求...
今天做搜尋功能，在篩選分類旁邊加一個搜尋框，輸入關鍵字就能找出標題包含它的待辦事項。 今天做的事後端把category和q兩個條件組合起來，有帶哪個就加哪個，用...
今天沒有新增任何功能，目標是整理程式碼：把待辦事項的路由搬到獨立檔案，並加上統一的錯誤處理。 今天做的事新增 routes/todos.js，用 express...
今天讓網站能一眼看出哪些事項已經逾期，並在清單上方顯示統計數字。 今天做的事後端新增 GET /api/todos/stats，用一條 SQL 一次算出四個數字...
今天補上編輯功能，讓打錯字的待辦事項可以直接修改，不用刪掉重來。 今天做的事後端新增一支PATCH /api/todos/:id，只更新標題欄位，驗證邏輯沿用新...
第十三天加了分類和截止日，但清單只能整份顯示。今天讓使用者可以依分類篩選，同時處理昨天發現的新增後排序位置不對。 今天做的事後端的GET /api/todos改...
今天加上截止日期欄位，讓待辦事項能依時間排序，越緊急的排越前面。 今天做的事在 todos 資料表新增 due_date 欄位，並把 GET /api/todo...
今天開始做進階功能，讓待辦事項可以依照類別分組，例如「作業」「生活」「鐵人賽」。 今天做的事在 todos 資料表裡新增一個 category 欄位，預設值是「...
昨天把CRUD全部接上資料庫後，順手測試才發現一個漏洞：新增時什麼都不輸入，或者只打空白鍵，照樣能新增成功，清單上會出現一行看起來空空的項目。今天補上前後端兩層...
昨天只把GET改成讀取資料庫，今天把剩下的POST、PUT、DELETE全部接上，讓待辦清單終於做到真正的資料永久保存。 今天做的事新增改成寫入資料庫： app...
前八天的資料都活在記憶體陣列裡，伺服器一重啟就打回原形，這個問題拖了好幾天，今天終於要處理：讓 SQLite 接手保存資料。 今天做的事安裝 sqlite3 套...
前面幾天做了C（新增）R（讀取），今天補上U（更新）跟D（刪除），CRUD四個操作終於到齊了。 今天做的事新增了兩支路由： app.put('/api/todo...
前六天都是讀取資料，今天讓新增按鈕真正發揮作用，資料可以從前端送到後端存起來。 今天做的事先在最上面加入解析body的Middleware： app.use(e...
第五天讓網站有了畫面，但清單是寫死在HTML裡的，今天開始做api，讓資料由後端提供，前端再去拿。 今天做的事先用一個陣列暫存待辦清單，並寫了兩支GET API...
前四天都是在回傳文字，今天終於讓網站有了真正的畫面，目標是做出待辦清單的靜態雛形，並且理解Express怎麼把HTML、CSS檔案送到瀏覽器。 今天做的事新增p...
前三天都是路由寫好就直接回應，今天碰Express很核心的概念-Middleware（中介函式），理解請求進來後，怎麼在真正處理之前先攔截下來做點事。 今天做的...
前兩天都用Node.js原生的http模組手刻邏輯，今天正式安裝Express，實際比較用框架前後，同樣的功能程式碼量差多少，過程中也出現了一個複製貼上的坑。...
昨天讓Server動起來之後，今天回到server.js，實際把瀏覽器傳來的request內容印出來看，搞懂瀏覽器與伺服器之間到底在傳遞什麼，過程中有遇到編碼問...
第一天，我沒有先畫產品架構圖或是想一堆功能清單，而是先確認Hello World 等級的Sever能不能動起來，因為30天的專案，基礎跟記錄機制如果沒打穩，後面...
本系列將用30天實際打造一個完整的全端待辦清單網站，從最基礎的HTTP運作原理、逐步堆疊到Express框架、RESTful設計、SQLite資料庫串接、前後端...
網站開發領域最近有一個值得注意的進展。 標題是「Oratomic raises $300M to build a viable quantum computer...
網站開發領域最近有一個值得注意的進展。 標題是「由機器人發出的網路請求流量首度超越人類」。 描述是這樣的：Cloudflare資料顯示，目前網站HTML內容的H...
當你找人「做個網站」，它除了是能夠幫你達成品牌、行銷與轉化目標的合作夥伴 ▌根據 2026 年最新的網站設計觀點，很多企業在委外時，最常犯的問題不是預算太少，而...
在網站設計中，Wireframe 是網站開發的第一步，透過 Wireframe，我們能夠先規劃網站的頁面結構與功能，確保在進行詳細設計前，先建立好一個頁面的概念...
最近發現國外很流行的一種商業模式就是「目錄站」（Directory），基本上就是在一個網站上列出特定領域的相關結果，然後提供搜尋以及詳細資訊。 比如說「人力銀行...
Chiayu
iThome鐵人賽
看影片追技術