使用 React 與 Redux 在伺服器端排版構圖

運用伺服器端排版構圖 ( Server Side Rendering )開發網頁,可提升用戶端的性能體驗,與網頁的 SEO。 網路上讓你從頭到尾完整學會伺服器端端排版構圖這方面的資源在目前比較少 ,本課程是網上最完整的資源,教你如何使用伺服器端端排版構圖、同構 ( Isomorphic ) 和 Universal JS 技術建立 React、Redux 和 React Router 應用程式。你將了解伺服器端端排版構圖的最大的障礙,也學到每個主要問題的多個解決方案,讓你具備開發自己的應用程式時解決伺服器端端排版構圖所需的技術

简体中文课程介绍

從這 8 小時的課程中,你會學到 

  • 了解伺服器端排版構圖的挑戰
  • 建構伺服器端排版構圖模板( boilerplate ) 專案
  • 使用 React、Redux 和 React Router 來征服搜索引擎優化
  • 精通伺服器的資料載入主要技術
  • 建構可輕鬆擴展為大型應用程式的伺服器端架構

要求

這不是初學者課程。你必須熟悉 React、Redux、React Router 和 Express

課程說明

注意:本課程假設你已經具備 React、Redux 和 Express 的基礎知識。查看我的課程 – 全端 Web 開發:NodeJS 和 ReactJS ,這將是為此課程完美的準備!

超越了React 和 Redux 的基礎知識!本課程將教你結合超流行的 React v16、Redux、React Router 和 Express 技術建構伺服器端排版構圖的 Web 應用程式。

我所有的課程都是“做中學”:沒有無聊無盡的講義與 Powerpoint,只有現場展示、互動式程式編輯的例子。在本課程中,我們將開發一個應用程式,使用 React、Redux、React Router 和Express 來描述伺服器端排版構圖的挑戰。 將每個概念運用於實際的應用程式,你將更清楚每個獨特強大的功能於何時使用。

有沒有想過為什麼網路上這麼少教伺服器端排版構圖技術 的課程?當然,有一些部落格展示了一小部分的伺服器端排版構圖應用程式,但是網路上幾乎沒有資源可以讓你從頭到尾完整學會伺服器端排版構圖。本課程是網路上最完整的資源,讓你了解為何伺服器端排版構圖是如此具有挑戰性。你將了解最大的障礙,也學到每個主要問題的多個解決方案,讓你具備開發自己的應用程式時解決 SSR 所需的工具集。

本課程將給你:

  • 學習開發伺服器端排版構圖應用程式相關架構的考量
  • 將 Webpack 驅動的前端和後端應用程式連接在一起
  • 使用 Redux 初始狀態於你的 React 應用程式將資料從伺服器傳送到客戶端
  • 保護你的應用程式免受常見的因 state rehydration 造成的 XSS 攻擊,
  • 了解如何在前端用 React Router 與在後端用 Express 路由( route )處理用戶請求
  • 處理在伺服器端排版構圖過程中發生的錯誤並重新妥善地定向
  • 在伺服器端排版構圖階段,使用基於 Cookie 的身份驗證來認證你的用戶
  • 了解為什麼 JWT 不適合在伺服器端排版構圖的應用程式中使用
  • 通過 Google OAuth 身份驗證增強你的應用中的身份驗證流程

我創作了當初學習伺服器端排版構圖應用程式時希望看到的課程。 這是一個以最佳順序解釋概念及如何實施,讓你能容易且深入了解的課程。

目標受眾

  • 希望採用伺服器端排版構圖開發新的應用程式的工程師
  • 想了解 Isomorphic Javascript 挑戰的的工程師

講師簡介

Stephen Grider   架構設計師

Stephen Grider一直為舊金山灣區的頂級公司開發複雜的 JavaScript 前端應用程式。他具有簡化複雜主題的天賦,Stephen 多年來一直在輔導工程師開始軟體開發職業生涯,目前他將這體驗擴展到 Udemy學習平台,所開的課都有最高評價。 現在就來上 Stephen 的課,投資自己吧!

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

報名參加課程

Sponsored by Udemy

也許你會有興趣

喜歡我們的分享嗎?使用以下的社群分享按鈕分享給你的朋友吧!

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: