前言 React 的出現就顛覆了傳統網頁設計概念，出現了 Virtual DOM 這個名詞，不僅提升渲染的效能也能夠將所有畫面做元件化，而產生出 WEB APP 的名詞出現，在這章節中我們就來討論 React 的生命週期。
前言 Freenom 提供了五種的免費頂級網域 .tk、.ml、.ga、.cf、.gq，不論是要架站或拿來當 Blog 的域名都非常合適，畢竟主機的靜態 IP 位置一方面不易判讀也不太適合暴露在大家眼前，所以必須靠 DNS 轉址服務來連結自己的網站。
前言 Firebase 這幾年來被 Google 收購後開始不斷成長，也不斷的開出新功能讓大家體驗，其中今天要來介紹的是 Firebase Hosting 靜態網站部署，雖然是免費的但還是有流量的限制一個月上載 1GB 下載 10GB，詳細付費資訊可以參考官方。
何謂Gulp 隨著前端世界的演進衍伸出許多語言框架像是光 CSS 就有 LESS、SCSS、Sass、Stylus、PostCSS，HTML 有 Haml、hbs、pug、Slim、Markdown，而 JavaScrypt 則有 CoffeeScript、LiveScrypt、TypeScrypt、Bable，對於這些程式碼的打包其實非常的重要而 gulp 就是在做這件事，此外與 gulp 相類似的打包工具就是 grunt，grunt 對於資深的工程是一定不陌生，他是最古老的打包工具近幾年 gulp 出現使用者慢慢轉移使用 gulp 了，而在 2018 年 1 月 gulp 也終於正式釋出第4版了。
本文你將會學到 使用 git 將專案引入到 VM 虛擬機中 在 VM 上測試執行API
本文你將會學到 使用GCP建立Cloud SQL雲端資料庫 本機建立雲端資料庫連線
本文你將會學到 新增專案 建置一個 Node.js 環境的虛擬機 預約靜態外部IP位址 新增防火牆規則 在 VM 上測試執行 Node.js
本文你將會學到 建立 function component input 呼叫事件變動 state 的資料 父子元件使用 props 傳遞函式 在JSX中加入判斷式 在元件中內嵌style樣式 使用 map 將資料動態呈現