Build web applications with Blazor
- Offered byMicrosoft
Build web applications with Blazor at Microsoft Overview
Duration | 4 hours |
Total fee | Free |
Mode of learning | Online |
Schedule type | Self paced |
Difficulty level | Beginner |
Official Website | Explore Free Course |
Credential | Certificate |
Build web applications with Blazor at Microsoft Course details
- Introduction to Web Development with Blazor
- Build a web app with Blazor
- Interact with data in Blazor web apps
- Use pages, routing, and layouts to improve Blazor navigation
- Improve how forms and validation work in Blazor web apps
- Build rich interactive components for your Blazor web apps
- Build reusable components with Blazor
- Learn how to build your first web application with the Blazor web user-interface framework
- Discover the key features of the Blazor framework, pages, and components to make your next application
- Learn how to set up your development environment and build your first web app with Blazor, Visual Studio Code, and C#
- You'll also obtain data and display it to the user on dynamic webpages
- Learn how to use forms in Blazor, add event handlers, and validate the data a user submits
Build web applications with Blazor at Microsoft Curriculum
Introduction to Web Development with Blazor
Introduction
What is Blazor?
When to use Blazor
Knowledge check
Summary
Build a web app with Blazor
Introduction
What is Blazor?
Exercise - Create and run a Blazor web app
Razor components
Exercise - Add a component
Data binding and events
Exercise - Data binding and events
Summary
Interact with data in Blazor web apps
Introduction
Create a user interface with Blazor components
Exercise - Create a user interface with Blazor components
Access data from a Blazor component
Exercise - Access data from a Blazor component
Share data in Blazor applications
Exercise - Share data in Blazor applications
Bind controls to data in Blazor applications
Exercise - Bind controls to data in Blazor applications
Summary
Use pages, routing, and layouts to improve Blazor navigation
Introduction
Use the Blazor router component to control your app's navigation
Exercise - Change navigation in your Blazor app by using the @page directive
Explore how route parameters affect your Blazor app's routing
Exercise - Use route parameters to improve your apps navigation
Build reusable Blazor components using layouts
Exercise - Add a Blazor layout to reduce duplication in your code
Summary
Improve how forms and validation work in Blazor web apps
Introduction
Attach C# code to DOM events with Blazor event handlers
Exercise - Create a Blazor event handler for onclick events
Take advantage of the power of Blazor forms
Exercise - Create an address form with Blazor components
Validate user input implicitly without writing validation code
Exercise - Add server-side and client-side data validation to the address form
Summary
Build rich interactive components for your Blazor web apps
Introduction
Create a user interface with Blazor components
Exercise - Use JavaScript libraries in Blazor apps
Improve app interactivity with lifecycle events
Exercise - Improve app interactivity with lifecycle events
Reuse components by creating templates
Exercise - Reuse components by creating templates
Summary
Build reusable components with Blazor
Introduction to Razor class libraries
Razor class library creation and concepts
Create a Razor class library
Package a Razor class library
Create a NuGet package
Summary