iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
自我挑戰組

初探全端之旅: 以MERN技術建立個人部落格 系列

過去一直擔任前端工程師的職位,對於後端開發大多都只是概念性的了解,沒有具體實作過。

此次30天挑戰打算以JS系列的技術(React.js、Node.js、Express.js)來進行開發。

除了嘗試使用跟工作上不同的前端框架,也希望透過全端開發更了解後端和資料庫之間具體的開發方式。

鐵人鍊成 | 共 31 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文 團隊Quokka In The Cloud
DAY 21

[Day21] 使用Custom Hooks改寫表單驗證、註冊頁開發

大綱 什麼是Custom Hook 建立Custom hook 建立custom hook - useInput 調整登入頁表單邏輯 導航到註冊頁 reac...

2023-10-06 ‧ 由 Yihsuan 分享
DAY 22

[Day22] 前端Authentication處理

還記得我們在[Day11] 登入、註冊API開發和HTTP Authentication(JWT)有介紹過整個登入到授權的流程。 使用者送出認證資料(Log...

2023-10-07 ‧ 由 Yihsuan 分享
DAY 23

[Day23] 導覽列開發

先前我們已經將登入和註冊頁開發完,今天要來進行導覽列的開發。 大綱 Wireframe 導覽列開發 未登入的導覽列 已登入的導覽列 使用者功能列 1...

2023-10-08 ‧ 由 Yihsuan 分享
DAY 24

[Day24] 框架頁面和首頁切版

大綱 建立Layout頁面 首頁切版 前言 我們昨天開發出了導覽列,但我們接下來的頁面都會需要導覽列,最直覺的做法就是在每個Component裡面放進去He...

2023-10-09 ‧ 由 Yihsuan 分享
DAY 25

[Day25] 文章列表頁和標籤頁開發

今天這兩個頁面比較單純的只是呼叫API去取得當前的資料,並顯示於頁面上。 大綱 文章列表頁開發 標籤頁開發 路由設定 1.文章列表頁開發 Wireframe...

2023-10-10 ‧ 由 Yihsuan 分享
DAY 26

[Day26]發布文章頁面開發和React Quill使用

大綱 Wireframe Quill.js介紹 發布文章頁面開發 1. Wireframe 2. Quill.js介紹 Quill 是一個開源且極具彈性...

2023-10-11 ‧ 由 Yihsuan 分享
DAY 27

[Day27]文章內容頁開發

大綱 1.文章內容頁開發2.編輯文章功能開發 1. 文章內容頁開發 Wireframe 先在pages資料夾底下建立BlogPost.js //BlogPos...

2023-10-12 ‧ 由 Yihsuan 分享
DAY 28

[Day28] 使用者頁面和更新使用者資料開發

大綱 使用者頁面開發 更新使用者資料 1. 使用者頁面開發 Wireframe 建立檔案 一樣先在pages資料夾底下建立Profile.js在這個頁面...

2023-10-13 ‧ 由 Yihsuan 分享
DAY 29

[Day29] 後端程式部署(render + google cloud storage)

我們這28天已經完成了前後端的程式,今天我們要將後端的程式部署上去! 使用的平台 render這個平台是免費的,用來部署後端程式 Google Cloud...

2023-10-14 ‧ 由 Yihsuan 分享
DAY 30

[Day30]前端程式部署(Vercel)

昨天已經將後端部署成功,接著我們要讓前端也部署到平台上。使用的平台是 Vercel(免費) Vercel 是一個用於部署和托管 Web 應用程式的雲平台,它提...

2023-10-15 ‧ 由 Yihsuan 分享