Blazor Tutorial: Replace JavaScript with client-side C#

Blazor Tutorial: Replace JavaScript with client-side C#

Blazor is a huge new piece of technology at Microsoft - think of Blazor as C# on the client-side. Instead of powering our web applications with JavaScript on the front-end, using Blazor we can run C# code to do the same thing. In this Blazor tutorial, we will see what Blazor is, how to build a project with it, and how to use it to connect to an API to receive and post data.

Blazor is a free and open-source web framework that enables developers to create web apps using C# and HTML. It is being developed by Microsoft

Blazor is a huge new piece of technology at Microsoft. It is so amazing that while it is not yet out of preview mode yet, I wanted to show off some of the power of what it can do. Now if you are not familiar with Blazor, think of it as C# on the client-side. Instead of powering our web applications with JavaScript on the front-end, using Blazor we can run C# code to do the same thing. In this video, we will see what Blazor is, how to build a project with it, and how to use it to connect to an API to receive and post data.

Hello C# Blazor, Goodbye Client Side JavaScript

Hello C# Blazor, Goodbye Client Side JavaScript

For .NET developers, writing client side C# has always been a pipe dream. With the introduction of Blazor this all changes. Blazor is a .NET web framework that runs in any browser. Blazor uses the latest in web standards, WebAssembly. This means no plugins, transpilation, or JavaScript are needed. In this session we’ll explore what Blazor means for web development and learn about how this experiment at Microsoft is shaping up. Blazor runs in the browser on a real .NET run-time (Mono) implemented in WebAssembly that executes normal .NET assemblies.

For .NET developers, writing client side C# has always been a pipe dream. With the introduction of Blazor this all changes. Blazor is a .NET web framework that runs in any browser. Blazor uses the latest in web standards, WebAssembly. This means no plugins, transpilation, or JavaScript are needed. In this session we’ll explore what Blazor means for web development and learn about how this experiment at Microsoft is shaping up. Blazor runs in the browser on a real .NET run-time (Mono) implemented in WebAssembly that executes normal .NET assemblies.

Goodbye Client Side JavaScript, Hello C# Blazor

Goodbye Client Side JavaScript, Hello C# Blazor

Goodbye Client Side JavaScript, Hello C# Blazor. For .NET developers, writing client side C# has always been a pipe dream. With the introduction of Blazor this all changes. Blazor is a .NET web framework that runs in any browser. Blazor uses the latest in web standards, WebAssembly. This means no plugins, transpilation, or JavaScript are needed.

For .NET developers, writing client side C# has always been a pipe dream. With the introduction of Blazor this all changes. Blazor is a .NET web framework that runs in any browser. Blazor uses the latest in web standards, WebAssembly. This means no plugins, transpilation, or JavaScript are needed.

In this session we’ll explore what Blazor means for web development and learn about how this experiment at Microsoft is shaping up. Blazor runs in the browser on a real .NET run-time (Mono) implemented in WebAssembly that executes normal .NET assemblies.

Blazor Tutorial: JavaScript Interop | Calling JavaScript from C# - EP06

Blazor Tutorial: JavaScript Interop | Calling JavaScript from C# - EP06

Blazor Tutorial: JavaScript Interop | Calling JavaScript from C# - In this Blazor video, I am exploring how you can call JavaScript functions from C# in our blazor apps. Blazor is a free and open-source web framework that enables developers to create web apps using C# and HTML.

In this Blazor video, I am exploring how you can call JavaScript functions from C# in our blazor apps.

GitHub Repo - https://github.com/CuriousDrive/BlazorApp

Content -

  1. How to inject IJSRuntime in blazor component
  2. Call JS alert() function
  3. Pass parameter to your JavaScript function
  4. document.getElementById
  5. ElementReference
  6. Call API from JS example

Happy Coding!!