Skip to content

Latest commit

 

History

History
110 lines (60 loc) · 7.25 KB

introduction.md

File metadata and controls

110 lines (60 loc) · 7.25 KB
title page_title description slug position
Introduction
Complete Blazor Components Documentation
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.
blazor-overview
1

Welcome to UI for Blazor

Thank you for choosing Telerik® UI for Blazor!

The Blazor framework by Microsoft allows you to create rich web UIs by using .NET and C#. The Telerik® UI for Blazor components facilitate the front-end development by providing ready-made UI components.

tip Telerik UI for Blazor supports both client-side (WebAssembly) and server-side Blazor apps.

The UI for Blazor suite has the same HTML rendering and Theme stylesheets as the Kendo UI suites, so previous experience with them can be helpful. The components in UI for Blazor are native Blazor components and not wrappers over jQuery widgets.

To read more about the benefits of using Telerik UI for Blazor, visit the product overview page.

{% if site.has_cta_panels == true %} {% include cta-panel-introduction.html %} {% endif %}

Getting Started

If you are new to Telerik UI for Blazor, visit the Get Started tutorials that demonstrate how 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%})

Developers who are familiar with the IDE and Blazor could prefer the [What You Need]({%slug getting-started/what-you-need%}) article. It is a shorter, more advanced version of the getting started tutorials above and explains the basics about the Telerik UI packages and how to set up a project.

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:

You can watch a YouTube playlist of getting started tutorials for Blazor (videos 1-4) and Telerik UI for Blazor (videos 5-8) 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

{% include intro-page-table.html %}

Use our feedback portal to tell us which components you want us to create and how you intend to use them with Blazor.

Trial Version and Commercial License

UI for Blazor 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 purchase a license. Feel free to review the Telerik UI for Blazor License Agreement 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:

Learning Resources

  • Online Demos - also available as a project that you can inspect and run locally. You can find them in the demos folder of your [installation]({%slug installation/msi%}).

  • Knowledge Base - contains answers to some common questions, problems and errors. Free-text search is also available.

  • Blazor Samples Repo - example projects that showcase popular scenarios so you can jump-start your project by copying from them.

  • Blazor UI Support and Learning Resources - 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%})