ExpressJS起手式

事前準備

1. 安裝nodeJS

開始使用express

假設已經安裝完成，請建立目錄來保留您的應用程式，並使它成為您的工作目錄。

$ mkdir myfile 

建立一個myfile的資料夾。

$cd myfile

連結至名稱為myfile的資料夾。

ES6-基礎篇

Let + Const

// 定義常量 const REG_GET_INPUT = /^\d{1,3}$/; // 定義配置項 let config = { isDev : false, pubDir: './admin/' } // 引入 gulp let gulp = require('gulp'); // 引入gulp相關插件 let concat = require('gulp-concat'); let uglify = require('gulp-uglify'); let cssnano = require('gulp-cssnano');

webRTC-基本介紹/MediaStream實作

網路即時通訊技術（WebRTC）是一個可以在瀏覽器之間進行影音流串和資料分享的通訊技術。作為一個標準規格，WebRTC 可以提供任何瀏覽器在不需要安裝外掛程式或第三方軟體下，分享應用程式的資料和進行電話會議 。例如早先的 Google Talk 的視訊聊天、Facebook 聊天與後來發展的 Google Hangouts 等，這些都是用來讓人及時溝通的工具，但是在以前若要使用這樣的功能都要另外下載與安裝一些外掛程式，而安裝這些外掛的程序通常都很麻煩，甚至容易出問題，而最重要的問題是使用者可能一開始就不想安裝它了。

另一方面，對於開發者而言，這樣的外掛程式在開發、除錯與維護的難度會比一般的程式還要高，相較於一般的網頁應用程式而言，通常會需要引入許多額外的技術才能達成這樣的需求。

JavaScript常用型態處理技巧

1. 安全的串接字串

假設你有一些不確定的變數類型
而你想將它們串接成字串
這樣可能會導致錯誤

var one = 1;
var two = 2;
var three = '3';

var result = one + two + three; // 會得到 "33" 而非 "123"

可以用 concat 來串接字串

Bootstrap4.0更新內容

更新內容：

1. Jumbotron 
2. Rems and Ems Rule 
3. Card-The Unified UI Element 

MVC(Model-View-Controller)觀念

將應用程式劃分為三種元件，模型 - 視圖 - 控制器（MVC）設計定義它們之間的相互作用。

• 模型（Model） 用於封裝與應用程式的業務邏輯相關的資料以及對資料的處理方法。「 Model 」有對資料直接存取的權力，例如對資料庫的存取。「Model」不依賴「View」和「Controller」，也就是說， Model 不關心它會被如何顯示或是如何被操作。但是 Model 中資料的變化一般會通過一種重新整理機制被公布。為了實作這種機制，那些用於監視此 Model 的 View 必須事先在此 Model 上註冊，從而，View 可以了解在資料 Model 上發生的改變。

• 視圖（View）能夠實作資料有目的的顯示。在 View 中一般沒有程式上的邏輯。為了實作 View 上的重新整理功能，View 需要存取它監視的資料模型（Model），因此應該事先在被它監視的資料那裡註冊。

• 控制器（Controller）起到不同層面間的組織作用，用於控制應用程式的流程。它處理事件並作出響應。「事件」包括使用者的行為和資料 Model 上的改變。