iT邦幫忙

node.js相關文章
共有 697 則文章
鐵人賽 自我挑戰組 DAY 10

技術 Day 10 - 連接資料庫:使用 MySQL 資料庫進行連接(下)

昨天已經安裝了我們要連接的資料庫,今天我們要來用程式進行連線啦~ MySQL 建立資料庫 在程式連線之前,我們先開啟昨天的 TablePlus ,按一下上方有個...

鐵人賽 Modern Web DAY 25

技術 Day25 - DELETE 應用

前情提要: 有時候在新增資料時,事後才發現不需要或是說根本填錯地方,那這時候就會需要用到刪除,而這也是我們今天要來分享的 HTTP Method,DELETE。...

鐵人賽 Modern Web DAY 19
Node.js 從零開始 系列 第 19

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

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

鐵人賽 Modern Web DAY 19

技術 Day19 - Postman 介紹

前情提要: 建立 API 時,過程當中最好要進行測試,有問題就可以及時處理,讓大 bug 化小 bug,小 bug 化無 bug,以免到了最後變成超大 bug,...

鐵人賽 自我挑戰組 DAY 14

技術 [Day14] 圖片上傳API開發

今天要來開發圖片上傳的API,我們在使用者個人資料和文章封面都會使用到這支API的功能。 大綱 圖片存放位置比較(伺服器 vs.資料庫) 圖片上傳API開發...

鐵人賽 Modern Web DAY 18
Node.js 從零開始 系列 第 18

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

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

鐵人賽 Modern Web DAY 22
Node.js 從零開始 系列 第 22

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

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

技術 歐萊禮的書好難

今天掙扎購物車範例沒有做出來 (req.body 是空的);轉戰寄 e-mail 範例也鍛羽而歸 (帳號密碼錯誤),心中的自信已經蕩然無存了,弱弱的我實在沒有想...

鐵人賽 Modern Web DAY 15

技術 Day15 - Router 講解

前情提要: 在我們寫 API 時,並不是所有的資源都要寫在同一個檔案裡面,開發時如果都把所有東西寫在一起會導致後面維護的不易,畢竟全部塞在一起程式碼一定會很長,...

鐵人賽 Modern Web DAY 11

技術 Day11 - Node.js 的 export/import

前情提要: 在 JS 的 ES6 中其實有提供一套 export/import 的方法,但因為 Node.js 比 ES6 還要更早出現,因此使用的方法類似於...

鐵人賽 Modern Web DAY 2

技術 2.【從前端到全端,Nextjs+Nestjs】使用Monorepo架構創建專案

文章重點 什麼是 Monorepo,以及為什麼我們選擇使用它? Monolith、Multi-Repo 與 Monorepo 的比較。 使用 Nx 工具來創建...

鐵人賽 自我挑戰組 DAY 23
一個月的後端學習之旅 系列 第 23

技術 【DAY23】 靜態與動態網頁、網頁開發工具

靜態網頁 static websites 靜態網頁中的內容就是HTML, CSS, Java Script所創建的網頁 靜態網站上的每個頁面都存儲為單個 HTM...

鐵人賽 自我挑戰組 DAY 3

技術 Day 3 - 路由和控制器:處理 URL 和路由(上)

昨天已可以順利地讓伺服器動起來,但是不是程式碼有看沒有懂呢? 今明兩天會來與大家聊聊 express 的核心技術之一 → Routing (路由) 什麼是 Ro...

鐵人賽 自我挑戰組 DAY 11

技術 [Day11] 登入、註冊API開發和HTTP Authentication(JWT)

進入到第11天,發現時間不多了,所以不像之前觀念部分會補充那麼多,相關參考資料還是會放在最底下,但內容大部份會把實作的程式直接放上來。 大綱 Authenti...

鐵人賽 Modern Web DAY 2
react 學習記錄 系列 第 2

技術 [Day2]我的 react 學習記錄 - npm & node.js

這篇文章的主要內容 簡單說說 npm 跟 node.js 是什麼。 npm & node npm 是 Node Package manager 的簡稱...

鐵人賽 Modern Web DAY 18

技術 Day18 - 資料庫綱目建立

前情提要: 資料在輸進去資料庫時,一定要為其制定其種類是什麼,就是為了確保資料的統一性,例如可以避免在姓名的欄位輸入數字等等,因此今天要來分享如何用 Mongo...

鐵人賽 自我挑戰組 DAY 6

