React.js－變數／常數／箭頭函式

變數

• 變數-有「盒⼦」的概念，把資料放在裡⾯，然後標註上⼀個名稱作為標籤
• 宣告時使⽤let關鍵字，⼀開始宣告時要養成給定初始值的好習慣

使用Express.js／靜態檔案

Express

• Node.js 中最流行的 Web 開發框架/模組
• 簡潔靈活的特性
• 豐富完整的 API 文件(https://expressjs.com/zhtw/4x/api.html)
• 能快速地搭建㇐個網站

創建專案資料夾 lab

ES6篇－函式與作用域／傳⼊參數預設值(Default Parameters)

函式

基本語法結構

//匿名函式 function() {} 

//有名稱的函式 function foo() {}

傳⼊參數預設值

React.js－解構賦值／展開與其餘運算符／類別／模組系統

React.js－解構賦值／展開與其餘運算符／類別／模組系統

React.js－認識-解構賦值／展開與其餘運算符／類別／模組系統

解構賦值

解構賦值(Destructuring Assignment)語法

認識Node.js / 全域執行環境 / 事件循環、堆疊、佇列和併發模式

認識Node.js / 全域執行環境 / 事件循環、堆疊、佇列和併發模式

使用nodemon

nodemon 介紹

nodemon會看是否需要自動重啟服務，遇到錯誤時也不會再中斷服務。

寫好新程式碼後，只需要儲存程式檔案，系統即可重新執行

不用㇐再地重新執行 node 檔名.js 指令

安裝 nodemon

安裝於全域

練習REACT（３）

練習1

JSX前後標記語法範例

app.js

練習REACT （２）／state與props

JSX只能一個ROOT TAG/使用不同元件類型/資料傳遞給子女元件/props使用/state與props

練習REACT （２）

JSX只能有一個root tag

App.js