Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
AspNet Core Blazor: The Big Picture
Rating: 4.4 out of 5(511 ratings)
6,917 students

AspNet Core Blazor: The Big Picture

Demystifying ASP.NET Core Blazor — Core Concepts and Features
Created byErvis Trupja
Last updated 4/2020
English

What you'll learn

  • What is AspNet Core Blazor?
  • Why use Blazor instead of some well-known JavaScript Frameworks?
  • Which are the two Blazor application hosting models?
  • What is Blazor WebAssembly and Blazor Server?
  • What is a Blazor Component and how to use them?
  • How to work with data using one-way data binding, two-way data binding and event binding?

Course content

4 sections9 lectures39m total length
  • Welcome to Asp.Net Core Blazor1:01

    Blazor is Microsoft’s latest web framework for building interactive client-side web UI with .NET instead of JavaScript. You can use C# .NET to implement interactive frontend web apps.

    How is this possible? How a browser can understand or execute C# code? Blazor compiles to WebAssembly so it can run on the client without JS.

    And WebAssembly is a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++ and Rust with a compilation target so that they can run on the web. It is also designed to run alongside JavaScript, allowing both to work together.

  • What is Asp.Net Core Blazor?2:32

    Per definition "Blazor is a framework for building interactive client-side web UI with .NET". But, what does this mean in simpler words?
    Blazor is a single page application framework that uses c# instead of JavaScript as a programming language.
    But, how can we run C# code I the browser? Isn’t that odd?

  • Why use Asp.Net Core Blazor?2:38

    Because Blazor runs in web assembly and web assembly is part of all major browsers, which means that the code you write in Blazor is supported by all major browsers including mobile devices.

    Learning a new programming language or scripting language especially JavaScript is challenging and time-consuming, so instead of learning JavaScript, you can take leverage of your existing C# coding skills.

    C# is a well-known strongly typed programming language which means you can catch errors at compile time unlike javascript which is a scripting language and you can catch errors at run-time.

    Also, in Blazor you can use the existing .net libraries and the .net ecosystem is pretty rich in libraries and NuGet packages. Another reason to learn Blazor is that it is fast and you get a near-native experience.

    The Blazor code runs in web assembly in the browser which can run at near-native speed, which means that it can run as fast as any code in the browser can run. This is especially useful when you develop games that run in the browser.

Requirements

  • Basic understanding of C#
  • Basic understanding of Html, CSS and JavaScript

Description

ASP.NET Core Blazor is a modern web framework from Microsoft that allows developers to build interactive web applications using C# and HTML, without relying heavily on JavaScript. It is part of the ASP.NET Core ecosystem and is designed to make web development more productive and approachable for .NET developers who want to build rich client-side experiences.

In “ASP.NET Core Blazor: The Big Picture”, you will start with a clear and friendly introduction to Blazor and understand where it fits in today’s web development landscape. The course begins by answering the most important questions: what ASP.NET Core Blazor is, why it exists, and why you might choose it over other Single Page Application frameworks. This section helps you build the right mental model before writing any serious code.

Next, you will explore the anatomy of ASP.NET Core Blazor applications. You will learn how Blazor WebAssembly applications are structured, how they run in the browser, and what happens during startup. You will then compare this with Blazor Server applications and understand how the server-based hosting model works, including the request lifecycle and real-time UI updates.

As the course progresses, you will dive into core Blazor concepts such as components, component composition, and reusability. You will learn how Blazor components are built, how they communicate, and how they form the foundation of every Blazor application. Finally, you will learn how data binding works in Blazor, including one-way binding, two-way binding, and event handling, which are essential for building dynamic and interactive user interfaces.

By the end of this course, you will have a solid conceptual understanding of Blazor that prepares you for building real-world applications and moving confidently into more advanced topics.

Who this course is for:

  • Any developer who wants to know what is Blazor, why to use it and how it works