Blazor

Read through the following article (send to you via text earlier) What’s behind the hype about Blazor?

Then go through the steps below to get set up to experiment with it.

    1. Going to need about 10Gb disk space for the installs. Skip any surveys or email/name requests. We’ll be following along with: blazor/get-started
    2. Installs for Blazor
      1. .NET Core 3.1 SDK
        1. .NET Core 3.1 SDK; click link, find v3.1.3 (or newer), under SDK column find OS=Windows Installers=x64 (or x86 = 32-bit, if you don’t have 64-bit). Click to download. Newest at writing is 3.1.201.
        2. Find dotnet-sdk-3.1.201-win-x64.exe (or -x86) in Downloads, run it.
        3. Open cmd window, type dotnet and it should give a Usage doc output.
      2. Install Blazor WebAssembly
        1. Click in your windows search box, type cmd, then click Command Prompt app to run it.
        2. Into that new window, copy/paste the following: dotnet new -i Microsoft.AspNetCore.Components.WebAssembly.Templates::3.2.0-preview2.20160.5 and then hit enter
        3. When that completes, type in dotnet –version and it should reply back 3.1.201 or similar if newer. Don’t close the window just yet.
      3. Install Visual Studio or Visual Studio Code or both, try both if you want. VSC is much smaller in size if your disk is small or getting towards full.
        1. Both Visual Studio Code and the Community (VSC) edition of Visual Studio (VS) are free.
        2. For VSC, Select ASP.NET and web development checkbox, don’t bother for now with any other packages or components. Click Install. When it completes, click Launch. When asked for signin, click Not now. For Dev Settings, use General. Choose a theme and Start Visual Studio
        3. While that is downloading and installing, might as well add VSC, change the install location to C:\Microsoft VS Code, click Nextcheck all the boxes and hit Next, then Install. When it completes, check Launch then Finish. After it launches, right-click on the taskbar icon and click Pin to taskbar. I like to keep my tools handy there.
      4. Click on the .NET Core CLI tab where you found VS and VSC. Paste the following one at a time into that Command window, hitting enter after each. Or use the Copy in the upper right corner and paste that set into the Cmd window.
        1. dotnet new blazorwasm -o WebApplication1
        2. cd WebApplication1
        3. dotnet run
        4. That dotnet run will cause a text application to run, and stay running, and it outputs some text, in the midst of it, it says Press Ctrl+C to stop it, when you are ready.
        5. Before you stop that, click on this browser:localhost, which opens a web browser and you can interact with that application. Mess around with it, then close it and then stop the dotnet/run with Ctrl+C.
        6. Do the same steps above for the blazorserver test, but in the cmd window type cd .. first (and hit enter). Note the localhost link points to the same ‘address’ which each application used. Click the link or hit refresh in the browser page for the first app.
        7. The point of these, they just test out what you installed so you know it is correct and working properly.
    3. Okay, done with the installs, and you didn’t write it, but you test ran an application, two of them if you did both. For each of those two test apps you started with dotnet run and on the localhost web pages, there was an About link in the upper right corner. If you followed them you should check out at a minimum each of the following.
      1. For the first one, blazorwasm, the About link takes you to https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor
        1. The Get Started button takes you back to the link at the top of this document.
      2. For the second one, blazorserver, the About link takes you to https://docs.microsoft.com/en-us/aspnet/
        1. Near the bottom there is a Free Courses link to explore.
    4. Done for the moment.

This Blazor (just a name) technology is new, not fully released yet, but with this preliminary release you can explore it and start learning it before probably 90% or more of the software writers out there. Since it uses the C# language instead of javascript it is easier to use to write a Web application and will probably be in high demand in the near future.

I’ll continue this later, I do have a day job you know 😉

If you want just continue down the get started at the Next Steps part, Build your first Blazor app. These tutorials/articles assume you know C#, ASP.Net and WPF and related stuff, and there are a lot of new terms/technology for you to learn, but if you follow the instructions exactly you should be able to make progress. Just try to absorb the experience and it’s more about learning the basic steps and getting familiar with the code than making something awesome as a program. You can buy some basic primer books online to start learning C#, etc, or just work through online tutorials and examples. Type free code learn C# into google for example. Start with this one perhaps: https://www.learncs.org/. For ASP.Net, try https://www.w3schools.com/asp/default.ASP

Since you’ve been isolating and are now isolating more, you could probably (check with mom) come over here with a laptop and sit at the bar and learn, and ask me questions when you need some guidance/help. Or stay at home and call up when you get stuck.

Leave a Reply

Your email address will not be published. Required fields are marked *

18 + 11 =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>