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