Blazor WebAssembly Full Stack Bootcamp with .NET 5

Blazor WebAssembly is turning the web development world upside down.

With Blazor you can keep coding every part of your web application – meaning front end andback end – with the programming language and the framework you love – C# and .NET.

No need for JavaScript anymore and you can even use the same classes and methods you write for the server as well as for the client.

We will dive right into the code by first having a look at the standard example project of Blazor WebAssembly and then we already build the main project of this course, which is a classic online browser game, where users can create an army of fighters and send them into battle against other users.

Together with some customization options and climbing the leaderboard, this application will teach you how to use Blazor WebAssembly with Razor components in a playful way.

We will have a look at data- and event binding, communication between components, formswith their built-in componentsand validationoptions, how to use views only authorized users can see, how to make calls to a web service, and much more.

Additionally, you will learn how to build the back end of the browser game with a Web API and Entity Framework to store all the data in a SQL Serverdatabase.

By the end of this course, you will have what it takes to call yourself a full stack Blazor web developer.

With your new skills, you are ready to conquer any upcoming .NET web development project you want to build yourself or any project that is requested by a recruiter.

The only tools you need are Visual Studio, Postman, SQL Server, and a browser like Chromeor Firefox.

Everything is available for free and also cross-platform! So you can follow this course on Windows and macOS.

What You Will Learn

Introduction & Jumpstart

• Create an ASP.NET Core hosted Blazor WebAssembly project

• Examinethe example project

• Explore different ways to run your web application

• Debug client & server code at the same time

• Initialize a Git repository for your source control

Blazor WebAssembly Fundamentals

• Create Razor components

• Write C# code and HTML in the same file

• The @code block

• Component communication with parameters, event callbacks & services

• Databinding & eventhandling

• Add pagesto your Blazor WebAssembly application

• Routing & navigation in a Blazor app

• Create and use modelswithin your web application

• Loops & more in Razor components

• User feedback with toaster messages for errors & more

• Manage NuGet Packages

Forms & Authentication

• Create forms with validations

• Use all built-in forms components like InputText, InputCheckbox, InputSelect & more

• Build login & registrationforms

• Display validation errors

• Utilize models with forms

• Add the NavigationManagerto navigate the user in your app

• Utilize the AuthenticationStateProvider

• Expose the AuthenticationState

• Use the AuthorizeView component

• Page restriction with the [Authorize] attribute

• Use the LocalStoragefor authentication

Web API & Entity Framework

• The Model-View-Controller (MVC) pattern

• Create modelsand controllers

• Use the same models for the server and the client

• Attribute routing (with parameters)

• The HTTP request methods GET, POST, PUT & DELETE

• Object-Relational-Mapping

• Code-First Migration

• SQL Server

• How to use a DataContextand a proper ConnectionString

• All previous HTTP requestswith Entity Framework to save your data in a SQL Serverdatabase

• Inspect your database with the SQL Server Management Studio

Authentication with JSON Web Tokens (JWT)

• Create & verify JSON Web Tokens

• Use the Repository pattern

• Add & read claims

• Secure controllers with the Authorizeattribute

• Use the JWT in the AuthenticationStateProviderof Blazor WebAssembly

Advanced Blazor WebAssembly, Web API & Entity Framework Implementations

• Add relationsto your database

• Use LINQfunctions to Select, Order & Include entities

• Complete the game logic: Grow your army, fight battles, climb the leaderboard

• …and more!

Publish & Deploy your Web Application

• Deploy your web application on a Windows Server with IIS (Internet Information Services)

• User the Web Deploy feature of IIS to publish and deploy your app with Visual Studio

Your Instructor

My name is Patrick and I will be your instructor in this course. I’m a web developer for over a decade now, I have worked for big corporations and small teams, as an employee and a contractor and I just love to see the way Microsoft is going with .NET & Blazor and how important these technologies get day by day.

To this date, I was able to run seven courses on web development here on Udemy about .NET (Core), Blazor, single-page applications, Angular and DevOps – with a total of over 55.000 unique students and over 6.000 reviews.

If you have any questions, feel free to connect.

And if you still have any doubts, you have a 30-day money-back guarantee, no questions asked.

Are you ready to take the next step in web development?

I’m looking forward to seeing you in the course!

Course image: vector illustration/Shutterstock

Rating Distribution

• 1 stars: 5 votes
• 2 stars: 14 votes
• 3 stars: 39 votes
• 4 stars: 186 votes
• 5 stars: 378 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!