YOTTA 線上課程 學好 ES6 與 React 的第一堂課(含教材) 張至寧 Eddy(React / Javascript教學與程式設計師) 影音教學 中文發音 繁體中文字幕版(DVD版)
課程類型:程式語言
React 是由 Facebook 創造的開放原始碼 JavaScript 函式庫,專門用於開發單頁式網站應用,因其創新的 Virtual DOM 與 JSX 語法,受到 JavaScript 開發社
一、React 技術入門介紹
1 什麼是 React
2 React v16新核心 - React Fiber
3 React的五大重要特性
二、準備工作:開發環境&工具
4 Node.js / NPM/ Yarn - 套件管理與開發伺服器環境
5 Visual Studio Code - 程式碼撰寫工具
6 Create React App - Facebook出品的快速開發專案樣版
7 Flow工具 - 開發期間類型輔助工具
8 ESLint工具/開發風格 - 程式碼檢查工具與寫作風格
9 Chrome瀏覽器&擴充套件 - 程式除錯工具
三、基礎知識:ES6(ES2015) 七大新特性
10 let 與 const
11 箭頭函式
12 函式傳入預設值
13 解構賦值
14 展開與其餘運算符
15 類別
16 模組系統
四、從JavaScript(或jQuery)到React入門實例
17 Hello World
18 元件的拆分與設計 (實作:計數器|能夠更新點擊數據)
19 元件與異步程序 (實作:數字時鐘|在網頁上顯示時間)
20 元件的搜尋思維 (實作:表格的搜尋功能)
21 可控與不可控元件 (實作:表單填寫與驗証)
22 綜合應用:待辦事項 新增/刪除
23 綜合應用:待辦事項(進階) 編輯
五、React 應用實例與操作介面(UI)庫應用
24 與伺服器溝通方式 - AJAX
25 與伺服器溝通方式 - Fetch API
26 操作介面庫應用 - React-Bootstrap - 學生管理資料庫
27 操作介面庫應用 - Material-UI - 音樂資料庫
六、Reat router (路由) v4
28 網站基本應用
29 路由與路徑參數
30 會員登入與保護頁面
31 實作 - 個人部落格
32 實作 - 遊戲卡片資料庫
33 實作 - 動物醫院管理資料庫
|
|