iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

Node.js 從零開始 系列

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

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

Node.js - __dirname, __filename 取得檔案路徑與檔名

本次練習使用下方變數, data.js var a = 1; var b = 2; var c = 3; 此時把 a 跟 b 的值用 console.log...

2022-09-26 ‧ 由 Tim Hsu 分享
DAY 12

Node.js - 使用 path 得到更多資訊

這次要介紹是 path 模組,主要是用來處理或轉換路徑的方法與屬性,以下分幾個類型介紹: 起手式 與先前使用 Node.js 的模組一樣,宣告一個變數並且使用...

2022-09-27 ‧ 由 Tim Hsu 分享
DAY 13

Node.js - 專案必備管理工具 NVM

使用 NVM 已經是 Node.js 開發者必備的工具,它最大的用途在於可以輕鬆切換不同版本的 Node.js,尤其在後端的專案中,團隊需要統一的開發環境時可...

2022-09-28 ‧ 由 Tim Hsu 分享
DAY 14

Node.js - 引用 Firebase 當作資料庫

選擇 Firebase 原因 此次練習會選擇用 Firebase 是因為只要有 Google 帳號就能開通此服務,並且免費方案就相當好用,亦可透過 JaveS...

2022-09-29 ‧ 由 Tim Hsu 分享
DAY 15

Node.js - ref() 資料路徑、set() 新增資料

可使用 Firebase 內建語法 ref() 尋找資料路徑以及透過 set() 新增資料,而如果不指定路徑給 ref 的話,路徑會從根目錄開始。記得要在本地...

2022-09-30 ‧ 由 Tim Hsu 分享
DAY 16

Node.js - once() 顯示資料於網頁上、on() 隨時監聽資料

可使用 once() 方法將資料顯示一次在網頁上,首先先寫入一筆資料到 Firebase, 寫入資料 在 firebase 中在 folder 路徑中寫入一筆...

2022-10-01 ‧ 由 Tim Hsu 分享
DAY 17

Node.js - push() 新增資料

push() 新增資料 跟 set() 很類似,這次練習使用 push() 來新增一筆資料,概念可以想成跟陣列的 push 很像,是增加資料的用的。 以下做個...

2022-10-02 ‧ 由 Tim Hsu 分享
DAY 18

Node.js - child() 子路徑、remove()刪除資料

child 子路徑 前面已經學到如果這樣寫是抓取根目錄: firebase.database().ref(); 如果要指定根目錄底下的資料路徑則可以這樣寫,...

2022-10-03 ‧ 由 Tim Hsu 分享
DAY 19

Node.js - 在網頁即時瀏覽 Firebase 的資料

前面的練習都是在編輯器開發或是在開發人員工具將資料寫入資料庫,在切換視窗到 Firebase 去查看資料是否有正確寫入,但這樣來回總是有點麻煩,而這篇要介紹在...

2022-10-04 ‧ 由 Tim Hsu 分享
DAY 20

Node.js - 寫一個簡單的 TodoList:新增資料並渲染於網頁上

本篇練習使用 Firebase 來實作一個 Todolist,首先先建立好 layout, 建立 layout 至於樣式可以請讀者自行發揮,這邊不做多說明。...

2022-10-05 ‧ 由 Tim Hsu 分享