Training - Blazor UI Development

Blazor UI Development Training

4 hours

Back

Back Send Training Request

Content of Training

Master UI development with Blazor Server and WebAssembly using the ABP Framework.

Learn how to create interactive web applications with C# and .NET, leveraging ABP's components and infrastructure.

Ideal for .NET developers who want to build modern web applications without JavaScript.

Training Breakdown

Introduction to Blazor
- Blazor Hosting Models: WebAssembly, Server, WebApp, and MAUI Hybrid
- Model Selection: Features, benefits, and appropriate applications
Core UI Structure and Elements
- Page Structure and Layouts
  - Exploring pre-built layout structures provided by ABP
  - Customizing and extending layouts to fit specific needs
  - Understanding the usage of multiple layout scenarios
- Menus and Navigation
  - Creating and managing dynamic menus within ABP applications
  - Implementing permission-based menu item visibility
  - Customizing menu styles for a tailored user experience
- Toolbars and Page Headers
  - Adding and managing toolbars to enhance page functionality
  - Dynamically setting page titles and header content
  - Integrating custom components into toolbars for advanced features
- Theming System
  - Understanding and customizing ABP themes for a consistent and appealing UI
  - Applying theme modifications to enhance the overall user experience
Client-Side Development
- Bundling & Minification
  - Optimizing performance through CSS and JavaScript file bundling and minification
  - Managing global scripts and styles including CSS isolation
- Layout Hooks
  - Utilizing layout hooks to inject content into specific layout regions
  - Exploring practical use cases for layout hooks
- Forms & Validation
  - Creating and managing forms within the Blazor
  - Displaying validation messages
Client-Server Communication
- Client Proxies
  - Static Proxies: Understanding automatically generated classes for type-safe API access
  - Dynamic Proxies: Implementing runtime API method discovery for adaptable client interactions
  - Analyzing key differences between static and dynamic proxies
- Data Handling
  - Implementing data grids for efficient dataset management
  - Customizing ABP's data grid components for Blazor
  - Implementing sorting, filtering, and pagination functionalities
- Exception Handling
  - Handling client-side errors and providing user feedback (with differences between WebAssembly vs. Server)
Blazor-Specific Services
- Localization
  - Implementing client-side localization for multi-language support in Blazor
- Settings and Features
  - Accessing and utilizing application settings and features on the client side in Blazor
  - Managing user-specific settings
- Current User & Tenant
  - Accessing current user and tenant information
- Page Alerts, Message and UI Notifications
  - Displaying informative messages and notifications
  - Understanding notification types for various scenarios
- Block / Busy
  - Managing and displaying block/busy indicators during data loading and processing
Security
- Authentication
  - Implementing authentication mechanisms in Blazor applications
- Authorization
  - Implementing policy-based authorization in Blazor
  - Checking user permissions on the client side
Customizing and Extending the UI
- Modifying the appearance and functionality of pre-built UI components
PWA Configuration
- Configuring Progressive Web App (PWA) features for Blazor applications
Question & Answer

Do you need Blazor UI Development training?

Get in touch with us

Framework

Tools

Startup Templates

UI Themes

Mobile

Modules

Blazor UI Development Training

Content of Training

Training Breakdown

Do you need Blazor UI Development training?

Platform

Developers

Community

Services

Framework

Tools

Startup Templates

UI Themes

Mobile

Modules

More

More

More

More

Blazor UI Development Training

Content of Training

Training Breakdown

Do you need Blazor UI Development training?

Subscribe to the Newsletter