Blazor WebAssembly Overview
18 Questions
5 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Blazor enables both backend and frontend development with the same ______

language

WebAssembly is a native part of all modern browsers including ______ browsers

mobile

Blazor application does not require installation of any special plugins like ______ or Silverlight

Flash

Razor is a format for generating text-based content, like ______

<p>HTML</p> Signup and view all the answers

Blazor uses the popular ASP.NET MVC approach for building applications that run in the ______

<p>browser</p> Signup and view all the answers

With WebAssembly, you compile your code in a format called ______, which gets downloaded by the browser

<p>WASM</p> Signup and view all the answers

The name Blazor comes from a combination of Browser and ______ (which is the technology used to combine code and HTML)

<p>Razor</p> Signup and view all the answers

Blazor is a web framework designed to run client-side in the browser on a WebAssembly-based [.______ runtime (Blazor WebAssembly) or server-side in ASP.______ Core (Blazor Server)

<p>NET</p> Signup and view all the answers

Blazor Server is an implementation of the Blazor user-interface framework as part of the ASP.NET Core web development framework, deployed to a ______

<p>web server</p> Signup and view all the answers

Blazor WebAssembly, sometimes shortened to Blazor WASM, is an implementation of the Blazor user-interface framework that runs on the HTML 5 standard ______ runtime present in all modern browsers.

<p>WebAssembly</p> Signup and view all the answers

A render tree is still created and instead of running the Razor pages on the server, they are now running inside our web ______.

<p>browser</p> Signup and view all the answers

Blazor Server uses SignalR to communicate between the client and the server, as shown in the following diagram: Blazor Server ______

<p>SignalR</p> Signup and view all the answers

SignalR can use many different means of transporting data and automatically select the best transport protocol for you, based on your server and client ______

<p>capabilities</p> Signup and view all the answers

Since the code is running in the browser, it is easy to create a Progressive Web App (PWA).Since we're not running anything on the server, we can use any kind of backend server or even a file share (no need for a.NET-compatible server in the ______).

<p>backend</p> Signup and view all the answers

Blazor Server WebSockets: is a communication protocol that provides full-duplex communication channels over a single ______ connection

<p>TCP</p> Signup and view all the answers

No round trips mean that you will be able to update the screen faster (that is why there are game engines that use ______).

<p>WebAssembly</p> Signup and view all the answers

Even if we compare it to other large sites, the footprint of a Blazor WebAssembly is large and there are a large number of files to ______.

<p>download</p> Signup and view all the answers

To access any on-site resources, you will need to create a Web API to access them.You cannot access the ______ directly.

<p>database</p> Signup and view all the answers

Study Notes

Blazor WebAssembly

  • Runs on the HTML5 standard WebAssembly runtime present in modern browsers
  • Works similar to the server version, but with Razor pages running inside the browser
  • Updates the DOM with direct JavaScript interop, instead of using SignalR

Advantages of Blazor WebAssembly

  • Easy to create a Progressive Web App (PWA) since the code runs in the browser
  • Can use any kind of backend server or even a file share, without needing a .NET-compatible server
  • No round trips, allowing for faster screen updates

Disadvantages of Blazor WebAssembly

  • Large footprint and many files to download
  • Need to create a Web API to access on-site resources
  • Cannot access the database directly

WebAssembly

  • Based on open web standards, making it a native part of modern browsers
  • Allows C# code to be executed in the client browser without plugins or transpiling
  • Compile code in WASM format, which gets downloaded and Just-In-Time compiled into native code

C# Browser Execution

  • Browser only understands JavaScript, but WebAssembly allows C# code execution
  • Compilation and parsing happens on the server before the browser loads

Blazor

  • Uses ASP.NET MVC approach for building applications
  • Uses Razor syntax to generate HTML
  • Combines C# code with HTML in cshtml or razor files
  • Name comes from a combination of Browser and Razor

Blazor Hosting Models

  • Can run client-side in the browser on a WebAssembly-based .NET runtime (Blazor WebAssembly) or server-side in ASP.NET Core (Blazor Server)
  • App and component models are the same regardless of the hosting model

Blazor Server

  • Implementation of the Blazor user-interface framework as part of ASP.NET Core
  • Deploys to a web server, generating HTML on request
  • Uses SignalR for communication between client and server

Studying That Suits You

Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

Quiz Team

Description

Learn about Blazor WebAssembly, an implementation of the Blazor user-interface framework that runs on the WebAssembly runtime in modern browsers. Understand how it functions similarly to the server version but operates within the browser, creating a render tree for UI components.

Use Quizgecko on...
Browser
Browser