1. Dotnet9首页
  2. .NET
  3. Blazor

[推荐]大量 Blazor 学习资源(一)

前言 / Introduction

Blazor 是什么?

  • Blazor 允许您使用 C# 而不是 JavaScript 构建交互式 Web UI。
  • Blazor 应用由使用 C#、HTML 和 CSS 实现的可重用 Web UI 组件组成。客户端和服务器代码都用 C# 编写,允许您共享代码和库。

🔔 本文主要来给大家带来了 Blazor 相关的一些很棒的学习资源集合,强烈建议收藏。

社区

1. Ant Design Blazor – 基于 Ant Design 和 Blazor 的企业级组件库 (⭐1070)

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

[推荐]大量 Blazor 学习资源(一)

该组件库被微软官方列入 Blazor UI 推荐列表,是国内最值得学习的 Blazor UI 框架之一。

[推荐]大量 Blazor 学习资源(一)

2.Bootstrap Blazor Component – Bootstrap 样式的 Blazor UI 组件库

该组件库应该是目前所有开源Blazor组件库中完成度比较好的一个。

https://gitee.com/LongbowEnterprise/BootstrapBlazor

[推荐]大量 Blazor 学习资源(一)

3 Awesome Blazor on Twitter

https://twitter.com/awesomeblazor

4 Hashtag on Twitter

https://twitter.com/hashtag/blazor

5 Gitter

https://gitter.im/aspnet/Blazor

6 Learn Blazor

https://learn-blazor.com/

7 Stack Overflow

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

8 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/

[推荐]大量 Blazor 学习资源(一)

样例项目 / 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

[推荐]大量 Blazor 学习资源(一)
  • AcBlog – PWA 渐进式可全静态模式托管的博客 (⭐8)

https://github.com/acblog/acblog

[推荐]大量 Blazor 学习资源(一)
[推荐]大量 Blazor 学习资源(一)

游戏

  • AsteroidsWasm – 小行星游戏 (⭐71)

https://github.com/aesalazar/AsteroidsWasm

[推荐]大量 Blazor 学习资源(一)
  • Flappy Blazor Bird (⭐27)

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

[推荐]大量 Blazor 学习资源(一)
  • Blagario – 多人在线游戏实验性项目 (⭐23)

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

[推荐]大量 Blazor 学习资源(一)
  • DiabloBlazor – Web 版暗黑破坏神 (⭐18)

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

[推荐]大量 Blazor 学习资源(一)
[推荐]大量 Blazor 学习资源(一)
  • BlazorPong – 多人对战乒乓球游戏 (⭐4)

https://github.com/MACEL94/BlazorPong

[推荐]大量 Blazor 学习资源(一)
  • BlazorConnectFour – 经典的童年游戏 ConnectFour (⭐7)

https://github.com/exceptionnotfound/BlazorConnectFour

作者还将详细的开发过程写成了博客

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

[推荐]大量 Blazor 学习资源(一)
  • Memory Game Wasm/PWA – 记忆游戏

https://github.com/HillPhelmuth/MemoryEtcWasm

[推荐]大量 Blazor 学习资源(一)
  • Trains.NET – .NET and C#构建的 2D 火车游戏 (⭐33)

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

[推荐]大量 Blazor 学习资源(一)
[推荐]大量 Blazor 学习资源(一)

混合开发

  • 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 学习资源(一)
[推荐]大量 Blazor 学习资源(一)
  • 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

[推荐]大量 Blazor 学习资源(一)
  • PropertyPrices – 预测伦敦房价 (⭐1)

https://github.com/jameschch/PropertyPrices

[推荐]大量 Blazor 学习资源(一)
  • BlazorML5 (⭐7)

https://github.com/sps014/BlazorML5

[推荐]大量 Blazor 学习资源(一)
  • Baseball Machine Learning Workbench – 机器学习控制台 (⭐10)

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

[推荐]大量 Blazor 学习资源(一)
  • optimizer.ml – “server-less” 通用优化算法参数的套件(⭐18)

https://github.com/jameschch/LeanParameterOptimization

[推荐]大量 Blazor 学习资源(一)

手机开发

  • Mobile Blazor Bindings – Blazor 模型绑定练习

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

[推荐]大量 Blazor 学习资源(一)
[推荐]大量 Blazor 学习资源(一)

原文出处:微信公众号【霍小平 开发者精选资讯】

原文链接:https://mp.weixin.qq.com/s/9cnBKj_y2IDNeZtJctdmAA

本文观点不代表Dotnet9立场,转载请联系原作者。

发表评论

登录后才能评论

评论列表(2条)

  • 饭特稀
    饭特稀 2020年5月25日 09:53

    这样看起来,似乎还挺火

    • Dotnet9
      Dotnet9 回复 饭特稀 2020年5月25日 09:55

      社区有几款开源的Blazor控件库,做的很有激情,年度可以再看看。