You may be familiar with ECMAScript Language Specification, such as ES2021, which is defined by Ecma International to standardize JavaScript, and specifies language syntax and semantics of the core…

Say goodbye to print statements! From breakpoints and async tools to time travel, join Leslie Richardson from the Visual Studio team to learn more tips and tricks about how to expedite, customize,…

Razor is a server-side, page-centric programming model for building webpages with ASP.NET Core. Razor has continued to mature over time, and has expanded to include numerous…

Svelte is a front-end JavaScript framework designed to feel like writing standard JavaScript, HTML and CSS. This allows you to quickly start creating components without the necessary boilerplate code…

Becoming a developer can feel rather daunting. There are a lot of unknowns and you probably have numerous questions about how to get started. Fortunately, it doesn't have to be as intimidating as it…

Adding AI to a web application need not involve complexity, managing large datasets, or learning advanced math. With Lobe.ai, you can create an image recognition model by using a friendly UI, and…

We tend to think about web apps as being completely separate from native iOS and Android apps. But often we end up writing very similar business logic and even visual content on each platform —…

For a lot of web developers, the idea of AI and machine learning is something you see in movies and not your websites. But that's no longer the case. You can make websites do things no developer has…

The Microsoft Graph Toolkit is a group of reusable, *framework-agnostic* components and authentication providers for working with Microsoft Graph. You can add components to existing applications, and…

This week we're joined by Maria Naggaga to show off minimal apps with minimal code! Express, Django, and Lumen provide their developers with the options to build great apps with less code. In this…

Progressive Web Apps (PWAs) allow users to "install" web applications much in the same way they install other apps. To create a PWA certain components are needed, such as a manifest and…

When using a native application, it can use local resources on the device, such as GPS, the camera and local file system. Because a Progressive Web App (PWA) is a web application, access to these…

Progressive Web Apps (PWA) have been increasingly popular in the last couple of years as developers look for ways to increase the reach of their applications. With a PWA, a user is able to install and…

The key advantage to GraphQL is the ability for clients to interact with data. This, of course, means we typically want a database backend for our GraphQL services. Jeremy Likness walks us through…

Creating a GraphQL server need not involve complex code. Jeremy Likness walks us through how to create a GraphQL server using a popular package called Hot Chocolate. He then shows how to start…

GraphQL has become one of the buzzwords which most developers have heard of, but don't always understand the technology. At its core, GraphQL allows a client to formulate a query, allowing for a more…

Got data? Got Blazor? The "glue" between the client and server is often the weakest link in building enterprise web apps. What if you could use your domain model as the source of truth,…

Serverless apps let you build and run your applications and services without having to worry about servers, scaling or infrastructure. You can create handlers to respond to events, and write your apps…

Go allows you to create performant code using a streamlined syntax. Combined with serverless, you can deploy applications which can scale to your needs, and provide on-demand compute to your…

In a relatively short period of time, Go (or Golang) has become one of the most popular programming languages in the world. Created by Google to help overcome some of the challenges with C++,…

Serverless is one of the most common buzzwords in development. But does it really mean there is no server? And what types of scenarios should I look at for serverless? Chris Noring has the answers! He…

Django is one of the most popular web frameworks. Built on Python, it's designed to streamline the process of creating data driven web applications. Anthony Shaw (@anthonypjshaw) joins us to talk…

Routing is a common web framework concept, where requests are "routed" to method or functions inside your application. Anthony Shaw (@anthonypjshaw) shows how to configure routing in Django,…

The real magic of Django comes with the data model and how it manages the structure for you. You can define how you want your data to look, and enforce validation without having to create additional…

Django is a "batteries included" framework, meaning the tooling you need is built in. Anthony Shaw (@anthonypjshaw) talks us through the process for installing Django and creating your first…

WebSockets has become relatively standard across all servers and clients. As a web developer it might be unclear about why you would choose to use an abstraction such as SignalR when you could call…

Django and Flask are two of the most popular web frameworks, and share an equal popularity level among Python developers. However, the frameworks differ in a few key ways. Anthony Shaw…

Typically when someone thinks about giving a presentation they think about being on camera or at a conference or other meeting. In reality, you wind up giving presentations on a regular basis - during…

SignalR is only as durable as the connection. In a mobile world, it's possible connections can be dropped at any moment, making it tricky to manage real-time communications. Brady Gaster…

If you are creating an ASP.NET Core application full support for SignalR is integrated. Brady Gaster (@bradygaster) walks us through the code required for a SignalR app in ASP.NET Core. Did you…

Many demos for SignalR focus on broadcasting messages to all clients. However, SignalR has full support to target specific users or groups you as the developer define for your application. Brady…

SignalR is the component of ASP.NET Core that enables real-time communications on the web. Brady Gaster (@bradygaster) joins us to walk us through how SignalR works, how it manages different forms of…

One of the primary tasks you'll want to perform when using the debugger is determining the value of different variables. Visual Studio has various windows which can reveal this information, and allow…

If you haven't used the debugger in Visual Studio before, or maybe it's been a while, you might wonder what it looks like and some of the core functionality. Leslie Richardson (@lyrichardson01), PM on…

Do you want to know how to debug your code faster? Tired of seeing printf() statements clutter your code? Join Leslie Richardson from the Visual Studio team to learn some cool tips and tricks about…

