預警前言 / Introduction

Blazor 是什么？

• Blazor 允許您使用 C# 而不是 JavaScript 構建交互式 Web UI。

• Blazor 應用由使用 C#、HTML 和 CSS 實現的可重用 Web UI 組件組成?？蛻舳撕头掌鞔a都用 C# 編寫，允許您共享代碼和庫。

?????本文主要來給大家帶來了 Blazor 相關的一些很棒的學習資源集合，強烈建議收藏。

• Blazor WebAssembly 3.2 正式發布

• 別了，JavaScript；你好，Blazor

• 使用Jexus 容器化您的 Blazor 應用程序
  

社區

• Ant Design Blazor - 基于 Ant Design 和 Blazor 的企業級組件庫 (?1070)

https://github.com/ant-design-blazor/ant-design-blazor

該組件庫被微軟官方列入 Blazor UI 推薦列表，是國內最值得學習的 Blazor UI 框架之一。

• Bootstrap Blazor Component - Bootstrap 樣式的 Blazor UI 組件庫

https://gitee.com/LongbowEnterprise/BootstrapBlazor

• Awesome Blazor on Twitter

https://twitter.com/awesomeblazor

• Hashtag on Twitter

https://twitter.com/hashtag/blazor

• Gitter

https://gitter.im/aspnet/Blazor

• Learn Blazor

https://learn-blazor.com/

• Stack Overflow

https://stackoverflow.com/questions/tagged/blazor

• WebAssemblyMan

https://www.webassemblyman.com/

常規 / General

• Blazor 開源地址 (?9086)

https://github.com/dotnet/blazor

• FAQ - 微軟官方提供的常見問題 Wiki

https://github.com/dotnet/blazor/wiki/FAQ

• ASP.NET Blog's archives - 微軟官方 Blazor 開發博客

https://devblogs.microsoft.com/aspnet/category/blazor/

• Blazor - 微軟官方 Blazor 網站

https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor

• Blazor bites - Chris Sainty 的開發博客

https://chrissainty.com/blazor-bites/

• Blazor Extensions - 精選 Blazor 擴展

https://github.com/BlazorExtensions

• Blazor University - 非官方 Blazor 文檔

http://blazor-university.com/

• Demo - 官方基礎 Demo 演示

https://blazor-demo.github.io/

• Documentation - 微軟官方 Blazor 文檔

https://docs.microsoft.com/en-us/aspnet/core/blazor

• eShopOnBlazor - 從傳統 ASP.NET WebForm 移植過來的 Blazor 項目 (?96)

https://github.com/dotnet-architecture/eShopOnBlazor

• Introduction to ASP.NET Core - ASP.NET Core 介紹

https://docs.microsoft.com/en-us/aspnet/core/

• Study Blazor - 適合初學者學習，包括大量從基礎到高級的概念和代碼片段

https://studyblazor.com/

• Workshop - 完全使用 Blazor 開發的披薩預定網站詳細教程 (?1500)

https://github.com/dotnet-presentations/blazor-workshop/

樣例項目 / Sample Projects

授權認證

• BlazorWithIdentity - 使用 EF Core 和 Blazor 實現的授權認證 Demo ?(?143)

https://github.com/stavroskasidis/BlazorWithIdentity

• Authentication with client-side Blazor - 使用 WebAPI 和 ASP.NET Core 實現的 client-side Blazor 認證 (?92)

https://github.com/chrissainty/AuthenticationWithClientSideBlazor

• BlazorAuthenticationSample - ASP.NET Core Blazor 授權認證 Demo (?30)

https://github.com/christiansparre/BlazorAuthenticationSample

• Blazor.Msal - 基于 MSAL 實現的單頁 Blazor 項目認證 Demo (?27)

https://github.com/cradle77/Blazor.Msal

• Blazor.OpenId - 使用 OpenId 身份驗證和客戶端認證 Demo (?14)

https://github.com/jbomhold3/Blazor.Openid

• BlazorGraphApi - 使用 Azure Active Directory 認證的 Blazor Server Demo (?4)

https://github.com/wmgdev/BlazorGraphApi

云項目

• BlazorAzure.WebApp - Blazor Azure Web 應用 (?68)

https://github.com/gpeipman/BlazorDemo/tree/master/BlazorAzure.WebApp

