班級(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ì)?!詈细駥W(xué)員免費(fèi)頒發(fā)相關(guān)工程師等資格證書(shū),提升職業(yè)資質(zhì)。專注高端技術(shù)培訓(xùn)15年,端海學(xué)員的能力得到大家的認(rèn)同,受到用人單位的廣泛贊譽(yù),端海的證書(shū)受到廣泛認(rèn)可。 |
部份程大綱 |
|
- 第1章 課程導(dǎo)學(xué)
本章主要介紹學(xué)習(xí)react的重要性,課程的知識(shí)大綱,學(xué)習(xí)前提,講授方式及預(yù)期收獲。
- 1-1 課程導(dǎo)學(xué)
第2章 React初探
本章主要講解React項(xiàng)目的開(kāi)發(fā)環(huán)境搭建,工程代碼結(jié)構(gòu)及React中最基礎(chǔ)的語(yǔ)法內(nèi)容,同時(shí)對(duì)前端組件化思想進(jìn)行介紹。
- 2-1 React簡(jiǎn)介
2-2 React開(kāi)發(fā)環(huán)境準(zhǔn)備
2-3 工程目錄文件簡(jiǎn)介
2-4 React中的組件
2-5 React 中最基礎(chǔ)的JSX語(yǔ)法
第3章 React基礎(chǔ)精講
本章通過(guò)TodoList功能的實(shí)現(xiàn),給大家完整介紹React的基礎(chǔ)語(yǔ)法,設(shè)計(jì)理念以及圍繞React展開(kāi)的一些編程思維。
- 3-1 使用React編寫TodoList功能
3-2 React 中的響應(yīng)式設(shè)計(jì)思想和事件綁定
3-3 實(shí)現(xiàn) TodoList 新增刪除功能
3-4 JSX語(yǔ)法細(xì)節(jié)補(bǔ)充
3-5 拆分組件與組件之間的傳值
3-6 TodoList 代碼優(yōu)化
3-7 圍繞 React 衍生出的思考
第4章 React高級(jí)內(nèi)容
本章講解React高級(jí)部分內(nèi)容,包含PropTypes,生命周期函數(shù),虛擬Dom,數(shù)據(jù)mock,動(dòng)畫(huà)實(shí)現(xiàn)等部分課程講解。
- 4-1 React developer tools 安裝及使用
4-2 PropTypes 與 DefaultProps 的應(yīng)用
4-3 props,state 與 render 函數(shù)的關(guān)系
4-4 React 中的虛擬DOM
4-5 深入了解虛擬DOM
4-6 虛擬 DOM 中的 Diff 算法
4-7 React 中 ref 的使用
4-8 React 的生命周期函數(shù)
4-9 React 生命周期函數(shù)的使用場(chǎng)景
4-10 使用Charles實(shí)現(xiàn)本地?cái)?shù)據(jù)mock
4-11 React 中實(shí)現(xiàn) CSS 過(guò)渡動(dòng)畫(huà)
4-12 React 中使用 CSS 動(dòng)畫(huà)效果
4-13 使用 react-transition-group 實(shí)現(xiàn)動(dòng)畫(huà)(1)
4-14 使用 react-transition-group 的使用(2)
第5章 Redux入門
本章主要講解Redux產(chǎn)生背景,組成內(nèi)容以及使用方式,通過(guò)實(shí)例帶大家上手Redux數(shù)據(jù)管理框架的使用。
- 5-1 Redux 概念簡(jiǎn)述
5-2 Redux 的工作流程
5-3 使用 Antd 實(shí)現(xiàn) TodoList 頁(yè)面布局
5-4 創(chuàng)建 redux 中的 store
5-5 Action 和 Reducer 的編寫
5-6 使用 Redux 完成 TodoList 刪除功能
5-7 ActionTypes 的拆分
5-8 使用 actionCreator 統(tǒng)一創(chuàng)建 action
5-9 Redux 知識(shí)點(diǎn)復(fù)習(xí)補(bǔ)充
第6章 Redux進(jìn)階
本章主要講解UI組件與容器組件基礎(chǔ),如何使用redux-thunk,redux-saga等Redux中間件,以及react-redux的使用方式。
- 6-1 UI組件和容器組件
6-2 無(wú)狀態(tài)組件
6-3 Redux 中發(fā)送異步請(qǐng)求獲取數(shù)據(jù)
6-4 使用Redux-thunk 中間件實(shí)現(xiàn)ajax數(shù)據(jù)請(qǐng)求
6-5 什么是Redux的中間件
6-6 Redux-saga 中間件使用入門(1)
6-7 Redux-saga 中間件使用入門(2)
6-8 如何使用 React-redux(1)
6-9 如何使用 React-redux(2)
6-10 使用React-redux完成TodoList功能
第7章 項(xiàng)目實(shí)戰(zhàn):Header組件開(kāi)發(fā)
本章講解項(xiàng)目中公用Header組件的開(kāi)發(fā),包含動(dòng)畫(huà)效果實(shí)現(xiàn),iconfont,immutable.js,styled-components的使用以及異步數(shù)據(jù)的獲取。
- 7-1 項(xiàng)目目錄搭建,Styled-Components 與 Reset.css 的結(jié)合使用
7-2 使用 styled-components 完成 Header 組件布局(1)
7-3 使用 styled-components 完成 Header 組件布局(2)
7-4 使用 iconfont 嵌入頭部圖標(biāo)
7-5 搜索框動(dòng)畫(huà)效果實(shí)現(xiàn)
7-6 使用 React-Redux 進(jìn)行應(yīng)用數(shù)據(jù)的管理
7-7 使用 combineReducers 完成對(duì)數(shù)據(jù)的拆分管理
7-8 actionCreators 與 constants 的拆分
7-9 使用 Immutable.js 來(lái)管理store中的數(shù)據(jù)
7-10 使用 redux-immutable 統(tǒng)一數(shù)據(jù)格式
7-11 熱門搜索樣式布局
7-12 Ajax獲取推薦數(shù)據(jù)
7-13 代碼優(yōu)化微調(diào)
7-14 熱門搜索換頁(yè)功能實(shí)現(xiàn)
7-15 換頁(yè)旋轉(zhuǎn)動(dòng)畫(huà)效果的實(shí)現(xiàn)
7-16 避免無(wú)意義的請(qǐng)求發(fā)送,提升組件性能
第8章 項(xiàng)目實(shí)戰(zhàn):首頁(yè)開(kāi)發(fā)
本章將帶大家完成項(xiàng)目首頁(yè)的開(kāi)發(fā),課程能容包含react-router4的使用,組件及reducer的拆分設(shè)計(jì),首頁(yè)部分的核心功能包含列表顯示,加載更多,返回頂部等。
- 8-1 什么是路由,如何在React中使用路由功能
8-2 首頁(yè)組件的拆分
8-3 首頁(yè)專題區(qū)域布局及reducer的設(shè)計(jì)
8-4 首頁(yè)文章列表制作
8-5 首頁(yè)推薦部分代碼編寫
8-6 首頁(yè)異步數(shù)據(jù)獲取
8-7 異步操作代碼拆分優(yōu)化
8-8 實(shí)現(xiàn)加載更多功能
8-9 返回頂部功能實(shí)現(xiàn)
8-10 首頁(yè)性能優(yōu)化及路由跳轉(zhuǎn)
第9章 項(xiàng)目實(shí)戰(zhàn):詳情頁(yè)面和登錄功能開(kāi)發(fā)
本章將完成詳情頁(yè)面的開(kāi)發(fā),過(guò)程中將完整介紹react-router跨頁(yè)面?zhèn)髦档姆椒暗顷戣b權(quán)的實(shí)現(xiàn)思路。同時(shí)我們將給大家介紹異步組件和路由withRouter方法的使用方式。
- 9-1 詳情頁(yè)面布局
9-2 使用redux管理詳情頁(yè)面數(shù)據(jù)
9-3 異步獲取數(shù)據(jù)
9-4 頁(yè)面路由參數(shù)的傳遞
9-5 登陸頁(yè)面布局
9-6 登陸功能實(shí)現(xiàn)
9-7 登陸鑒權(quán)及代碼優(yōu)化
9-8 異步組件及withRouter路由方法的使用
|