iT邦幫忙

node.js相關文章
共有 760 則文章
鐵人賽 Modern Web DAY 8

技術 Day 8|打造你的第一個 TodoList API:一步步實現 CRUD 功能

在學習 Express + TypeScript + TypeORM 的過程中,TodoList API 是非常適合新手上手的練習案例。 因為它的邏輯簡單(新增...

鐵人賽 Modern Web DAY 8

技術 Day8|Module Wrapper(Node.js 內部機制)

Node.js 如何在背後包裝每個模組 模組(Module)是什麼? Node.js 中 module指一組程式碼組織成簡單或複雜的功能,可用來與其他程式碼互動...

鐵人賽 Modern Web DAY 8
現在就學Node.js 系列 第 8

技術 事件驅動與 EventEmitter — Node.js 的事件世界 -Day8

Node.js 的核心設計理念就是 事件驅動(Event-driven)模型。 這意味著程式並不是一行一行「執行到哪裡 → 等待結果 → 再繼續」, 而是依靠...

鐵人賽 Modern Web DAY 7

技術 Day 7|如何建立一個 TypeScript + Node.js 環境 (2):專案架構與資料庫設定

嗨~昨天我們已經有一個能跑起來的 TypeScript + Node.js 開發環境。接著,在正式開發 API 之前,先來點暖身 —— 建立一個清晰、可維護的專...

鐵人賽 Modern Web DAY 6

技術 Day 6|如何建立一個 TypeScript + Node.js 環境 (1):初始化專案

昨天我們聊了很多概念,今天開始要動手實作啦!💻 我們的目標很簡單:建立一個能跑起來的 TypeScript + Node.js 專案環境,並讓瀏覽器成功回應 「...

鐵人賽 Modern Web DAY 7
現在就學Node.js 系列 第 7

技術 Node.js 之 fs 檔案系統 - Day7

昨天我們學了 path 模組,今天要進一步進入 Node.js 的核心功能之一:檔案系統 (File System, fs)。 透過 fs模組,我們能讓 Jav...

鐵人賽 Modern Web DAY 6
現在就學Node.js 系列 第 6

技術 Path 模組 — 檔案路徑處理全攻略 - Day6

昨天學習 Node.js 的模組系統,今天要進入另一個開發中常使用的好朋友:Path 模組。 它的角色就像「地圖專家」,幫我們正確處理檔案路徑, 無論你在 Wi...

鐵人賽 Modern Web DAY 6

技術 Day6|Node.js簡介

Node.js 基本介紹 Node.js 的出現,JavaScript 不在受限於瀏覽器端(Client-side)執行可以在伺服器或電腦作業系統上直接運行。...

鐵人賽 Modern Web DAY 5
現在就學Node.js 系列 第 5

技術 CommonJS (CJS) vs ES Modules (ESM) — Node.js 模組系統 - Day5

在前幾天,我們已經認識了 Node.js 的基礎與專案骨架。 今天要進入一個非常重要的主題:模組系統 (Modules)。 模組是程式碼的組裝單位,幫助我們拆分...

鐵人賽 Modern Web DAY 4
現在就學Node.js 系列 第 4

技術 Node.js 基本語法入門 -Day4

今天要進一步學習 Node.js 的基本語法,掌握變數、資料型別、函式、條件判斷、迴圈,還有最重要的 模組化 與 Promise 非同步基礎。其實這也是Java...

鐵人賽 Modern Web DAY 3
現在就學Node.js 系列 第 3

技術 認識npm、建立專案與必備開發套件 - Day3

今天我們要正式進入 Node.js 的專案世界 🚀 學會 npm、理解 package.json,並打造一個小專案,最後還會安裝兩個開發必備套件,讓開發更有效率...

鐵人賽 Modern Web DAY 2
現在就學Node.js 系列 第 2

技術 認識 Node.js,開啟全端新世界 - Day2

Node.js 是什麼? Node.js 就是讓 JavaScript 跑在瀏覽器之外的執行環境。 在傳統前端開發裡,JavaScript 的角色大多侷限於處理...

技術 [Day-15] 按圖施工-後端篇:聊天功能

接下來只剩聊天功能了!這部分的功能相對單純,但讀訊息的流程會稍微複雜一點。 發送訊息 我將發送訊息設計成兩段邏輯: createChatMessage:對...

技術 [Day-14] 按圖施工-後端篇:配對功能

知道如何定義資料之後,就可以將 Socket.IO 的事件和資料庫做串接了! MVP 程度的功能需要有: 配對成功 收發訊息 取消配對(在等待配對途中按下離...

技術 用更簡單的方式處理NestJS設定檔:介紹 nest-simple-config

在 NestJS 中,設定管理是一項基礎但關鍵的工作。 NestJS 官方提供 @nestjs/config,支援 .env 檔讀取與基本類型驗證。若搭配 Jo...

鐵人賽 Modern Web DAY 1
現在就學Node.js 系列 第 1

技術 Day1 Node.js 學習之旅

嗨~大家好,又來到新一年的鐵人賽啦! 這次準備撰寫Node.js系列的文章~ 去年我挑戰了 React 系列文章,透過 30 天的連續分享,完整走過了從基礎到實...

鐵人賽 Modern Web DAY 1

技術 Day1|前言

關於我的背景 大家,我是L!本身不是資訊相關科系出身,興趣之餘利用線上課程暸解網頁設計。目前在台南的好想工作室Web Camp自學已經剛滿了第五個月。正在努力朝...

技術 [Day-12] 按圖施工-後端篇:修改範例

基本的配對邏輯在先前已經有 Stackblitz 的範例了,來先試著搬過來!範例中的命名會取得比較簡短好懂,但接下來會有比較多交互行為,命名就不能太隨意,所以...

技術 [Day-5] 剛好遇見你!實作一對一配對機制!

昨天我們已經了解 Socket.IO 的基本事件流程,今天要運用 Socket.IO 的房間機制,實作一對一聊天配對的功能!完整範例:連結 事前準備 在實作完...

技術 [Day-4] 跟著官方範例試水溫:初見 Socket.IO

先前有提到 Socket.IO 封裝了 WebSocket 並加入一些實用的功能。接下來會跟著官方範例實作簡易聊天室,並補充一些知識。 完整範例:Stackbl...

技術 [Day-3] 手癢了嗎?來實作超簡易聊天室!

說了這麼多,已經忍不住要開始動手做做看了吧!接下來後端都會使用 Express 進行示範,可搭配 Stackblitz 的範例服用:連結。 環境建置 Stac...

鐵人賽 生成式 AI DAY 25

技術 Part2: 地端實作聊天機器人-部屬前端網頁 (Deploy the Frontend Page)

▋部屬前端網頁 (Deploy the Frontend Page) 接續我們昨天已經啟動的後端API服務,今天的目標是架設網站頁面,讓前後端服務能夠串連起來...

鐵人賽 DevOps DAY 23

技術 不在其位,不謀其政 - 多階段 CI/CD 流程

子曰:「不在其位,不謀其政。」說明了多階段工作流程的重要性。 設計一個穩定且高效的 CI/CD(持續集成與持續部署)流程是至關重要的。這不僅能夠提高開發效率...

收納規劃APP 系列 第 23

技術 Day23:API開發結束

開始寫之後發現跟一開始預設的有一點點出入,因為有階層的關係,所以查詢時要帶入上層的ID才能正確拿到全部,不然會拿到別人家具。 以下是開發完的API名稱,但這次3...

收納規劃APP 系列 第 22

技術 Day22:定義回傳型別

要開始開發之前先定義好回傳型別 import express, { Request, Response, Router } from 'express';...

收納規劃APP 系列 第 21

技術 Day21:後端建模

自己從0開始建資料庫的機會不多,所以突然又重新思考了一下有沒有必要拆成5個表格,之後也去問了Claude AI。 跟他說明了我的資料層級跟主鍵、外鍵設計,而在使...

收納規劃APP 系列 第 20

技術 Day20:連接DB

我使用 MongoDB 免費提供的 Cluster,創建了 Database 並新增五個表格來對應假資料。後端採用 Node.js,並已轉換為 TypeScri...

鐵人賽 DevOps DAY 17

技術 有人在水 - 統計 Notion 待辦事項放到 Discord 頻道

孔子能從心所欲不逾矩。正是因為他已經掌握 GitHub Actions,能夠根據自己的需求自動化操作。 今日範例程式: https://github.co...

鐵人賽 Modern Web DAY 21

技術 Day21 後端開發沒那麼可怕,來一起破關吧!

今天我們要進入一個新的挑戰——後端開發!不管是前端還是後端,專案越大,壓力越大。尤其是對於初學者來說,後端開發常常像是在黑暗裡摸索,覺得困難重重。但其實,只要掌...

鐵人賽 Modern Web DAY 7

技術 Day 7 搭建開發環境:開發者的成長第一步

在設定開發環境是開發專案的第一步,因為環境沒設定好,未來會有很多問題。看起來蠻簡單的設置,但對新手來說,畢竟是剛開始要開發了,一定會有不確定性和困難。當我第一次...