iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

Node.js 從零開始 系列

專案使人成長,因工作需要碰到一點後端,並希望可以透過 Node.js 開發一些小工具使工作上更有效率,故選此主題藉著鐵人賽有個脈絡學習,如果您也跟我一樣還沒碰過 Node.js,那跟著我一起學習,從零開始,入門到實戰吧!

鐵人鍊成 | 共 30 篇文章 | 20 人訂閱 訂閱系列文 RSS系列文 團隊貓肥家潤一條龍
DAY 21

Node.js - 寫一個簡單的 Todolist:刪除資料

有新增就有刪除,延續前篇的 TodoList 新增功能,當然也需要一個刪除功能。 前情提要 已經完成一個新增功能的代辦功能開發, // DOM let me...

2022-10-06 ‧ 由 Tim Hsu 分享
DAY 22

Node.js - 排序功能:orderByChild()排序、forEach()遍歷資料

此次練習使用下方資料,並寫入到資料庫,: sort.js const data = { tim: { hight: "175"...

2022-10-07 ‧ 由 Tim Hsu 分享
DAY 23

Node.js - 搜尋區間 startAt()、endAt()、equalto()

本次練習使用的資料: sort.js const data = { tim: { hight: 175, age: 38, wei...

2022-10-08 ‧ 由 Tim Hsu 分享
DAY 24

Node.js - 限制資料筆數 limit()

limit 語法在 Firebase API 會看到兩個,一個是取得前幾筆資料,跟取得後幾筆資料,使用的資料如下: const data = { tim:...

2022-10-09 ‧ 由 Tim Hsu 分享
DAY 25

Node.js - 使用 reverse() 反轉資料排序

前面實作過一個簡易的代辦清單, 但目前的待辦清單最新的資料會在列表的後面,但現在使用者在陣列方法中可以使用 reverse() 方法反轉陣列的順序,但 fi...

2022-10-10 ‧ 由 Tim Hsu 分享
DAY 26

Node.js - Express.js 介紹與起手式

Express 簡介 Express.js 是基於 Node.js 所開發的前後端網頁框架,特性為快速極簡,主要運作是在處理 HTTP 請求的函數,處理每個中...

2022-10-11 ‧ 由 Tim Hsu 分享
DAY 27

Node.js - 路由設計

認識網址規則 假設在 google 搜尋 Node.js, https://www.google.com/search?q=node&rlz=1C1G...

2022-10-12 ‧ 由 Tim Hsu 分享
DAY 28

Node.js - middleware 基礎介紹

middleware 中介軟體 官網說明: Express 是一個本身功能極簡的路由與中介軟體 Web 架構:本質上,Express 應用程式是一系列的中介...

2022-10-13 ‧ 由 Tim Hsu 分享
DAY 29

Node.js - 載入靜態檔案 static

透過前面的練習可以知道透過 Node 編譯後可以透過 res.send() 渲染網頁標籤,但如何載入一張靜態圖片在網頁上呢? 假設我放一張圖片的在一個 ima...

2022-10-14 ‧ 由 Tim Hsu 分享
DAY 30

Node.js - EJS 介紹與起手式

EJS 簡介 EJS 是一個簡易的模板語法,又有高校的嵌入式 JavaScript 模板引擎,有點類似 ES6 的模板語法,只是這個是使用 ejs 的檔案格式...

2022-10-15 ‧ 由 Tim Hsu 分享