Duration 3 days – 21 hrs
Overview
This training course provides participants with the skills to develop modern, data-driven web applications using Blazor and Radzen, both leveraging open-source frameworks and tools.
Participants will learn how to create responsive UI components, integrate data from APIs and databases, and customize Radzen’s generated code while following best practices in Blazor development.
The course blends hands-on coding with real-world use cases to ensure learners can build and deploy functional web apps efficiently.
Objectives
- Understand the fundamentals and architecture of Blazor (WebAssembly & Server).
- Navigate and utilize Radzen’s visual development environment.
- Create, configure, and customize Radzen-generated Blazor applications.
- Integrate CRUD operations with relational databases (SQL Server, MySQL, etc.).
- Implement authentication and authorization in Blazor Radzen apps.
- Apply styling, theming, and responsive design principles.
- Deploy Blazor Radzen applications to production environments.
Audience
- Web developers exploring Blazor for .NET-based applications.
- Developers interested in low-code/rapid development using Radzen.
- Full-stack developers seeking integration between .NET backend and modern UI.
- Software engineers transitioning from ASP.NET MVC to Blazor.
Prerequisites
- Basic knowledge of C# programming.
- Familiarity with HTML, CSS, and JavaScript concepts.
- Experience with any .NET framework (helpful but not mandatory).
- Basic understanding of relational databases and SQL.
Course Content
Module 1 Introduction to Blazor and Radzen
- Overview of Blazor WebAssembly & Blazor Server
- Advantages of Blazor in .NET ecosystem
- Introduction to Radzen: Features and capabilities
- Installing Radzen and project setup
Module 2 Building Your First Blazor Radzen App
- Project structure and files generated by Radzen
- Adding pages, forms, and navigation menus
- Understanding Radzen’s visual designer and code editor
- Two-way data binding in Blazor
Module 3 Data Integration and CRUD Operations
- Connecting to SQL Server/MySQL databases
- Configuring data sources in Radzen
- Creating and customizing CRUD pages
- Handling data validation and error messages
Module 4 UI Components and Customization
- Using Radzen UI controls (DataGrid, Charts, Dialogs, etc.)
- Styling and theming options
- Creating reusable components in Blazor
- Responsive design techniques
Module 5 Security in Blazor Radzen Applications
- Implementing authentication (ASP.NET Identity)
- Role-based and policy-based authorization
- Securing API calls and protecting routes
Module 6 Advanced Features and Custom Code
- Adding custom C# code to Radzen-generated components
- Working with APIs and third-party services
- Using Radzen templates and extending functionality
Module 7 Deployment and Maintenance
- Publishing Blazor Radzen apps to IIS, Azure, or Docker
- Best practices for production deployment
- Updating and maintaining Radzen applications
Capstone Project
- Build a functional data-driven web application using Blazor and Radzen
- Present the project with implemented CRUD, authentication, and responsive design
