Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Blazor and Web Development Fundamentals with .Net 7
Rating: 4.5 out of 5(84 ratings)
344 students

Blazor and Web Development Fundamentals with .Net 7

Learn the underlying mechanics of Blazor Server, WebAssembly and Progressive Web Applications with minimal coding skills
Created byIrlon Terblanche, Peter Alkema
Last updated 1/2023
English
English [Auto],

What you'll learn

  • Essential foundations and underlying mechanics of Blazor Web Applications
  • Essential differences between Blazor WASM, Blazor Server and Blazor PWAs
  • Microsoft's .Net7 Framework and how it supports Blazor Applications
  • WebAssembly technology and how it supports web application development
  • Technical fundamentals of web client/browser and server communications
  • Signal R, the Document Object Model (DOM) and RenderTree concepts
  • PWA manifest and service-worker concepts

Course content

5 sections • 31 lectures • 2h 43m total length

  • Introduction and prerequisites for this course4:07

    Introduction and prerequisites. No C#, HTML or JavaScript programming will be required.

  • What we will cover in Part 10:58

    Discover what Blazor is and why it powers modern web apps, explore implementation options for Blazor web applications, and learn about web assembly, single page applications, and hosting models.

  • What is Blazor?4:16

    Explore how Blazor enables building web apps with HTML, CSS, and C# without needing JavaScript. Discover Razor syntax, Razor pages, and Razor components, plus the .NET Core open-source ecosystem.

  • The different Blazor implementation options2:23

    Explore the two Blazor deployment models—client-side web assembly and server-side Blazor—comparing their runtimes, data flow, and trade-offs, then start with the server-side approach for clarity.

  • Blazor Server Web Applications4:43

    Explore how Blazor server apps run C# on the server to deliver a rich single-page experience, with real-time updates via SignalR and client-side content served as static files.

  • Blazor WebAssembly (WASM) Web Applications9:28

    Explore how Blazor WebAssembly enables client-side, in-browser execution to build single-page applications with C# without JavaScript, and understand how SPA architecture updates content without full-page reloads.

  • Blazor Progressive Web Applications (PWAs)2:33

    Blazor progressive web applications (PWAs) turn client-side single-page apps into installable, native-like experiences running in their own window. They can run locally, but remote data requires an internet connection.

  • Different Hosting Models for Blazor WebAssembly Applications6:54

    Learn the two hosting models for Blazor WebAssembly—server-side and client-side—and how both can run on non-Microsoft servers, with deployment and potential self-hosting scenarios using Kestrel.

  • Summary2:01

    Explore Blazor and WebAssembly for building single-page web apps without JavaScript, using Razor syntax, and deploying on client, server, or both, including progressive web apps and ASP.NET Core hosting.

Requirements

  • Visual Studio Community Edition (free).
  • A laptop or PC with Windows 10 or later
  • A basic understanding of how web applications work
  • Very little, or basic C# or HTML coding experience will be needed for this course.

Description

In this course, you will learn the important underlying mechanics of all the different types of Blazor web applications. You will not have to write a single line of code to get through this course.

I am specifically steering away from jumping into the code, because without understanding the subtle differences between the different Blazor applications, you will end up 'coding in the dark', and you will get into issues for which there is not much support for currently. For example, if you don't understand the detailed mechanics of Blazor applications, you will not understand why you are getting CORS errors when making HTTP calls from your Blazor WASM application, or why you are getting database concurrency issues with Blazor Server and EF Core. And so on...

The course is divided into 5 parts. The first two parts of this course will focus on the theory of Blazor. In Parts 3 to 5, we will see those theoretical concepts from Parts 1 and 2 in action.

In Part 1, I will discuss what Blazor is, what the different types of Blazor applications are, and how the different hosting options work. I will also go into some detail about Single Page Applications and WebAssembly technology.

In Part 2, I will cover the .Net7 Framework, the Document Object Model, and the Render Tree concepts.

In Part 3, we will start getting more hands-on. We will create and run both Blazor Server and Blazor WASM applications from within Visual Studio. We will also start comparing the two application types in Part 3.

In Part 4, we will go into more detail with both Server and WASM applications. There will be a big focus on the runtime differences, which we'll explore using our browser developer tools.

Then finally, in Part 5, we'll create, run and install Blazor Progressive Web Applications (PWAs) onto our local machines. We will create 2 types of PWAs - a stand-alone PWA and an ASP(.)NetCore Hosted Application. We'll conclude Part 5 with some closing remarks about why PWAs are not always the best option for your use case, and what complications come with the development and testing of PWAs.

Who this course is for:

  • This course is for full-stack development beginners, who want strong foundations for Blazor web application development.
  • This course is not for experienced developers, unless they want to revisit fundamental concepts that we all tend to forget as we continue on our coding journey.
  • It is intended to help beginners to get up to speed as fast as possible in their web development journey.

Report abuse