NodeJS 前後端開發實戰

• 六角學院線上社團

• 為什麼你要學 Node.js？

• V8 引擎介紹

• Node.js 架構介紹

• 命令提示字元操作教學

• 安裝 Node.js 流程

• 使用 Node.js 開啟編譯核心

• 透過 Node.js 執行 JS 檔案

• 使用 VS Code 執行與除錯 Node.js

• Node 環境測驗

• Global 全域物件

• VS CODE 執行 Node.js 應用程式

• require、module exports 模組設計

• exports 模組設計

• Node.js 核心模組 - createServer (上)

• Node.js 核心模組 - createServer (中)

• createServer 範例

• Node.js 核心模組 - createServer (下)

• __dirname、__filename

• Node 模組 - Path

• Path 小抄

• 線上測驗

• 什麼是 NPM？

• npm init - 開發自己的 package.json

• 安裝 npm 流程

• NPM 版本號介紹

• npm install 的妙用

• npm install -save、--save-dev、-g 差異

• 執行 NPM 內容流程

• NPM 常用指令小抄

• NPM 測驗

• 程式出錯莫驚慌，log 探索自己來

• VS Code 進階除錯篇

• VS Code 定義瀏覽

• Firebase 服務介紹

• 環境講解

• 資料庫環境設定(更新)

• 資料庫環境設定

• ref (路徑)、set(新增) - 上

• ref (路徑)、set(新增) - 中

• ref (路徑)、set(新增) - 下

• ref、set 資料設計

• once - 顯示資料到網頁上

• once - 顯示列表資料到網頁上

• on - 資料即時呈現

• firebase 非同步觀念

• push - 新增資料

• remove、child - 移除資料

• for-in 語法講解

• 在網頁上即時瀏覽 firebase 資料

• 新增一個 todolist 吧！(上)

• 新增一個 todolist 吧！(下)

• forEach、orderByChild - 資料排序篇

• 排序規則

• startAt、endAt - 搜尋區間規則 (上)

• startAt、endAt - 搜尋區間規則 (下)

• limit - 限制筆數

• 時間篇(1) - new Date()

• 時間篇(2) - timeStamp

• 時間篇(3) - UI 時間介接

• reverse -資料翻轉調整

• Firebase 排序作業

• Firebase 線上 BMI 計算機

• Express 框架介紹

• Express 環境安裝

• 開啟 web 伺服器

• 網址規則介紹

• 網址規則簡報版

• 路由設計(上)

• 路由設計 (下)

• params - 取得指定路徑

• query - 取得網址參數

• middleware (上)

• middleware (中) - 404路由設定

• middleware(下) - 中介使用種類

• static - 載入靜態檔案

• EJS - 語言介紹

• EJS - 環境安裝

• EJS - 參數導入

• EJS - 載入內容種類

• EJS - 載入陣列

• EJS - 設定 Layout

• Postman - API 管理工具

• Postman - 取得 get 資料、基礎操作

• body-parser - 取得表單資料

• Redirect 跳轉頁面設定

• 使用 postman 傳送表單資訊

• POST AJAX 前後端介接原理

• POST AJAX JSON 格式

• Postman - POST AJAX JSON 格式講解

• Router 進階設定

• express-generator (上)

• express-generator (下)

• 開發項目介紹

• Express 整合 Firebase 流程

• Firebase - once、set 寫入讀取資料

• Firebase - then 設計思維

• EJS 整合 Firebase

• RESTful API todolist - EJS 版型設計

• RESTful API todolist - 新增資料 API

• RESTful API todolist - 刪除資料 API

• RESTful API todolist - EJS init

• RESTful API todolist - Client AJAX (上)

• RESTful API todolist - Client AJAX (下)

• Cookie 講解

• Cookie 瀏覽器 Client 端設計

• Cookie Node.js Server 設計

• session 講解

• session 開發環境設計

• session 寫入資料

• session 結合 form post 設計

• cookie、session 總結

• FB Login 機制講解

• cookie、session 語法

• 環境建置篇

• Gmail 前置設定

• nodemailer 章節備註

• 前言備註

• nodemailer - 發信功能介接

• CSRF - 介紹篇

• CSURF - 阻擋跨站攻擊

• dotenv - 環境變數設定

• dotenv - heroku 環境變數設定

• connect-flash - 資料暫存設計

• 接下來，教您還能如何優化

• 章節說明

• 環境安裝

• Node.js 程式碼講解

• 將 Node.js 部署至 heroku

• NPM 載入細節講解

• 作業介紹

• 前置作業

• 系統設計概觀介紹

• 初始化結構

• 載入資料庫模組

• 載入認證模組

• 註冊邏輯設計

• 認證與資料庫整合設計

• Firebase 表單驗證 + Flash 快閃設計

• 登入邏輯設計

• 會員 Session 設計

• EJS UI 開發

• 會員專區頁面開發

• 頁面瀏覽權限控管 (Middleware)

• 留言板資料庫設計

• 表單內容驗證模組

• 留言板資料呈現

• 同步與非同步的關念

• 本章節所使用的相關原始碼

• 定義屬於自己的 Promise 函式

• Promise All 與 Promise Race

• Firebase 與 Promise

• 部落格前後台設計 - 課程介紹

• 使用現成版型套版

• 透過環境變數設定 Firebase 資料庫連線

• 環境變數設定

• 製作後台文章分類

• 製作後台文章分類 - 與畫面的呈現

• 製作後台文章分類 - 刪除文章

• 製作後台文章分類 - 分類過濾

• 使用文字編輯工具建立文章

• 相同版型製作新增及轉址

• 新增文章頁面細節調整

• 後台文章列表呈現

• 使用分頁標籤控制 "草稿" 及 "公開" 文章

• 使用 Ajax 刪除文章

• 將文章呈現在前端台畫面

• 前台分頁功能製作 - 後端邏輯

• 前台分頁功能製作 - 畫面呈現

• 製作 EJS 及 Node.js 模組

• 註冊、登入及權限的說明

• 將網頁添加 Disqus 留言板

• 錯誤頁面製作

• Heroku 部署說明

• 課程作業說明

• 課程作業說明 及 課程範例*