技術 Day 6 - 靜態檔案和樣板引擎:處理靜態資源和動態網頁(上)

今天呢~我們要來聊聊 express 框架要怎麼建立靜態檔案。要建立靜態檔案前,先來聊聊什麼是靜態檔案(Static Files)。 什麼是靜態檔案 根據 ex...

鐵人賽 自我挑戰組 DAY 10

技術 [Day10] 建立文章的Schema讓文章API與真實資料庫互動

昨天已經讓後端程式和正式資料庫連接起來,今天就要將原本的MOCK_POSTS移除,與真正的資料庫互動了。 大綱 建立文章的Schema&Model 調...

技術 用 JavaScript 控制 Jade 的超簡單入門級介紹 (getElementById)

各位大神好!歐萊禮的書進展到第八章,龐大的 code 要 include 到我的專案真是痛苦,尤其是 Handlebars 壞掉只能改用 Jade 範例都要重打...

鐵人賽 Modern Web DAY 2

技術 D1 什麼是Node.js與不同的專案環境如何管理

Node.js在當今的前端開發環境中有著自己不小的聲量,Node.js最早於2009年由Ryan Dahl創建,並於同年在Google的Chrome V8 Ja...

鐵人賽 Modern Web DAY 27
手把手web初學者 系列 第 27

技術 認識Node.js

認識Node.js之前我們要來先安裝Node.js(會建議下載 長期維護版本 ) Node.js 與 JavaSript 的關係 Node.js 以JavaSc...

鐵人賽 自我挑戰組 DAY 4

技術 Day 4 - 路由和控制器:處理 URL 和路由(下)

昨天已大致了解路由的建立,但是如果我們有好幾個方法都要共用一個路由呢?這就是今天要討論的重點! 以 /book 作為範例,如果要因應各種請求方法做回覆,最基本的...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14 - 資料庫:使用 ORM (物件-關係映射)簡化資料庫操作(上)

經過前幾天學到如何在 Express 上下 SQL 語法與資料庫交換資料,但是下 SQL 與資料庫拿資料是我們後端工程師必備的日常, 每次都要下一大串重覆的...

鐵人賽 自我挑戰組 DAY 9

技術 Day 9 - 連接資料庫:使用 MySQL 資料庫進行連接(上)

經過了前幾天對 Express 框架的介紹,接下來我們著重在介紹資料庫及如何使用框架連接資料庫,與資料庫的資料交換這可是後端工程師一定要會的技能,讓我們繼續看...

鐵人賽 自我挑戰組 DAY 8

技術 Day 8 - 靜態檔案和樣板引擎:處理靜態資源和動態網頁(下)

昨天已經建立了一個樣板,今天就要讓樣板隨我們需求的文字做變化~讓我們繼續看下去! 實作動態網頁 動態網頁中常常會出現模板一樣,但內容文字不一樣的網頁,想要讓我們...

鐵人賽 Modern Web DAY 2

技術 Ch2. React從無到有安裝node.js + npm

安裝: 今天先從建立最基本的react網站開始吧。安裝Node.js,因為這是驅動react前置的東西可以先啟動一個終端機輸入node -v如果有顯示出版本號,...

鐵人賽 影片教學 DAY 21

技術 Domain 如何運作?從零註冊一個網址並綁定至 VPS 主機 Day21

房子可以租,網址也可以租。但是,網址租金比房子便宜多了,一年只要 600 元左右,你就可以展示自己的網站或作品~ 如果搶到好網址,還可以賣給別人,就跟實際的房子...

鐵人賽 自我挑戰組 DAY 5

技術 Day 5 - 中介軟體:處理請求和響應的中間處理程序

在前兩天瞭解了express 的核心技術之一的Routing (路由)後,今天我們要來學習另一個核心 → Middleware (中介軟體) 什麼是中介軟體 我...

鐵人賽 自我挑戰組 DAY 7

技術 Day 7 - 靜態檔案和樣板引擎:處理靜態資源和動態網頁(中)

昨天已經可以開啟了圖片連結,今天我們來進階一點做一個樣版引擎的頁面吧! 什麼是樣版引擎 樣版引擎(template engine),顧名思義就是有一個固定樣版,...

鐵人賽 影片教學 DAY 20

技術 使用 GitHub Action 部署 Node.js 專案至虛擬主機上 Day20

上一集介紹了租一台主機,然後部署 Node.js 專案。本篇就要來介紹如何使用 GitHub Action 來進行部署。 GitHub Action 可以在儲存...