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.4 out of 5(81 ratings)
313 students
Last updated 1/2023
English

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 sections31 lectures2h 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
  • What is Blazor?4:16
  • The different Blazor implementation options2:23
  • Blazor Server Web Applications4:43
  • Blazor WebAssembly (WASM) Web Applications9:28
  • Blazor Progressive Web Applications (PWAs)2:33
  • Different Hosting Models for Blazor WebAssembly Applications6:54
  • Summary2:01

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.