• BlazorAzure.Functions - Blazor Azure 云函數應用 (?68)

https://github.com/gpeipman/BlazorDemo/tree/master/BlazorAzure.Functions

• BlazorFile2Azure - Blazor WebAssembly 模式上傳文件到 Azure (?11)

https://github.com/daltskin/BlazorFile2Azure

• Blazor WASM Deployment - WASM 部署 (?9)

https://github.com/timheuer/blazor-deploy-sample/

CMS

• BlogCore - 使用領域驅動設計和清晰體系架構的現代化 CMS (?298)

https://github.com/thangchung/blog-core

• WordDaze - Blazor 開發使用 WebAPI 作為后端的博客 (?61)

https://github.com/chrissainty/worddaze

• RapidCMS - Blazor 開發的CMS (?73)

https://github.com/ThomasBleijendaal/RapidCMS

• AcBlog - PWA 漸進式可全靜態模式托管的博客 (?8)

https://github.com/acblog/acblog

游戲

• AsteroidsWasm - 小行星游戲 (?71)

https://github.com/aesalazar/AsteroidsWasm

• Flappy Blazor Bird (?27)

https://github.com/ctrl-alt-d/FlappyBlazorBird

• Blagario - 多人在線游戲實驗性項目 (?23)

https://github.com/ctrl-alt-d/Blagario

• DiabloBlazor - Web 版暗黑破壞神 (?18)

https://github.com/n-stefan/diabloblazor

• BlazorPong - 多人對戰乒乓球游戲 (?4)

https://github.com/MACEL94/BlazorPong

• BlazorConnectFour - 經典的童年游戲 ConnectFour (?7)

https://github.com/exceptionnotfound/BlazorConnectFour

作者還將詳細的開發過程寫成了博客

https://exceptionnotfound.net/learning-blazor-by-building-connect-four-in-asp-net-core/

• Memory Game Wasm/PWA - 記憶游戲

https://github.com/HillPhelmuth/MemoryEtcWasm

• Trains.NET - .NET and C#構建的 2D 火車游戲 (?33)

https://github.com/davidwengier/Trains.NET

混合開發

• Blazor + Electron (?523)

https://github.com/aspnet/AspLabs/tree/master/src/ComponentsElectron

• Blazor + WebWindow 介紹

https://blog.stevensanderson.com/2019/11/18/2019-11-18-webwindow-a-cross-platform-webview-for-dotnet-core/

• Blazor + WebWindow 示例 (?1611)

https://github.com/SteveSandersonMS/WebWindow/tree/master/samples/BlazorDesktopApp

• BlazorPoint - SharePoint Pages 托管的 Blazor

https://gitee.com/beek/awesome-blazor

日志

• Logging.Samples - 日志 (?3)

https://github.com/akovac35/Logging.Samples

機器學習

• Scalable sentiment analysis - 情感分析 (?2594)

https://github.com/dotnet/machinelearning-samples/tree/master/samples/csharp/end-to-end-apps/ScalableSentimentAnalysisBlazorWebApp

• PropertyPrices - 預測倫敦房價 (?1)

https://github.com/jameschch/PropertyPrices

• BlazorML5 (?7)

https://github.com/sps014/BlazorML5

• Baseball Machine Learning Workbench - 機器學習控制臺 (?10)

https://github.com/bartczernicki/MachineLearning-BaseballPrediction-BlazorApp

• optimizer.ml - “server-less” 通用優化算法參數的套件(?18)

https://github.com/jameschch/LeanParameterOptimization

手機開發

• Mobile Blazor Bindings - Blazor 模型綁定練習

https://devblogs.microsoft.com/aspnet/mobile-blazor-bindings-experiment/

推薦閱讀：

• 使用Flutter開發的抖音國際版

• Blazor WebAssembly 3.2 正式發布

• ASP.NET Core Blazor 初探之 Blazor WebAssembly

• ASP.NET Core Blazor 初探之 Blazor Server

開發者精選資訊
?每日為您推薦開發精選資訊

長按二維碼
關注 「開發者精選資訊」 公眾號

好文章，我在看 ???

總結

以上是生活随笔為你收集整理的[推荐]大量 Blazor 学习资源（一）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。