處理四周空白 在設計網頁時你未發現元件標籤的四周有預留一些小空白，如下圖，這些空白要如何去除呢？這要往 body 下手去處理，原因是預設 body 四周圍本身就有預留一些 margin 空隙，所以將 body 的 margin 歸零就可以囉。
常見的 CSS 屬性 其實前端開發中常用的 HTML、CSS 只有固定幾種，其餘比較特別例外的都可以上網查詢，在這邊整理出一些比較基礎的 CSS 屬性。
JavaScript 歷史與發展 各位先前可能聽過 ECMAScript 若不知道也沒關係，ES6的出現就他有關係，在1995年時 Netscape(網景)公司與 Sun(昇陽)公司合作 設計一個網頁程式語言名為 JavaScript 名稱屬 Sun(昇陽)公司擁有，後來被Oracle(甲骨文)公司所收購。1996年11月，網景公司將 JavaScript 提交給歐洲計算機製造商協會(ECMA)進行標準。各位可以發現ES4為什麼沒釋出？由於此版本更新幅度太大更新許多功能，怕龐大的變動讓使用者吃不消所以最後決定每年固定釋出更新直到最近的 ES6、ES7。
在設設計網頁中常會看到2、3或多欄式排版，這是很常見的排版方式，今天就來試著實作多欄式的版型，分別為 2、3、4 欄實作。
文字置中 一般文字置中使用 text-align 就好比你在 word 編輯文字有靠左靠右以及置中一樣。
什麼是 REST/RESTful ? Representational State Transfer，簡稱 REST，它是一種網路架構風格，近幾年來 REST 的概念已經被實作在大型網路系統中，而在 Web Service 中使用 REST 概念被實作出來的 API 就簡稱為 RESTful API 他是使用 HTTP 的協定完整定義 Web Service 在 HTTP Request 的各種流程。
何謂 Express Express 可以說是 Node.js 底下的一個前端 + 後端的框架，也是被官方所認同推薦入門的套件之一，其中包含 MVC Framework( Model–View–Controller)，簡單來說 View 就是前端畫面呈現 HTML + CSS，Model、Controller 為後端 API 搭建資料庫與控制流程，稍後幾篇文章會再深入的名詞解釋這裡就不多贅述。
何謂 Yarn Yarn 是一個新的 package 管理器，它替代了 npm 客戶機或其他包管理器的現有工作流，同時保持與 npm 註冊表的兼容性。它具有與現有工作流程相同的功能集，同時運行速度更快，更安全，更可靠，簡單來說用 Yarn 來安裝套件比起 npm 更來得快速！
在這系列文中我會從最基礎的編輯器推薦、語言選擇、環境建置、框架介紹、自動化部署、資料庫架設、到一個簡單的部落格貼文 API 範例實作以及單元測試和簡單的雲端平台服務，希望能幫助到各位實戰的經驗。
This is a Weather APP using gov OpenData.
It is the Weather View for sunset
使用Mocha來做Node.js單元測試並使用Chai斷言庫來實作BDD測試