Get a Demo

Easy Accounts Backup

Build your first
windows app

Chapter 01

Next steps

Congratulations, you’ve built and run your first Blazor app!

Keep learning

Now that you’ve got the basics, continue building your first Blazor app with Blazor self-guided learning module on Microsoft Learn where you will build a to-do list app.

Microsoft Learn: Build a Blazor todo list app

Blazor for Beginners

Learn how to build a full Blazor app from start to finish:

Already have Visual Studio 2022?

If you already have Visual Studio 2022, you can add the ASP.NET and web development workload:

  • Select the Windows key, type Visual Studio Installer, and press Enter.
  • If prompted, allow the installer to update itself.
  • If an update for Visual Studio 2022 is available, an Update button will be shown. Select it to update before modifying the installation.
  • Find your Visual Studio 2022 installation and select the Modify button.
  • If not selected already, select the ASP.NET and web development workload and select the Modify button. Otherwise, just close the dialog window.

A request for /counter in the browser, as specified by the @page directive at the top, causes the Counter component to render its content. The @rendermode directive enables interactive server rendering for the component, so that it can handle user interface events from the browser.

Each time the Click me button is selected:

  • The onclick event is fired.
  • The IncrementCount method is called.
  • The currentCount is incremented.
  • The component is rendered to show the updated count.

Insurance companies are keeping all records up-to-date with the help of computers. Insurance companies, finance houses, and stock broking firms are widely using computers for their concerns.

Insurance companies are maintaining a database of all clients with information showing −

  • Procedure to continue with policies
  • Starting date of the policies
  • Next due installment of a policy
  • Maturity date
  • Interests due
  • Survival benefits
  • Bonus

Key Details:

  • Import the .campackage (linked above)
    • Camtasia will add this project library to your library drop-down. It also includes the sample screen recording and audio (Add a Person to the Progress Tracking Board), a customizable intro and outro (Lumi), a few color themes (Blue_Steel, Business_Thyme, & Pale_Blue_Dot), and some background music (Synth-Wave) – all royalty-free.
  • Add the intro to the timeline
    • Customize it using the Properties Panel
    • Apply a Theme

Next steps

Congratulations, you’ve built and run your first Blazor app!

Keep learning

Now that you’ve got the basics, continue building your first Blazor app with Blazor self-guided learning module on Microsoft Learn where you will build a to-do list app.

Microsoft Learn: Build a Blazor todo list app

Blazor for Beginners

Learn how to build a full Blazor app from start to finish:

Already have Visual Studio 2022?

If you already have Visual Studio 2022, you can add the ASP.NET and web development workload:

  • Select the Windows key, type Visual Studio Installer, and press Enter.
  • If prompted, allow the installer to update itself.
  • If an update for Visual Studio 2022 is available, an Update button will be shown. Select it to update before modifying the installation.
  • Find your Visual Studio 2022 installation and select the Modify button.
  • If not selected already, select the ASP.NET and web development workload and select the Modify button. Otherwise, just close the dialog window.

A request for /counter in the browser, as specified by the @page directive at the top, causes the Counter component to render its content. The @rendermode directive enables interactive server rendering for the component, so that it can handle user interface events from the browser.

Each time the Click me button is selected:

  • The onclick event is fired.
  • The IncrementCount method is called.
  • The currentCount is incremented.
  • The component is rendered to show the updated count.

Next steps

Congratulations, you’ve built and run your first Blazor app!

Keep learning

Now that you’ve got the basics, continue building your first Blazor app with Blazor self-guided learning module on Microsoft Learn where you will build a to-do list app.

Microsoft Learn: Build a Blazor todo list app

Blazor for Beginners

Learn how to build a full Blazor app from start to finish:

Already have Visual Studio 2022?

If you already have Visual Studio 2022, you can add the ASP.NET and web development workload:

  • Select the Windows key, type Visual Studio Installer, and press Enter.
  • If prompted, allow the installer to update itself.
  • If an update for Visual Studio 2022 is available, an Update button will be shown. Select it to update before modifying the installation.
  • Find your Visual Studio 2022 installation and select the Modify button.
  • If not selected already, select the ASP.NET and web development workload and select the Modify button. Otherwise, just close the dialog window.

A request for /counter in the browser, as specified by the @page directive at the top, causes the Counter component to render its content. The @rendermode directive enables interactive server rendering for the component, so that it can handle user interface events from the browser.

Each time the Click me button is selected:

  • The onclick event is fired.
  • The IncrementCount method is called.
  • The currentCount is incremented.
  • The component is rendered to show the updated count.

Next steps

Congratulations, you’ve built and run your first Blazor app!

Keep learning

Now that you’ve got the basics, continue building your first Blazor app with Blazor self-guided learning module on Microsoft Learn where you will build a to-do list app.

Microsoft Learn: Build a Blazor todo list app

Blazor for Beginners

Learn how to build a full Blazor app from start to finish:

Already have Visual Studio 2022?

If you already have Visual Studio 2022, you can add the ASP.NET and web development workload:

  • Select the Windows key, type Visual Studio Installer, and press Enter.
  • If prompted, allow the installer to update itself.
  • If an update for Visual Studio 2022 is available, an Update button will be shown. Select it to update before modifying the installation.
  • Find your Visual Studio 2022 installation and select the Modify button.
  • If not selected already, select the ASP.NET and web development workload and select the Modify button. Otherwise, just close the dialog window.

A request for /counter in the browser, as specified by the @page directive at the top, causes the Counter component to render its content. The @rendermode directive enables interactive server rendering for the component, so that it can handle user interface events from the browser.

Each time the Click me button is selected:

  • The onclick event is fired.
  • The IncrementCount method is called.
  • The currentCount is incremented.
  • The component is rendered to show the updated count.

Next steps

Congratulations, you’ve built and run your first Blazor app!

Keep learning

Now that you’ve got the basics, continue building your first Blazor app with Blazor self-guided learning module on Microsoft Learn where you will build a to-do list app.

Microsoft Learn: Build a Blazor todo list app

Blazor for Beginners

Learn how to build a full Blazor app from start to finish:

Already have Visual Studio 2022?

If you already have Visual Studio 2022, you can add the ASP.NET and web development workload:

  • Select the Windows key, type Visual Studio Installer, and press Enter.
  • If prompted, allow the installer to update itself.
  • If an update for Visual Studio 2022 is available, an Update button will be shown. Select it to update before modifying the installation.
  • Find your Visual Studio 2022 installation and select the Modify button.
  • If not selected already, select the ASP.NET and web development workload and select the Modify button. Otherwise, just close the dialog window.

A request for /counter in the browser, as specified by the @page directive at the top, causes the Counter component to render its content. The @rendermode directive enables interactive server rendering for the component, so that it can handle user interface events from the browser.

Each time the Click me button is selected:

  • The onclick event is fired.
  • The IncrementCount method is called.
  • The currentCount is incremented.
  • The component is rendered to show the updated count.