зеркало из https://github.com/telerik/blazor-docs.git
111 строки
7.2 KiB
Markdown
111 строки
7.2 KiB
Markdown
---
|
||
title: Introduction
|
||
page_title: Complete Blazor Components Documentation
|
||
description: Creating web apps with .NET, while using C# for the front-end part has never been easier. Check Telerik UI for Blazor documentation for guidance and examples.
|
||
slug: blazor-overview
|
||
position: 1
|
||
---
|
||
|
||
# Welcome to UI for Blazor
|
||
|
||
Thank you for choosing Telerik® UI for Blazor!
|
||
|
||
The [Blazor framework](https://blazor.net/) by Microsoft allows you to create web applications with .NET and C# to create front-end. The Telerik® UI for Blazor components facilitate the front-end development by providing you with ready made UI components.
|
||
|
||
The UI for Blazor suite shares HTML rendering and web assets (like stylesheets) with the Kendo UI suites, so you can reuse existing knowledge and classes. The components in **UI for Blazor are native components** and not wrappers over jQuery widgets, however.
|
||
|
||
Telerik UI for Blazor supports both Client-side Blazor and Serve-side Blazor apps.
|
||
|
||
To read more about the benefits of using Telerik UI for Blazor, please visit the <a href="https://www.telerik.com/blazor-ui" target="_blank">product overview page</a>.
|
||
|
||
@[template](/_contentTemplates/common/get-started.md#start-trial-button)
|
||
|
||
## Getting Started
|
||
|
||
If you are new to Telerik UI for Blazor, we recommend that you **follow the First Steps articles** to add the Telerik components to your application:
|
||
|
||
* [Get Started with Client-side Blazor]({%slug getting-started/client-side%})
|
||
|
||
* [Get Started with Server-side Blazor]({%slug getting-started/server-side%})
|
||
|
||
You can find the basics of what our packages include and how to set up a project in the [What You Need]({%slug getting-started/what-you-need%}) article. It is suitable for people familiar with the IDE and Blazor and lists some more advanced details than the articles above.
|
||
|
||
<!--
|
||
If you are not familiar with Blazor yet, you may find useful our Blazor Quick Start Guide video series:
|
||
|
||
* [Blazor Getting Started Guide](https://www.youtube.com/watch?v=aaRAZYaJ4xc&list=PLvmaC-XMqeBYPTwcm478vs8Rujq2tiVJo&index=1)
|
||
* [Blazor Component Basics](https://www.youtube.com/watch?v=z9BOkBFDbc0&list=PLvmaC-XMqeBYPTwcm478vs8Rujq2tiVJo&index=2)
|
||
* [Blazor Component Events using EventCallback](https://www.youtube.com/watch?v=vdEQBhPoTes&list=PLvmaC-XMqeBYPTwcm478vs8Rujq2tiVJo&index=3)
|
||
* [Blazor Two-Way Binding](https://www.youtube.com/watch?v=Y9a6rJPrFFI&list=PLvmaC-XMqeBYPTwcm478vs8Rujq2tiVJo&index=4)
|
||
-->
|
||
|
||
If you are just getting started with Blazor and Web development, you may find the following resources useful in getting up to speed with the core concepts:
|
||
|
||
* [Telerik e-book: Blazor: A Beginner's Guide](https://www.telerik.com/campaigns/blazor/wp-beginners-guide-ebook) and its [Samples repo](https://github.com/EdCharbeneau/BlazorBookExamples)
|
||
* [MSDN: First Steps with Blazor](https://docs.microsoft.com/en-us/aspnet/core/blazor/get-started?view=aspnetcore-3.0&tabs=visual-studio)
|
||
* [MSDN: Razor Syntax Reference](https://docs.microsoft.com/en-us/aspnet/core/mvc/views/razor?view=aspnetcore-3.0)
|
||
|
||
You can watch a YouTube playlist of getting started tutorials for Telerik UI for Blazor below:
|
||
|
||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLvmaC-XMqeBYPTwcm478vs8Rujq2tiVJo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||
|
||
## List of Components
|
||
|
||
Blazor is still a new technology and the component suite is young. We are constantly working on adding new features and components.
|
||
|
||
At the moment, the following components are available:
|
||
|
||
<!-- see the config file for the this declaration -->
|
||
{% include intro-page-table.html %}
|
||
|
||
Tell us which components you want implemented and how you intend to use them, and Blazor, at [our feedback portal](https://feedback.telerik.com/blazor).
|
||
|
||
## Trial Version and Commercial License
|
||
|
||
This UI for Blazor library is a commercial UI library. You are welcome to explore its full functionality and get technical support from the team when you register for a free 30-day trial. To use it commercially, you need to <a href="https://www.telerik.com/purchase/blazor-ui" target="_blank">purchase a license</a>. Feel free to review the Telerik UI for Blazor <a href="https://www.telerik.com/purchase/license-agreement/blazor-ui" target="_blank">License Agreement</a> to get acquainted with the full terms of use.
|
||
|
||
|
||
## Support Options
|
||
|
||
For any issues you might encounter while working with Telerik UI for Blazor, use any of the available support channels:
|
||
|
||
* License holders and active trialists can take advantage of our outstanding customer support delivered by the developers building the library. To submit a support ticket, use the [UI for Blazor dedicated support](https://www.telerik.com/account/support-tickets/) system.
|
||
|
||
* [UI for Blazor forums](https://www.telerik.com/forums/blazor) are part of the free support you can get from the community and from the UI for Blazor team on all kinds of general issues.
|
||
|
||
* [UI for Blazor feedback portal](https://feedback.telerik.com/blazor) and [UI for Blazor roadmap](https://www.telerik.com/support/whats-new/blazor-ui/roadmap) provide information on the features in discussion and also the planned ones for release.
|
||
|
||
* UI for Blazor uses [its feedback portal](https://feedback.telerik.com/blazor) as its bug tracker and you can submit any related reports there. Also, check out the [closed bugs list](https://feedback.telerik.com/blazor?listMode=Recent&typeId=3&statusId=2).
|
||
|
||
* You may still need a tailor-made solution for your project. In such cases, go straight to [Progress Services](https://www.progress.com/services).
|
||
|
||
## Learning Resources
|
||
|
||
* <a href="https://demos.telerik.com/blazor-ui" target="_blank">Online Demos</a> - also available as a project you can inspect and run locally. You can find them in the `demos` folder of your [installation]({%slug installation/msi%}).
|
||
|
||
* <a href="https://docs.telerik.com/blazor-ui/knowledge-base" target="_blank">Knowledge Base</a> - contains answers to some common questions, problems and errors. Free-text search is also available.
|
||
|
||
* <a href="https://github.com/telerik/blazor-ui" target="_blank">Samples Repo</a> - example projects that showcase popular scenarios so you can jump-start your project by copying from them.
|
||
|
||
* <a href="https://www.telerik.com/support/blazor-ui" target="_blank">Blazor UI Support and Learning Resources</a> - a hub with links to all resources such as blogs, videos, repos, docs and so on.
|
||
|
||
* [Online Technical Training]({%slug online-technical-training-vc%}) - through the Telerik Virtual Classroom, you can watch videos and learn how to build a Blazor app at your leisure.
|
||
|
||
|
||
## Next Steps
|
||
|
||
* [First steps with Client-side Blazor]({%slug getting-started/client-side%}) (online guide)
|
||
|
||
* [First steps with Server-side Blazor]({%slug getting-started/server-side%}) (online guide)
|
||
|
||
* [What You Need]({%slug getting-started/what-you-need%}) - concise version of the tutorials above
|
||
|
||
* Generate a new Telerik Project (guided wizard) - for [Visual Studio]({%slug getting-started-vs-integration-new-project%}) and for [Visual Studio Code]({%slug getting-started-vs-code-integration-overview%}).
|
||
|
||
* [Convert an existing project to a Telerik-enabled project]({%slug getting-started-vs-integration-convert-project%})
|
||
|
||
* [Upgrade to a newer version of Telerik UI for Blazor]({%slug upgrade-tutorial%})
|
||
|
||
|
||
|