If you haven't used the debugger you might not be familiar with the concepts of breakpoints or how to step through code. Fortunately Leslie Richardson (@lyrichardson01), PM on the Visual Studio team,…

All developers know we shouldn't use print or console.log statements, but most of us do. Leslie Richardson (@lyrichardson01), PM on the Visual Studio team, joins us to tell us why it's time to…

React and TypeScript are a wonderful match. Using TypeScript's type system and checking, your editor is able to provide better insights about your code and help guide you along the way. Cloud Advocate…

TypeScript is a superset of JavaScript, and is designed to help make writing JavaScript easier. But what is it really? And how does it work? Cloud Advocate Aaron Powell (@slace) helps explain a little…

When people think about mixed reality, they often think about bulky headsets. Senior Cloud Advocate Ayşegül Yonet talks us through the various devices, including phones, where mixed reality can be…

A web which is only accessible to some is accessible to none. If we begin working with mixed reality on the web how can we ensure it's accessible to everyone? Senior Cloud Advocate Ayşegül Yonet…

The first step to actually writing code is to determine what tools are available to you. Senior Cloud Advocate Ayşegül Yonet talks through some of the tools you can use, including how you can leverage…

When starting to explore a new technology one of the first hurdles is the terminology. Senior Cloud Advocate Ayşegül Yonet breaks down what the various terms MR, VR and AR mean, and compares and…

With the server configured, the next question becomes how one setups a client. Fortunately, an SDK exists to allow you to quickly connect to a SignalR service to both receive and send messages.…

Chat applications are the classic demo for real-time communication on the web. Anthony Chu (@nthonychu), Senior PM for Azure Functions, demonstrates a sample application using Vue.js, SignalR and…

When people envision Azure Functions they typically think of an on-demand serverless application. With the SignalR Service, it's possible to allow Azure Functions to make Web Sockets and other…

SignalR allows for real-time web communication. Typically you need to create a server-based application to host your Web Sockets (or other implementations) with Node.js, ASP.NET or another type of…

Real-time communication allows for two-way communication between a client (typically a browser) and server over the web. There are a few different methods for implementing this, including Web Sockets.…

You frequently need to filter or otherwise change the view of the data for your users in client-side applications. Jamon Holmgren (@JamonHolmgren), maintainer of MobX-State-Tree (MST), demonstrates…

Updating state is required for any React application. Jamon Holmgren (@JamonHolmgren), maintainer of MobX-State-Tree (MST), demonstrates how to modify state through actions with MST. Did you know...…

Jamon Holmgren (@JamonHolmgren), maintainer of MobX-State-Tree (MST),walks us through the first steps in migrating a React application from using hooks to MST. Did you know... You can learn how to…

There are numerous libraries available for managing state in React. Jamon Holmgren (@JamonHolmgren), maintainer of MobX-State-Tree (MST), explains what MST is, and how you can use the library to…

State is a core component of any React application. It represents the data the user will interact with, and the current status of the application. Jamon Holmgren (@JamonHolmgren) offers his take on…

If you've decided to implement microservices you might be unsure how to divide up your application. Jon Galloway (@jongalloway) joins us to provide some advice on how to begin this process.Did you…

Microservices is one of the most common buzzwords, one used so frequently many people pretend to know what they are but aren't really sure. Jon Galloway (@jongalloway) joins us to answer the question…

React enforces immutability in state, meaning you cannot directly change stateful values. This can actually be freeing, and help eliminate an entire class of bugs. Aaron Powell (@slace) talks about…

Most developers know the importance of adding alt text for media. But what makes good alt text? What should we put into the attribute? Sarah Higley (@codingchaos) highlights some best practices for…

Many companies are launched on a small budget. When starting out, loss of capital can be devastating. How do you minimize risk while testing your product in the market? Serial entrepreneur Damola…

When you're building a product for the public you need to be able to identify who the product is for, and who will be served by each feature. One successful strategy for talking through feature…

When you're building a product for the public you need to be able to identify who the product is for, and who will be served by each feature. One successful strategy for talking through feature…

Oftentimes developers aren't familiar with the skills necessary to take a product to market. It can even be difficult to figure out what the first step is! Serial entrepreneur Damola Omotosho…

Components in React are building blocks you use to create your application. You can create them by using functions, which in the past were known as stateless components. Through the use of hooks you…

React is one of the most popular front end libraries for web and app development. Aaron Powell (@slace) explains what the library is, and how it differs from other frameworks. Did you know... You can…

One of the strengths of HTML and JavaScript is the ability to completely control the user interface. However, some of the techniques we implement can make our application inaccessible. Sarah Higley…

Ensuring your applications are accessible to all is critical. There is nothing inherent to the web which makes it inaccessible; we make it inaccessible. Sarah Higley (@codingchaos) joins us to talk…

Microsoft Graph API offers a host of APIs to access user's data on their behalf, allowing you to create custom applications which incorporates with the tools and services they're already using.…

Microsoft 365 is the primary location for the cloud-based data your users use and access on a daily basis. Through a set of APIs, you can create custom applications which allows your users to interact…

Tailwind CSS is self-described as a utility first CSS framework. Rather than focusing on the functionality of the item being styled, Tailwind is centered around how it should be displayed. This makes…