Day[87/100] #100DaysOfCloud – Jonnychipz – Cloud Skills Challenge – Build a WebApp with Blazor WebAssembly

In order to get a full house of 15/15 modules for our Welsh Azure Cloud Skills Challenge, I thought that I would spend some time on one of my our standing modules.

Build a web app with Blazor WebAssembly and Visual Studio Code

I’m not a prolific C# developer by a long shot, I know enough to make my way around, so maybe this module isn’t specifically aimed at me? However, its really cool to know how that there are WebAssemblies available for lots of different languages, and Blazor is just that to enable C# and .NET developers to use these tools for Client apps…. So that’s cool to know!

The learning objectives of this module are:

  • Configure your local environment for Blazor development with Visual Studio Code.
  • Create a new Blazor WebAssembly project.
  • Add a Razor page to a Blazor project.
  • Add client-side logic to a Blazor web app.

We work through what Blazor is and what a WebAssembly is and why its good for C# and .NET developers to use it, before we walk into creating our first Hello World Web App on my local machine!

Screenshot showing the default Blazor WebAssembly client app running in a browser

Next we look at adding components to our WebApp

Screenshot showing the Blazor app running in a browser

Next we take a look into attaching Data binding and events to the newly created UI to give us the ability to show data bindings in our UI:

Screenshot showing the Blazor app running in a browser

Now this is another thing I need to look into in further detail!!!!! Pretty cool stuff!

100DaysOfCloud Overview

My Main ReadMe Page is all set up with a bit about me!

The guys at 100DaysofCloud have set up the GitHub repo to be cloned and also have a great repo containing ideas and areas to collaborate on: https://github.com/100DaysOfCloud/100DaysOfCloudIdeas

My Github Journey tracker can be found here: https://github.com/jonnychipz/100DaysOfCloud

Please Watch/Star my repo and feel free to comment of contribute to anything I push! I really look forward to hearing from anyone who is going to jump on the journey around the same time as me! Lets see where I get to in 100 days!

I would encourage others to jump on this journey, I’m not sure that I will be able to commit every day for 100 days, but as long as I can complete 100 days that will be great!

http://www.100daysofcloud.com

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s