Скачать или смотреть How to Build Your First Telerik UI for Blazor App | Chapter 4

In this hands-on chapter, you’ll build your first Blazor app using Telerik UI components - https://www.telerik.com/blazor-ui.

Explore how to implement buttons, icons, and button groups to enhance your UI. Dive into Blazor form inputs and integrate powerful grid features like data binding, column definitions, templates, paging, and sorting.

We’ll also cover Blazor chart setup and customization, as well as additional components like calendars, menus, tile layouts, and file uploads to create a dynamic and feature-rich Blazor application.

➡️ Blazor Buttons and Icons
Telerik Blazor Button docs: https://docs.telerik.com/blazor-ui/co...
Telerik Built-In Icons: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor ButtonGroup
ButtonGroup Documentation: https://docs.telerik.com/blazor-ui/co...
ButtonGroup Demos: https://demos.telerik.com/blazor-ui/b...

➡️ Blazor Form Inputs
Telerik Blazor Textbox docs: https://docs.telerik.com/blazor-ui/co...
Telerik Blazor Numeric Textbox docs: https://docs.telerik.com/blazor-ui/co...
Telerik Blazor DropDownList docs: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor Grid: Providing Data
Telerik Blazor Grid docs: https://docs.telerik.com/blazor-ui/co...
Telerik Blazor Grid repo with examples: https://github.com/telerik/blazor-ui/...
Blazor Dependency Injection: https://docs.microsoft.com/en-us/aspn...

➡️ Blazor Grid: Column Definitions
Telerik Blazor Grid Data Binding: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor Grid: Templates
Templates (documentation): https://docs.telerik.com/blazor-ui/co...
Complex models with navigation properties in the grid (knowledge base article): https://docs.telerik.com/blazor-ui/kn...

➡️ Blazor Grid: Paging and Sorting
Telerik Blazor Grid Paging docs: https://docs.telerik.com/blazor-ui/co...
Telerik Blazor Grid Selection docs: https://docs.telerik.com/blazor-ui/co...
Telerik Blazor Grid Sorting docs: https://docs.telerik.com/blazor-ui/co...
Telerik Blazor Grid Events docs: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor Chart: Setup
Telerik Blazor Charts docs: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor Chart: Series
Telerik Blazor Charts docs: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor Chart: Axes
Telerik Blazor Chart Date Axis docs: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor Chart: Styling
Telerik Blazor Chart Stacked Series: https://docs.telerik.com/blazor-ui/co...
Telerik Blazor Chart Customization: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor Calendar
Telerik Blazor Calendar docs: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor Menu Component
Telerik UI for Blazor Menu documentation: https://demos.telerik.com/blazor-ui/m...
Menu Data Binding overview: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor TileLayout
Telerik UI for Blazor TileLayout documentation: https://docs.telerik.com/blazor-ui/co...

➡️ Blazor Upload
Telerik UI for Blazor Upload documentation: https://docs.telerik.com/blazor-ui/co...
GitHub repository with examples: https://github.com/telerik/blazor-ui/...

➡️ Blazor Form
Form Documentation: https://docs.telerik.com/blazor-ui/co...
----
Helpful timestamps:
00:00 - Intro
00:05 - Building Your First Blazor App
07:28 - Blazor ButtonGroup
14:21 - Blazor Grid: Providing Data
20:39 - Blazor Grid: Column Definitions
23:00 - Blazor Grid: Templates
32:00 - Blazor Chart: Setup
37:18 - Blazor Chart: Series
53:37 - Blazor Menu component
01:00:07 - Blazor Tile Layout
01:12:26 - Upload
01:20:00 - Even More Grid Features
----

Follow us on social and say “Hi!” We’d love to hear from you!

🐦 Twitter: https://x.com/Telerik
👥 Facebook:   / telerik  
🛎️ LinkedIn:   / telerik-and-kendo-ui  

🐔 Watch our streams on   / codeitlive  
📰 Explore the blogs: https://www.telerik.com/blogs

#blazor #dotnet #webdevelopment