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