親手讓您的設計動起來！
掌握「Node.js」後端開發不是夢
學習力氣省一半
讓你自在遊走前、後端！
機會近在咫尺，
但你卻沒有能力把握住嗎？
英明的上司，
總是分不清前端、後端各有專業嗎？
後端部門的同事，
總是看到你就翻白眼或裝忙嗎？
想要學好後端技能，
卻對這些天書語言很傻眼嗎？
任務：攻略後端開發框架
擅長技能：HTML、CSS、JavaScript
讓Node.JS
幫您輕鬆征服後端開發！
使用熟悉的共通語言 JavaScript
快速點亮你的技能樹！
三大撰寫優勢
替您省掉一半的摸索時間
熟悉的前端開發語言
入門後端好學易上手
Node.js 是以 JavaScript 來進行開發，因此能讓你用最熟悉的語言進行後端開發，快速串聯前後端邏輯！
JavaScript 是最流行的開發語言
讓您擁有豐富的開發資源
2017 年世界最大 git 儲存庫平台 Github 顯示 Javascript 為排名首位，且擁有許多開發範例程式碼，能讓你享有更多開發支援！
V8 是 Google 開源
高性能 JavaScript 引擎
搭載於 Chrome 及 Node.js 上 的 V8 引擎，在執行及編譯 JavaScript 擁有極佳的記憶體控制以及不需要的資源釋放，讓你輕鬆打造高效能應用程式。
在這套課程裡，您將學會......
Node.js 實戰操作
從原理教學到業界實務應用，幫你融會貫通，展現優秀即戰力！
資料庫操控運用
教您透過 Node.js 操作 Google Firebase 資料庫，簡單建立你的程式數據。
提升部門合作效率
詳細分析後端常見邏輯，讓你能自己建立流暢的前後端語言，提升團隊合作力！
課程大綱
| 章節 | 課程名稱 | 時數 |
|---|---|---|
| 1 | V8、Node.js介紹 | 30 mins |
| 2 | Node 模組原理 | 50 mins |
| 3 | NPM 介紹 | 45 mins |
| 4 | Node.js 除錯教學 | 25 mins |
| 5 | Firebase 資料庫 - 整合 todolist | 150 mins |
| 6 | Express - Node.js Web 應用程式架構 | 150 mins |
| 7 | Express + Firebase 設計 RESTful API Todoist | 60 mins |
| 8 | Cookie、session | 35 mins |
| 9 | 電子郵件發送功能實作 | 45 mins |
| 10 | 將 Node.js 部署至 Heroku | 25 mins |
| 11 | 動態應用程式設計 | 作業 |
| 12 | 會員管理系統設計 - 預期一月底錄製完畢 | -- |
| 13 | 部落格前後台整合設計 - 預期二月底錄製完畢 | -- |
第十章前課程時數達 11 小時，持續新增的內容也不會額外收費。
課程大綱
六角學院線上資源
Available in
days
days
after you enroll
V8、Node.js介紹
Available in
days
days
after you enroll
Node 模組原理
Available in
days
days
after you enroll
- Global 全域物件 (7:00)
- VS CODE 執行 Node.js 應用程式 (2:14)
- require、module exports 模組設計 (6:41)
- exports 模組設計 (4:33)
- Node.js 核心模組 - createServer (上) (7:52)
- Node.js 核心模組 - createServer (中) (8:17)
- createServer 範例
- Node.js 核心模組 - createServer (下) (4:50)
- __dirname、__filename (3:25)
- Node 模組 - Path (6:32)
- Path 小抄
- 線上測驗
NPM
Available in
days
days
after you enroll
Node.js 除錯教學
Available in
days
days
after you enroll
Firebase 資料庫 - 整合 todolist
Available in
days
days
after you enroll
- Firebase 服務介紹 (2:59)
- 環境講解 (4:13)
- 資料庫環境設定(更新)
- 資料庫環境設定 (6:29)
- ref (路徑)、set(新增) - 上 (6:51)
- ref (路徑)、set(新增) - 中 (7:21)
- ref (路徑)、set(新增) - 下 (7:29)
- ref、set 資料設計
- once - 顯示資料到網頁上 (8:44)
- once - 顯示列表資料到網頁上 (4:08)
- on - 資料即時呈現 (4:30)
- firebase 非同步觀念 (3:44)
- push - 新增資料 (4:26)
- remove、child - 移除資料 (3:55)
- for-in 語法講解 (8:20)
- 在網頁上即時瀏覽 firebase 資料 (5:53)
- 新增一個 todolist 吧！(上) (14:19)
- 新增一個 todolist 吧！(下) (7:01)
- forEach、orderByChild - 資料排序篇 (7:14)
- 排序規則 (4:13)
- startAt、endAt - 搜尋區間規則 (上) (4:48)
- startAt、endAt - 搜尋區間規則 (下) (2:03)
- limit - 限制筆數 (3:37)
- 時間篇(1) - new Date() (5:22)
- 時間篇(2) - timestamp (5:20)
- 時間篇(3) - UI 時間介接 (6:23)
- reverse -資料翻轉調整 (9:59)
- Firebase 排序作業
- Firebase 線上 BMI 計算機
Express - Node.js Web 應用程式架構
Available in
days
days
after you enroll
- Express 框架介紹 (2:34)
- Express 環境安裝 (3:31)
- 開啟 web 伺服器 (8:26)
- 網址規則介紹 (10:00)
- 網址規則簡報版 (3:42)
- 路由設計(上) (4:24)
- 路由設計 (下) (4:08)
- params - 取得指定路徑 (8:15)
- query - 取得網址參數 (9:09)
- middleware (上) (5:47)
- middleware (中) - 404路由設定 (7:03)
- middleware (下) - 中介使用種類 (4:22)
- static - 載入靜態檔案 (4:07)
- EJS - 語言介紹 (3:18)
- EJS - 環境安裝 (6:44)
- EJS - 參數導入 (4:20)
- EJS - 載入內容種類 (4:55)
- EJS - 載入陣列 (4:58)
- EJS - 設定 Layout (5:24)
- Postman - API 管理工具 (1:58)
- Postman - 取得 get 資料、基礎操作 (5:30)
- body-parser - 取得表單資料 (10:20)
- Redirect 跳轉頁面設定 (4:13)
- 使用 postman 傳送表單資訊 (6:57)
- POST AJAX 前後端介接原理 (11:59)
- POST AJAX JSON 格式 (4:29)
- Postman - POST AJAX JSON 格式講解 (3:58)
- Router 進階設定 (7:18)
- express-generator (上) (3:52)
- express-generator (下) (6:13)
Express + Firebase 設計 RESTful API Todolist
Available in
days
days
after you enroll
- 開發項目介紹 (2:20)
- Express 整合 Firebase 流程 (7:04)
- Firebase - once、set 寫入讀取資料 (3:24)
- Firebase - then 設計思維 (3:08)
- EJS 整合 Firebase (5:15)
- RESTful API todolist - EJS 版型設計 (3:48)
- RESTful API todolist - 新增資料 API (7:31)
- RESTful API todolist - 刪除資料 API (5:56)
- RESTful API todolist - EJS init (5:18)
- RESTful API todolist - Client AJAX (上) (12:24)
- RESTful API todolist - Client AJAX (下) (9:42)
Cookie、session
Available in
days
days
after you enroll
電子郵件發送功能實作
Available in
days
days
after you enroll
將 Node.js 部署至 Heroku
Available in
days
days
after you enroll
動態應用程式設計
Available in
days
days
after you enroll
會員管理系統設計 - Express + Firebase Authentication
Available in
days
days
after you enroll
ES6 Promise 補充章節
Available in
days
days
after you enroll
部落格前後台整合設計
Available in
days
days
after you enroll
- 部落格前後台設計 - 課程介紹 (5:23)
- 使用現成版型套版 (9:12)
- 透過環境變數設定 Firebase 資料庫連線 (8:11)
- 環境變數設定
- 製作後台文章分類 (11:02)
- 製作後台文章分類 - 與畫面的呈現 (5:44)
- 製作後台文章分類 - 刪除文章 (10:15)
- 製作後台文章分類 - 分類過濾 (3:32)
- 使用文字編輯工具建立文章 (12:51)
- 相同版型製作新增及轉址 (10:36)
- 新增文章頁面細節調整 (5:20)
- 後台文章列表呈現 (10:00)
- 使用分頁標籤控制 "草稿" 及 "公開" 文章 (4:39)
- 使用 Ajax 刪除文章 (9:40)
- 將文章呈現在前端台畫面 (3:45)
- 前台分頁功能製作 - 後端邏輯 (15:38)
- 前台分頁功能製作 - 畫面呈現 (4:48)
- 製作 EJS 及 Node.js 模組 (6:55)
- 註冊、登入及權限的說明 (8:38)
- 將網頁添加 Disqus 留言板 (3:12)
- 錯誤頁面製作 (4:53)
- Heroku 部署說明 (4:12)
- 課程作業說明 (3:35)
- 課程作業說明 及 課程範例*
