HTML5 & Javascript How-To and Tutorials -- Visual Studio Magazine

HTML5 & Javascript Tutorials

An Ad Hoc Approach to Passing Elements from Blazor to JavaScript

By Peter Vogel

Here's a tool to help you integrate Blazor and JavaScript by passing HTML elements defined in Blazor to JavaScript functions. 12/06/2018
Architecting Blazor (and Integrating JavaScript)

By Peter Vogel

Sometimes the easiest solution isn't the best one. Here's an architectural approach to building Blazor pages that also makes it easy to combine the worlds of JavaScript and Blazor. 12/04/2018
Adding Blazor to Existing HTML+JavaScript Pages

By Peter Vogel

Not only can you integrate JavaScript with Blazor, that integration provides a strategy for moving your existing pages to Blazor without having to rewrite your existing JavaScript code. 11/02/2018
Leveraging and Testing Script Bundles with Content Delivery Networks

By Peter Vogel

You can mix script files from CDNs with your own local files, but it can be difficult to test the result to see if your code works. Here's how to both bundle JavaScript from a CDN and check to see if it's being done right. 10/25/2018
Integrating JavaScript and C# in the Browser: Beyond the Basics with Blazor

By Peter Vogel

If you want to call Blazor .NET code from JavaScript (or vice versa) with instantiated objects, or while passing multiple parameters, or while catching the results produced by that code, here's how to do it. 10/01/2018
How to Consume Web APIs in Blazor

By Chris Sainty

Chris Sainty provides hands-on code samples on how to use Web APIs to interact with Blazor, an experimental framework from the ASP.NET team that allows developers to write C# and Razor code and have it run in the browser via WebAssembly. 09/13/2018
Integrating Blazor and JavaScript Code

By Peter Vogel

Downloading compiled C# code to the browser using Blazor is all very good -- but it would be so much better if you can integrate your Blazor code with JavaScript. Here’s how to do that. 08/27/2018
Build Your First TypeScript Application (2018)

By Peter Vogel

Here's what a real-world "Hello, World" TypeScript application looks like (beginning with a discussion of whether you need TypeScript at all). 05/14/2018
Creating New Classes from Old with Mixins

By Peter Vogel

If you like the idea of creating a new class from whatever other classes you have lying around, you have two ways of doing in TypeScript ... and both are type safe (within limits). 05/01/2018
Setting Up Your TypeScript Application – 2018 Version

By Peter Vogel

If you're wondering how to start integrating TypeScript into your development practices, here's both when to do it and how to do it. 04/10/2018
Tools for Debugging Web Workers

By Peter Vogel

Web workers in TypeScript give you concurrent processing but they can be awkward to debug. However, if you set up your web worker code as just another function, you can simplify debugging (or even build your web worker dynamically at run time). 02/14/2018
Simple Concurrent Client-Side Processing in ASP.NET MVC with Web Workers and TypeScript

By Peter Vogel

Here's how to use web workers in ASP.NET MVC with TypeScript to enable concurrent processing in your client-side code. And, as a bonus, the correct way to think about web workers. 02/05/2018
Simple Asynchronous Processing for Web Service Calls

By Peter Vogel

You don't need to write ugly code to synchronize your AJAX calls. Instead, you can leverage await/async and the JQueryXHR object to simplify the code around your AJAX calls while still getting the benefits of concurrent processing. 01/03/2018
Integrating Angular 2 Directives

By Peter Vogel

It’s easy to integrate your own attribute directives into Angular 2 templates to pass data from your component to your directive, have it respond to events on your page or even have your directive fire events to be processed by the component using it. 11/02/2017
Build Your DOM Additions with Angular and TypeScript

By Peter Vogel

Here’s how, in Angular, you can use directives to dynamically modify HTML in Views without polluting your business logic. 10/05/2017