hiskio

    Blazor 的演練教室｜從入門到實務

    繼 .NET 5 鄭重再次推出的 Blazor 我們來看看它在 .NET 6 又提供了什麼新功能？能夠替我們在專案開發中扮演什麼角色呢？又提供了什麼新功能呢？

    67
    5.0

    • 具備 Web 網頁全端開發的能力，並能夠充分掌握住 Blazor 的元件開發 Components 的基本特性

    • 能從完整課綱系統性學到全面知識，並完全發揮在工作上與專案開發中

    US$100.67

    按一下 進入設定

    00:00
    00:00
    00:00

    Blazor 以 .NET 6 姿態再現，有什麼新鮮事？

    # 在 .NET 5 上又新增諸多功能，未來發展精彩可期

    Blazor 是微軟使用 WebAssembly 技術而發展出的全新 Web 網頁開發平台，儘管是基於 .NET Core Runtime 與 ASP.NET Core 的框架發展，但骨子裡卻與 .NET Core 截然不同，因為它雖然是基於 .NET Core 平台 與 C# 語言，但實際執行時，卻將 .NET 編譯的最後結果 + mscorlib 運行在 mono Runtime （mono.wasm）上。

     

    而它同時也是一個 SPA 框架，在 ASP.NET Core 2.1 問世時，以新增功能方式推出，後來隨著 .NET Core 3.1 釋出正式版到現在也過了幾個年頭，嶄新的 Web 開發技術總是需要一些試煉的時間，而後以 .NET 5 出現時的功能已經相當完整，現在又以 .NET 6 姿態出現在世人面前，那麼我們就來看看它有什麼神奇的魔力吧？

     

    Blazor 有什麼優勢值得我學習？

    # 可望發展獨立框架，且 WebAssembly 前途無可限量

    Blazor 可讓你用自己熟悉的C#、Razor來開發SPA應用程式，同時 Blazor 的完整性未來可望擴充為獨立、完整的 Web 開發框架，由於是透過 Web Assembly 技術而發展而來，也就是說，幾乎只要 browser 支援標準的 Web Assembly，您所開發的應用程式幾乎可以無縫執行在任一個平台之中，例如 Chrome、Firefox、Edge 都可以順利執行 Blazor，你不想嘗試看看這個全新的 Web 全端框架嗎？

     

    課程中將學到什麼？

    # 基礎入門紮穩基本功，系統性全面掌握知識

     

    • Blazor 前世今生

    帶你迅速了解這個號稱 Full-Stack 的全端開發框架的來龍去脈，特性及優勢

     

    • Blazor 嶄新的開發模式

    用 15 分鐘為這套全端框架的開發方式先暖身

     

    • Blazor 初探與 ASP.NET Web Form WebControls 的異同與開發上的比較

    使用過 ASP.NET WebForm 開發的人，將可以更清楚兩者之間的差異

     

    • Blazor 基於 Components 的開發架構

    15 分鐘快速掌握這套全新框架的特性，幫助你之後更確實寫好 Blazor 的程式

     

    • Blazor 的專案結構說明

    6 個單元為初學者建構全面性的觀念，包含 .NET 5/6 開發的基本概念、Blazor 的 Razor Page 語法說明、.NET Core 5/6 的 MVC 開發的基本概念說明

     

    • Blazor 的 page, routing 與 layout 版面配置

    初學者必學的 Razor Page 前置知識

     

    • Blazor Component 的生命週期

    了解生命週期才能寫出健全的 Blazor 應用程式

     

    • Blazor Component 客製化的元件設計

    稍進階版應用，教你如何利用 Blazor 先天的元件化架構，建構出可重複使用的網頁架構、甚至打造出與 Web Form 的WebControls 相似的控制項。

     

    • Blazor 狀態管理 (State Management)

    因為 Blazor Client/Blazor Server 架構的不同而有不容渲染方式導致狀態保存較為複雜一些，本章用 4 單元重點說明 Blazor 特別的狀態管理機制。

     

    • Blazor 的設定管理 (Configuration)

    在 Blazor 中也可以使用 .NET Core 原有的 appSetting.confg，只是需要費點手腳

     

    • Blazor 的驗證與授權 (Authentication and Authorization)

    理解 .NET Core 和 Blazor 驗證作法基礎概論，並能從無到有建立支援 AuthenticationStateProvider 的專案授權

     

    解鎖章節 (已解鎖)

    # 將 ASP.NET Web Forms 遷移至 Blazor

    • 如何將 ASP.NET WebForm 的應用程式 Migration 為 Blazor 的應用程式？現有應用程式需要升級到 .NET 5/6 嗎？或者說，有必要升級到 Blazor 嗎？也許 Blazor 與 Web Form 有些相似，那是否表示原本 Web Form 系統反而升級到 Blazor 比較快嗎？相信這是許多人非常關心的議題，本章節將詳細說明其中的架構差異與結論。

    解鎖章節（100 人解鎖）

    # Blazor 商業應用程式開發

    • 帶你實際操作如何完整開發一個 Blazor 商業應用程式。以 WebAssembly 的 Hosted by Server 為例：打造支援整潔架構的 Clean Architecture 系統 

    章節目錄

    • 1-1
      Blazor 的誕生、來龍去脈，以及 Blazor 先天的特性 與 優勢。

    試閱影片

    常見問答

    如果您購買的是募資課程，請在課程的【簡介】中查看開課時間，募資課程將於開課時間所述日期開放同學上課。

     

    若您購買的是一般課程（開放上課課程），則在購買完成後可以立即開始觀看。

     

    所有線上課程皆不受時間限制，享無限次永久觀看！

    猜你喜歡

    購買前問答

    Janson
    Janson

    請問這Blazor課程的內容是基於Blazor Server的開發還是Blazor WebAssembly呢？

    Gelis
    Gelis

    Hi Janson

     

    您好

     

    本課程完全適用 Blazor Server 與 Blazor Client WebAssembly，因為課程中會講解這兩種架構的差異，與在開發要注意的相關事項。比如在【Blazor 的設定管理 (Configuration)】中，我會說明在 AppSettings.json 的操作與使用上，因為 Client Side 渲染的關係 與 Server-Side 渲染時，Config 的放置位置 & 設定方式有所不同。

     

    除此之外，其他如：Blazor Components 元件化的設計方式，都是完全適用 Server 與 WebAssembly 的唷！

     

    您可以再參考看看。

     

    感謝您的詢問

     

    Gelis

    銷售方案