曙海教育集團
全國報名免費熱線:4008699035 微信:shuhaipeixun
或15921673576(微信同號) QQ:1299983702
首頁 課程表 在線聊 報名 講師 品牌 QQ聊 活動 就業
 
React 服務器渲染原理解析與實踐課程培訓

 
  班級規模及環境--熱線:4008699035 手機:15921673576( 微信同號)
      每個班級的人數限3到5人,互動授課, 保障效果,小班授課。
  上間和地點
上部份地點:【上海】同濟大學(滬西)/新城金郡商務樓(11號線白銀路站)【深圳分部】:電影大廈(地鐵一號線大劇院站)/深圳大學成教院【北京分部】:北京中山學院/福鑫大樓【南京分部】:金港大廈(和燕路)【武漢分部】:佳源大廈(高新二路)【成都分部】:領館區1號(中和大道)【沈陽分部】:沈陽理工大學/六宅臻品【鄭州分部】:鄭州大學/錦華大廈【石家莊分部】:河北科技大學/瑞景大廈
最近開間(周末班/連續班/晚班):2019年1月26日
  實驗設備
    ◆小班教學,教學效果好
       
       ☆注重質量☆邊講邊練

       ☆合格學員免費推薦工作
       ★實驗設備請點擊這兒查看★
  質量保障

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

部份程大綱
 
  • 第1章 服務器端渲染基礎
    本章主要講解客戶端與服務器端渲染的概念,分析客戶端渲染和服務器端渲染的利弊,帶大家對服務器端渲染有一個粗淺認識。
  • 1-1 課程導學
    1-2 什么是服務器端渲染
    1-3 什么是客戶端渲染
    1-4 React 客戶端渲染的優勢與弊端
    第2章 React中的服務器端渲染
    本章將借助Node.js,Webpack等工具的幫助,帶大家實現一個非常基礎的基于React.js技術棧的服務器端渲染模型,過程中還會講解虛擬DOM與服務器端渲染的內在聯系。
  • 2-1 在服務器端編寫 React 組件
    2-2 服務器端 Webpack 的配置
    2-3 實現服務器端組件渲染
    2-4 建立在虛擬DOM上的服務器端渲染
    2-5 Webpack 的自動打包與服務器自動重啟
    2-6 使用 npm-run-all 提升開發效率
    第3章 同構的概念的梳理
    服務器端渲染與同構的概念實際上并不完全一致,React中的SSR實際上指的是同構技術,那么什么是同構技術,它和服務器端渲染的關系是什么,React中如何實現同構呢?這一章節將給大家詳細講解。
  • 3-1 什么是同構
    3-2 在瀏覽器上執行一段 JS 代碼
    3-3 讓 React 代碼在瀏覽器上運行
    3-4 工程代碼優化整理
    3-5 階段總結
    第4章 在SSR框架中引入路由機制
    本章將給大家講解如何在當前的SSR框架中引入React-Router,從而使得我們的服務器端渲染框架能夠支持路由跳轉,SSR的路由跳轉比前端路由或后端路由都要復雜一些,這張我們將細致的講解整個SSR路由的執行流程。
  • 4-1 服務器端渲染中的路由
    4-2 多頁面路由跳轉
    4-3 使用Link標簽串聯起整個路由流程
    第5章 SSR框架與Redux的結合
    本章將講解如何將Redux數據管理框架與SSR框架做結合,使SSR框架能夠支撐復雜業務的開發。在這一章節中,我們將詳細講解服務器端異步數據獲取的流程和方法,同時也給大家講解清楚什么是同構中的數據脫水與注水。
  • 5-1 我們常常聽說的中間層是什么?
    5-2 同構項目中引入 Redux
    5-3 創建 Store 代碼的復用
    5-4 構建 Redux 代碼結構 ( 1 )
    5-5 構建Redux代碼結構(2)
    5-6 如何獲取最新的secret值
    5-7 流程回顧及問題分析
    5-8 異步數據服務器渲染: loadData方法及路由重構
    5-9 Favicon 及多級路由問題的處理
    5-10 服務器端渲染獲取數據
    5-11 數據的脫水和注水
    第6章 使用Node作為數據獲取中間層
    本章將講解真正服務器端渲染中的代碼架構體系,Node.js如何在這個體系中充當中間層的作用,這里面我們將詳細講解數據代理轉發,cookie登陸狀態傳遞,axios實例等概念。
  • 6-1 使用proxy代理,讓中間層承擔數據獲取職責
    6-2 服務器端請求和客戶端請求的不同處理
    6-3 axios中instance的使用
    6-4 redux-thunk中的withExtraArgument
    6-5 renderRoutes 方法實現對多級路由的支持
    6-6 登陸功能的制作
    6-7 登陸接口打通
    6-8 登陸狀態切換
    6-9 解決登陸 cookie 傳遞問題
    6-10 翻譯列表頁面制作
    第7章 細節問題處理
    本章將講解在SSR框架中,如何處理301重定向,404頁面不存在的情況,以及面對異步數據獲取失敗的情況,應該如何借助Promise解決問題。
  • 7-1 secret統一管理
    7-2 借助 context 實現404頁面功能
    7-3 實現服務器端301重定向
    7-4 數據請求失敗情況下 promise 的處理
    第8章 處理SSR框架中的CSS樣式
    本章將講解在SSR框架中,組件和頁面中CSS樣式的處理方案,在這章中,我們還會應用高階組件等設計技巧,提高代碼復用性。
  • 8-1 如何支持 CSS 樣式修飾
    8-2 如何實現CSS樣式的服務器端渲染
    8-3 多組件中的樣式如何整合
    8-4 LoadData 方法潛在問題的修正
    8-5 使用高階組件精簡代碼
    8-6 列表樣式優化
    第9章 SEO技巧的融入
    本章將講解SEO中的一些基本技巧,以及如何通過React-helmet等技術,提升當前SSR框架的SEO效果,最后,還會給大家講解SSR外的另一種解決SEO問題的思路:預渲染。
  • 9-1 什么是SEO, 為什么服務器端渲染對SEO更加友好 ?
    9-2 Title 和 Description的真正作用
    9-3 如何做好 SEO
    9-4 React-Helmet 的使用
    9-5 課程總結
    9-6 使用預渲染解決SEO問題的新思路
 

