T编程，不管是后端还是前端，初学者容易陷入浩瀚语法、各个知识点，导致学习时间过长、学习曲线居高不下；我的方法是：先定一个小目标，就是通过一个小项目为结果，然后根据结果去学习，去找解决方案。

不建议一个一个的去学html、DIV+CSS、javascript，这样过程太长、时间太久，很多知识点在实际应用中，可能一辈子都用不到，就算你想精通它，也是要解决日常的、重要的项目，在做项目过程中去学习、去精通。

相对于后端，html、DIV+CSS、javascript是相对比较容易上手、容易掌握的，而bootstrap是一个基于HTML、CSS、JavaScript的前端框架；学会他，你就学会了html、DIV+CSS、javascript，学会bootstrap，就可以设计响应式的前端网页。

好，开始重点：

A、我们最终要的结果：一个简单的企业网站首页，很丑，主要是利于学习，效果图如下：

1、打开你的编程工具，如：sublime txt

这个工具可以到：www.df81.com去免费下载

2、不管那么多，先输入如下代码，运行效果如上图所示：

在做 Web 开发，很多开发者都会选择用 Java 和 SpringBoot 框架，毕竟已经相对成熟并且可扩展性也非常好，但确实很少看到开发者使用 C# 和 .NET 进行 Web 开发。

今天 Gitee 推荐的开源项目便是一个使用 .NET 生成交互式客户端 Web UI 的框架，如果你想学习学习的话不妨接着往下看。

项目名称：BootstrapBlazor

项目作者：Longbow

开源许可协议：LGPL-3.0

项目地址：https://gitee.com/LongbowEnterprise/BootstrapBlazor

项目简介

Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架：

• 使用 C# 代替 JavaScript 来创建丰富的交互式 UI。
• 共享使用 .NET 编写的服务器端和客户端应用逻辑。
• 将 UI 呈现为 HTML 和 CSS，已支持众多浏览器，其中包括移动浏览器。

使用 .NET 进行客户端 Web 开发可提供以下优势：

• 使用 C# 代替 JavaScript 来编写代码。
• 利用现有的 .NET 库生态系统。
• 在服务器和客户端之间共享应用逻辑。
• 受益于 .NET 的性能、可靠性和安全性。
• 始终高效支持 Windows、Linux 和 macOS 上的 Visual Studio。
• 以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成。

本项目是利用 Bootstrap 样式进行封装的 UI 组件库。

组件

Blazor应用基于组件。 Blazor 中的组件是指 UI 元素，例如页面、对话框或数据输入窗体。

组件是内置到 .NET 程序集的 .NET 类，用来：

• 定义灵活的 UI 呈现逻辑。
• 处理用户事件。
• 可以嵌套和重用。
• 可以作为 Razor 类库或 NuGet 包共享和分发。

项目截图

目前这个项目仍然在不断地完善中， 如果你想参与进来，或者想看看这个项目更详细的情况，那就点击下方的了解更多去项目主页看看吧！