本文你將會學到 了解資料庫型態 如何在自己本機端安裝 MySQL 環境
本文你將會學到 了解 middleware 運作方式 幫你專案加入常用的 middleware 中介軟體 body-parser cors morgan
前言 React 中有兩個東西會控制到元件分別是 props 和 state， props 是由父元件傳入，在 component 中，它是不會被改變的，而要改變的資料會放在我們今天要介紹的 state。
本文你將會學到 如何安裝 Express 使用 Express 建立路由 建置一個 MVC 中的 Module 與 Controller 環境 config.js 建立全域變數
前言 在團隊開發中勢必要有一個寫 code 規範來應付日漸膨脹的專案，除非你是單打獨鬥，保持的個人統一的規格，畢竟人多手雜每個人的開發環境與習慣都不太一樣，使用的編輯器也五花八門，像是今年很流行的 Visual Studio Code 或是 Sublime Text 與 Atom，你永遠不確定你的開發團隊善於哪個 IDE 雖然團隊有硬性制定一個明文的規範，但若是規範上百條的標準時豈不是要慢慢閱讀與檢查嗎？
React Props 在一般的 HTML 我們可以傳遞屬性，而在 React 中使用 Props 是固定不變的，它可以自定義變數傳入元件中並渲染出來 {this.props.參數名稱}，這邊定義一個外部函式元件然後在 app.js 中去調用它並動態給值，此外 props 允許您將數據從父（包裝）組件傳遞給子（嵌入）組件。
什麼是 nodemon？ 在我們開發 node.js 時執行程式碼必須都要使用 node 指令來執行程式碼例如：node index.js ，但是如果你今天正在開發階段必須一直修修改改並且頻繁地測試內容，豈不是要一直重複著些指令嗎？從今天開始你可以使用 nodemon 的自動化 reload 幫你省去這些不必要麻煩的動作！
什麼是 Webpack ? Webpack 是一個開源的打包工具。Webpack 提供了開發缺乏的模組化開發方式，將各種靜態資源視為模組，並從它生成優化過的程式碼。 Webpack 可以從終端、或是更改 webpack.config.js 來設定各項功能。 要使用 Webpack 前須先安裝 Node.js。
第15屆iT邦幫忙鐵人賽 AI & Data 組 [佳作]
第13屆iT邦幫忙鐵人賽 AI & Data 組
第12屆iT邦幫忙鐵人賽 影片教學組 [優選]