1、培訓過程中，如有部分內(nèi)容理解不透或消化不好，可免費在以后培訓班中重聽；
       2、培訓結(jié)束后,授課老師留給學員聯(lián)系方式,保障培訓效果,免費提供課后技術(shù)支持。
       3、培訓合格學員可享受免費推薦就業(yè)機會。☆合格學員免費頒發(fā)相關(guān)工程師等資格證書，提升職業(yè)資質(zhì)。專注高端技術(shù)培訓15年，端海學員的能力得到大家的認同，受到用人單位的廣泛贊譽，端海的證書受到廣泛認可。

• 第1章 服務(wù)器端渲染基礎(chǔ)
  本章主要講解客戶端與服務(wù)器端渲染的概念，分析客戶端渲染和服務(wù)器端渲染的利弊，帶大家對服務(wù)器端渲染有一個粗淺認識。
• 1-1 課程導學
  1-2 什么是服務(wù)器端渲染
  1-3 什么是客戶端渲染
  1-4 React 客戶端渲染的優(yōu)勢與弊端
  第2章 React中的服務(wù)器端渲染
  本章將借助Node.js，Webpack等工具的幫助，帶大家實現(xiàn)一個非常基礎(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é)將給大家詳細講解。
• 3-1 什么是同構(gòu)
  3-2 在瀏覽器上執(zhí)行一段 JS 代碼
  3-3 讓 React 代碼在瀏覽器上運行
  3-4 工程代碼優(yōu)化整理
  3-5 階段總結(jié)
  第4章 在SSR框架中引入路由機制
  本章將給大家講解如何在當前的SSR框架中引入React-Router，從而使得我們的服務(wù)器端渲染框架能夠支持路由跳轉(zhuǎn)，SSR的路由跳轉(zhuǎn)比前端路由或后端路由都要復雜一些，這張我們將細致的講解整個SSR路由的執(zhí)行流程。
• 4-1 服務(wù)器端渲染中的路由
  4-2 多頁面路由跳轉(zhuǎn)
  4-3 使用Link標簽串聯(lián)起整個路由流程
  第5章 SSR框架與Redux的結(jié)合
  本章將講解如何將Redux數(shù)據(jù)管理框架與SSR框架做結(jié)合，使SSR框架能夠支撐復雜業(yè)務(wù)的開發(fā)。在這一章節(jié)中，我們將詳細講解服務(wù)器端異步數(shù)據(jù)獲取的流程和方法，同時也給大家講解清楚什么是同構(gòu)中的數(shù)據(jù)脫水與注水。
• 5-1 我們常常聽說的中間層是什么？
  5-2 同構(gòu)項目中引入 Redux
  5-3 創(chuàng)建 Store 代碼的復用
  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如何在這個體系中充當中間層的作用，這里面我們將詳細講解數(shù)據(jù)代理轉(zhuǎn)發(fā)，cookie登陸狀態(tài)傳遞，axios實例等概念。
• 6-1 使用proxy代理，讓中間層承擔數(shù)據(jù)獲取職責
  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章 細節(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è)計技巧，提高代碼復用性。
• 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ù)，提升當前SSR框架的SEO效果，最后，還會給大家講解SSR外的另一種解決SEO問題的思路：預渲染。
• 9-1 什么是SEO， 為什么服務(wù)器端渲染對SEO更加友好 ？
  9-2 Title 和 Description的真正作用
  9-3 如何做好 SEO
  9-4 React-Helmet 的使用
  9-5 課程總結(jié)
  9-6 使用預渲染解決SEO問題的新思路