-

 

  備案號:備案號:滬ICP備08026168號-1 .(2024年07月24日)...............
主站蜘蛛池模板: 亚洲综合久久久| 亚洲VA欧美va国产va综合| 亚洲欧洲国产成人综合在线观看| 亚洲欧美日韩国产综合| 狠狠色丁香久久婷婷综合_中| 色成年激情久久综合| 中文字幕亚洲综合精品一区| 熟天天做天天爱天天爽综合网| 精品国产国产综合精品| 亚洲国产综合91精品麻豆| 色综合色综合色综合色欲| 亚洲欧美成人久久综合中文网| 亚洲综合婷婷久久| 色8激情欧美成人久久综合电| 色妞色综合久久夜夜| 亚洲AV综合色区无码一区| 久久婷婷五月综合97色一本一本| 伊人色综合久久天天人守人婷| 狠狠色狠狠色综合久久| 激情综合一区二区三区| 91久久婷婷国产综合精品青草| 熟天天做天天爱天天爽综合网| 99久久国产综合精品网成人影院| 天天做天天爱天天综合网2021| 99久久综合狠狠综合久久| 久久本道综合久久伊人| 色欲久久久天天天综合网精品| 国产成人亚洲综合无码| 一本色道久久88加勒比—综合| 国产精品综合专区中文字幕免费播放| 亚洲高清无码综合性爱视频| 国产亚洲综合色就色| 色欲综合一区二区三区| 国产精品九九久久精品女同亚洲欧美日韩综合区| 欧美日韩综合精品| 炫硕日本一区二区三区综合区在线中文字幕| AV色综合久久天堂AV色综合在| 青青综合在线| 亚洲色图综合在线| 一本久道久久综合狠狠躁AV| 欧美国产综合欧美视频|