fbpx

採用 React 的微前端 : 一個完整的開發者指南

Contents

使用微前端( microfrontend )架構建構難以置信的、可擴充的應用程式

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

  • 使用微前端( microfrontends )架構一個應用程式,讓幾十個團隊可以同時工作
  • 讓你的應用程式結構足以擴展使用者規模到數以百萬計
  • 理解如何將一個單獨完整的應用程式分解為多個子應用程式
  • 協調你的微前端之間的資料交換
  • 以完整的 CI/CD 管道應用生產類型的工作流
  • 使用 CloudFront 將微前端部署到 AWS ( Amazon Web Services )
  • 藉應用 css 範圍技術隔離規則樣式
  • 判斷微前端是否適合你的應用程式

要求

對 React 的基本理解

課程說明

恭喜! 你已經找到了最受歡迎、最完整、最新的線上資源,可以學習如何使用微前端( microfrontends )!

成千上萬的其他工程師已經學會了微前端,你也可以。這門課程使用了一種經過時間考驗、經過實戰驗證的方法,以確保你確切瞭解微前端是如何工作的,並將為你找到一份軟體工程師的新工作,或者幫助你開發夢寐以求的應用程式。

本課程與其他課程的區別在於: 你將理解頂級公司使用的設計模式( design patterns )來建構大量流行的網路應用程式。

微前端( Microfrontends )用於將一個大的應用程式劃分為一系列小的應用程式。這為任何前端提供了一系列獨特的好處:

  1. 編寫更小、更容易理解程式碼基底( codebases )
  2. 為每個子應用程式( sub-app )使用一套不同的程式庫 – 為工作帶來最好的工具!
  3. 分別部署每個部分 – 限制干擾使用者的機會
  4. 允許你的每個工程團隊獨立工作

這種新的架構很受歡迎,但是網上有很多錯誤的資訊。本課程是根據頂尖工程師的意見制定的,以確保整體的技術準確性。此外,你還將瞭解如何評估微服務是否是你的應用程式的好選擇。

你將建造什麼?

本課程以數百個帶有幾十個自訂圖表的影片為特色,以幫助你理解微前端是如何工作的。沒有必要先前的經驗。經由不倦和耐心的解釋和許多有趣的實際案例,你將瞭解使用微前端建構動態和即時呈現的 web 應用程式的基本原理。

本課程的每個主題都是逐步增加的,以確保你有一個堅實的知識基礎。你會發現大量的討論新增以幫助你準確地理解何時以及在哪裡使用微前端的每個方面。

下面是本課程的部分主題列表:

  • 學習世界上最大的公司使用的設計模式
  • 瞭解何時使用微前端
  • 使用分層路由系統將多個應用程式連結在一起
  • 在頁面上調整 CSS 範圍以防止交叉應用程式汙染
  • 避免在應用程式之間共享狀態以提高隔離度
  • 獨立部署應用程式的每個部分,以避免產生 bugs (缺陷)
  • CI/CD 管道做支撐以自動化你的發佈過程
  • 在同一個應用程式中使用多個前端框架
  • 使用模組聯合,將效能最大化

我建立這個課程是為了節省你幾百個小時的自學時間。 我把自己多年的經驗投入到這個課程中讓你學起來省時省力。今天就註冊吧,和我一起來掌握微前端( microfrontends )。

目標受眾

希望擴充前端應用程式的工程師

講師簡介

Stephen Grider   工程架構師 ( 更多講師主講課程介紹 )

Stephen Grider 一直為舊金山灣區的頂級公司構建複雜的 JavaScript 前端應用程式。他具有簡化複雜主題的天賦,Stephen 一直在指導工程師開始軟體開發職業生涯有多年經驗,目前將這種體驗擴展到了 Udemy,創造最高評價反應的課程。他在 Udemy 教授課程並分享了他獲得的知識。通過向 Stephen 的課程學習投資自己吧!

英文字幕:有

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

  • 點選這個優惠連結 課程特價 | Udemy 永久擁有課程 NT330 起( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


Lingoda

也許你會有興趣

幫我們個小忙!

使用 e-mail 追蹤 Soft & Share

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

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: