班級規模及環境--熱線:4008699035 手機:15921673576( 微信同號) |
每個班級的人數限3到5人,互動授課, 保障效果,小班授課。 |
上間和地點 |
上部份地點:【上海】同濟大學(滬西)/新城金郡商務樓(11號線白銀路站)【深圳分部】:電影大廈(地鐵一號線大劇院站)/深圳大學成教院【北京分部】:北京中山學院/福鑫大樓【南京分部】:金港大廈(和燕路)【武漢分部】:佳源大廈(高新二路)【成都分部】:領館區1號(中和大道)【沈陽分部】:沈陽理工大學/六宅臻品【鄭州分部】:鄭州大學/錦華大廈【石家莊分部】:河北科技大學/瑞景大廈 最近開間(周末班/連續班/晚班):2019年1月26日 |
實驗設備 |
◆小班教學,教學效果好 ☆注重質量☆邊講邊練 ☆合格學員免費推薦工作 ★實驗設備請點擊這兒查看★ |
質量保障 |
1、培訓過程中,如有部分內容理解不透或消化不好,可免費在以后培訓班中重聽; 2、培訓結束后,授課老師留給學員聯系方式,保障培訓效果,免費提供課后技術支持。 3、培訓合格學員可享受免費推薦就業機會。☆合格學員免費頒發相關工程師等資格證書,提升職業資質。專注高端技術培訓15年,端海學員的能力得到大家的認同,受到用人單位的廣泛贊譽,端海的證書受到廣泛認可。 |
部份程大綱 |
|
- 第1章 課程介紹
介紹了整個課程的背景知識,項目簡介,學習流程,可以掌握的知識點,以及學習方法和前置知識
- 1-1 課程導讀 試看
第2章 設計稿:從藍圖開始
從原型圖出發,分析整個應用的需求和功能點,最后規定了文件結構和代碼規范。
- 2-1 從分析設計稿開始
2-2 文件代碼結構
第3章 首頁:庖丁解牛
使用 React 理念開發首頁的功能,通過組件拆分-展示型組件開發的流程開發所有的展示型組件,并且學習 PropTyps 驗證 React組件的屬性。
- 3-1 拆分靜態組件
3-2 第一個展示型組件 - 價格列表
3-3 為項目選擇圖標庫
3-4 PropTypes 屬性檢查
3-5 切換Tab組件
3-6 動手實戰
3-7 月份選擇組件 - 需求分析
3-8 月份選擇組件開發 - 編碼第一部分
3-9 月份選擇組件 編碼第二部分
第4章 首頁:樂高積木
繼續 React 理念的開發 ,通過 展示型組件組合 - state和數據流分析 -添加 state 和交互 這樣的流程完成首頁的開發。
- 4-1 組合所有靜態型組件
4-2 分析設計 State 結構
4-3 分析數據流
4-4 添加邏輯交互代碼及總結
第5章 組件測試
簡介了測試的基本概念,介紹 通用測試工具 Jest 和 React 測試框架 enzyme,然后使用這兩種工具完成首頁所有展示型組件的測試和首頁的集成測試。
- 5-1 為什么要有測試
5-2 通用框架 Jest 簡介
5-3 React 測試工具簡介
5-4 價格題目列表測試分析和編寫 試看
5-5 月份選擇器添加測試
5-6 月份選擇器進階測試
5-7 首頁單元測試分析和編寫
第6章 創建記賬條目頁面
分析創建頁面的需求,學習 SPA 的概念,使用 React-Router 創建路由,并且使用 TDD 的方式開發創建頁面的展示型組件。
- 6-1 創建頁面需求分析和組件拆分 試看
6-2 React-Router 簡介
6-3 React-Router 代碼部分
6-4 TDD 的方式開發分類選擇組件
6-5 PriceForm 組件編寫的指導思想
6-6 動手實戰
6-7 使用 children 重構 Tabs 組件
6-8 創建頁面組合展示型組件
第7章 多頁面結合
分析多頁面的 state 結構,并且提出優化方案,簡介 Redux 和不使用 Redux 的原因使用 Context 將狀態和操作方法抽象到頂層,最后整合整個應用的所有數據操作邏輯。
- 7-1 分析和優化整個應用的state 結構
7-2 Redux 和 Context 的解決方案
7-3 添加 Context
7-4 使用高階組件實現 Context 重用
7-5 整合兩個頁面的邏輯和交互— 首頁和創建頁
7-6 整合兩個頁面的邏輯和交互 二 - 編輯頁面
7-7 階段性總結
第8章 后端 Mock 環境
簡介 前后端分離開發和 mock server 的概念,然后學習怎樣使用 JSON server 快速搭建一個 mock server,并且學會使用 Postman 測試接口。
- 8-1 前后端分離開發概念
8-2 使用 json-server 打造 mock server
8-3 分析和創建 Restful 接口
8-4 使用 Postman 測試 API
第9章 動靜結合
學習 Axios 的基本用法,然后使用 Axios 改造應用對接后端接口,并且實現所有異步操作。
- 9-1 下一代的 HTTP 庫:Axios_x264
9-2 學習 axios 的簡單用法
9-3 改造首頁支持異步流程
9-4 使用 async 改造異步流程
9-5 改造創建條目頁和編輯頁
9-6 優化異步請求
9-7 容器型組件測試策略和介紹
9-8 創建編輯頁面測試編寫
9-9 動手實踐
第10章 錦上添花:圖表分析頁面
學習怎樣將開源圖表庫 Recharts 集成到首頁的功能中。
- 10-1 Recharts 簡介
10-2 使用 Recharts 完成簡單示例
10-3 算法問題:計算必要的數據結構
10-4 集成 Recharts 到項目中
|