Blazor WebAssembly – Full Stack Web Development

Learn to build a Blazor WebAssembly application using enterprise level concepts, design patterns, and features.

Description

Overview

Writing modern web applications with a rich UI can be tedious. Blazor gives us .NET developers a chance to leverage our C# skills and build interactive web UIs. In this course, Modern Web Development with Blazor and .NET 5, you will gain the ability to build web applications using Blazor. We will explore: setting up your first Blazor application, how to work with an API and how data binding works, how to create and integrate JavaScript components.

When you have finished this course, you will have the skills and knowledge to build a web application using Blazor.

**UPDATE**

.NET 6 is now available and is shipped with Visual Studio 2022. This course has been updated to show how to create the project using Visual Studio 2022 and .NET 6.

Everything in this course is .NET 6 / .NET 7 compatible.

Otherwise, everything in the project will work just the same if you are not inclined to upgrade, even if you do.

Why Develop With Blazor?

The most popular JavaScript client-side web frameworks have been Angular, React, Vue and others. In this course, we keep it .NET by using Blazor, which is Microsoft’s response to that monopoly.

Blazor allows you to create a Single Page Application on top of .NET Core and continue coding in C# (without needing to flip between C# and JavaScript too much). Blazor apps boast reusable web UI components implemented using C#, HTML, and CSS. Both client and server code are written in C#, allowing you to share code and libraries.

Blazor WebAssembly

Blazor can run your client-side C# code directly in the browser, using WebAssembly (WASM for short). Because it’s real .NET running on WebAssembly, you can re-use code and libraries from server-side parts of your application.

We will explore many intricacies of the Blazor life-cycle, data flow, JavaScript Interoperability, and general development activities and nuances.

Deploy To Microsoft Azure Cloud

Azure Web App Service is key to deploying the API and Blazor Server Applications. We will also enlist Azure SQL for the Database to support our API.

Build A Strong Foundation in .NET 5 Programming With Blazor:

  • Build a Single Page Application client-side UI using Blazor and .NET 5 (or .NET 6)
  • Design a Database Using Entity Framework Core
  • Repository Pattern and Dependency Injection
  • Progressive Web Application (PWA) with Blazor
  • Understand the REST API and Client UI design principles
  • Global Error Handling with HTTP Interceptor
  • Understand C# and .NET Core Web Syntax
  • Understand how to customize Blazor app layouts
  • Understand User Authentication and Authorization in Blazor
  • Understand Identity Core and Identity Server
  • Handle Blazor Application User Authentication State
  • Consume REST Web API in Blazor Application
  • Manage Packages with NuGet Manager
  • Setup GitHub for Source Control
  • Deploy Applications and Database to Microsoft Azure

PREREQUISITES

To take this course, you should have at least 3 months of experience programming in C#. If you need to strengthen your C# fundamentals, you can take my C# beginner course C# Console and Windows Forms Development with LINQ & ADO .NET. If you need to brush up on your web development skills, you may also review Introduction To Website Development Technologies to learn the fundamentals of HTML, CSS, and JavaScript.

Content and Overview

To take this course, you must have some knowledge of Object Oriented Programming, if not C#. Even if you have little exposure to the .NET development stack, this course is beginner-friendly and full of development tips.

This is a huge course. Over 10 hours of premium content, but smartly broken up to highlight related activities based on each module in the application being built. We will also look at troubleshooting and debugging errors as we go along, implementing best practices, writing efficient logic, and understanding why developers do things the way they do. Your knowledge will grow, step by step, throughout the course, and you will be challenged to be the best you can be.

We don’t do things the perfect way the first time; that is different from the reality of writing code. We make mistakes and point them out and fix them around them. By doing this, we develop proficiency in using debugging tools and techniques. By the time you have finished the course, you will have moved around in Visual Studio and examined logic and syntax errors so much that it will be second nature for you when working in the .NET environment. This will put your newly learned skills into practical use and impress your boss and coworkers.

The course is complete with working files hosted on GitHub, including some files to make it easier for you to replicate the demonstrated code. You will be able to work alongside the author as you work through each lecture and will receive a verifiable certificate of completion upon finishing the course.

Clicking the Take This Course button could be the best step you could take towards quickly increasing your income and marketability! Also, remember that if you don’t think the course is worth what you spent, you have a full 30 days to get a no questions asked refund!

It’s time to take action!

See you in the course!

Who this course is for:

  • Anyone who wants to learn Blazor WebAssembly
  • Anyone who wants to learn .NET 5 (or .NET 6 / 7) Web Development and Programming
  • Anyone who wants to learn Entity Framework
  • Anyone who wants to learn to consume an API in Blazor

Tags:

Tutorial Bar
Logo