 班級規(guī)模及環(huán)境--熱線:4008699035 手機:15921673576( 微信同號) |
| 每個班級的人數(shù)限3到5人，互動授課， 保障效果，小班授課。 |
| 上間和地點 |
上部份地點：【上?！客瑵髮W(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é)員的能力得到大家的認(rèn)同，受到用人單位的廣泛贊譽，端海的證書受到廣泛認(rèn)可。 |
部份程大綱 |
| |
- 第1章 服務(wù)器端渲染基礎(chǔ)
本章主要講解客戶端與服務(wù)器端渲染的概念，分析客戶端渲染和服務(wù)器端渲染的利弊，帶大家對服務(wù)器端渲染有一個粗淺認(rèn)識。
- 1-1 課程導(dǎo)學(xué)
1-2 什么是服務(wù)器端渲染
1-3 什么是客戶端渲染
1-4 React 客戶端渲染的優(yōu)勢與弊端
第2章 React中的服務(wù)器端渲染
本章將借助Node.js，Webpack等工具的幫助，帶大家實現(xiàn)一個非?；A(chǔ)的基于React.js技術(shù)棧的服務(wù)器端渲染模型，過程中還會講解虛擬DOM與服務(wù)器端渲染的內(nèi)在聯(lián)系。
- 2-1 在服務(wù)器端編寫 React 組件
2-2 服務(wù)器端 Webpack 的配置
2-3 實現(xiàn)服務(wù)器端組件渲染
2-4 建立在虛擬DOM上的服務(wù)器端渲染
2-5 Webpack 的自動打包與服務(wù)器自動重啟
2-6 使用 npm-run-all 提升開發(fā)效率
第3章 同構(gòu)的概念的梳理
服務(wù)器端渲染與同構(gòu)的概念實際上并不完全一致，React中的SSR實際上指的是同構(gòu)技術(shù)，那么什么是同構(gòu)技術(shù)，它和服務(wù)器端渲染的關(guān)系是什么，React中如何實現(xiàn)同構(gòu)呢？這一章節(jié)將給大家詳細(xì)講解。
- 3-1 什么是同構(gòu)
3-2 在瀏覽器上執(zhí)行一段 JS 代碼
3-3 讓 React 代碼在瀏覽器上運行
3-4 工程代碼優(yōu)化整理
3-5 階段總結(jié)
第4章 在SSR框架中引入路由機制
本章將給大家講解如何在當(dāng)前的SSR框架中引入React-Router，從而使得我們的服務(wù)器端渲染框架能夠支持路由跳轉(zhuǎn)，SSR的路由跳轉(zhuǎn)比前端路由或后端路由都要復(fù)雜一些，這張我們將細(xì)致的講解整個SSR路由的執(zhí)行流程。
- 4-1 服務(wù)器端渲染中的路由
4-2 多頁面路由跳轉(zhuǎn)
4-3 使用Link標(biāo)簽串聯(lián)起整個路由流程
第5章 SSR框架與Redux的結(jié)合
本章將講解如何將Redux數(shù)據(jù)管理框架與SSR框架做結(jié)合，使SSR框架能夠支撐復(fù)雜業(yè)務(wù)的開發(fā)。在這一章節(jié)中，我們將詳細(xì)講解服務(wù)器端異步數(shù)據(jù)獲取的流程和方法，同時也給大家講解清楚什么是同構(gòu)中的數(shù)據(jù)脫水與注水。
- 5-1 我們常常聽說的中間層是什么？
5-2 同構(gòu)項目中引入 Redux
5-3 創(chuàng)建 Store 代碼的復(fù)用
5-4 構(gòu)建 Redux 代碼結(jié)構(gòu) ( 1 )
5-5 構(gòu)建Redux代碼結(jié)構(gòu)(2)
5-6 如何獲取最新的secret值
5-7 流程回顧及問題分析
5-8 異步數(shù)據(jù)服務(wù)器渲染： loadData方法及路由重構(gòu)
5-9 Favicon 及多級路由問題的處理
5-10 服務(wù)器端渲染獲取數(shù)據(jù)
5-11 數(shù)據(jù)的脫水和注水
第6章 使用Node作為數(shù)據(jù)獲取中間層
本章將講解真正服務(wù)器端渲染中的代碼架構(gòu)體系，Node.js如何在這個體系中充當(dāng)中間層的作用，這里面我們將詳細(xì)講解數(shù)據(jù)代理轉(zhuǎn)發(fā)，cookie登陸狀態(tài)傳遞，axios實例等概念。
- 6-1 使用proxy代理，讓中間層承擔(dān)數(shù)據(jù)獲取職責(zé)
6-2 服務(wù)器端請求和客戶端請求的不同處理
6-3 axios中instance的使用
6-4 redux-thunk中的withExtraArgument
6-5 renderRoutes 方法實現(xiàn)對多級路由的支持
6-6 登陸功能的制作
6-7 登陸接口打通
6-8 登陸狀態(tài)切換
6-9 解決登陸 cookie 傳遞問題
6-10 翻譯列表頁面制作
第7章 細(xì)節(jié)問題處理
本章將講解在SSR框架中，如何處理301重定向，404頁面不存在的情況，以及面對異步數(shù)據(jù)獲取失敗的情況，應(yīng)該如何借助Promise解決問題。
- 7-1 secret統(tǒng)一管理
7-2 借助 context 實現(xiàn)404頁面功能
7-3 實現(xiàn)服務(wù)器端301重定向
7-4 數(shù)據(jù)請求失敗情況下 promise 的處理
第8章 處理SSR框架中的CSS樣式
本章將講解在SSR框架中，組件和頁面中CSS樣式的處理方案，在這章中，我們還會應(yīng)用高階組件等設(shè)計技巧，提高代碼復(fù)用性。
- 8-1 如何支持 CSS 樣式修飾
8-2 如何實現(xiàn)CSS樣式的服務(wù)器端渲染
8-3 多組件中的樣式如何整合
8-4 LoadData 方法潛在問題的修正
8-5 使用高階組件精簡代碼
8-6 列表樣式優(yōu)化
第9章 SEO技巧的融入
本章將講解SEO中的一些基本技巧，以及如何通過React-helmet等技術(shù)，提升當(dāng)前SSR框架的SEO效果，最后，還會給大家講解SSR外的另一種解決SEO問題的思路：預(yù)渲染。
- 9-1 什么是SEO， 為什么服務(wù)器端渲染對SEO更加友好 ？
9-2 Title 和 Description的真正作用
9-3 如何做好 SEO
9-4 React-Helmet 的使用
9-5 課程總結(jié)
9-6 使用預(yù)渲染解決SEO問題的新思路
|
首頁 課程表 在線聊 報名 講師 品牌 QQ聊 活動 就業(yè)