TWIL: May 22, 2022

This week I recommend a set of articles about Web Components, the new landing zone accelerator for Azure API Management and Azure Static Web Apps CLI. I also highlight the Azure Tips & Tricks website, a huge collection of blog posts and videos with Azure tips. Happy learning!


Podcasts

Hanselminutes

Episode 838: Cross-platform UIs with C# and Avalonia with Dan Walmsley
Considered an open-source cross platform spiritual successor to WPF, Avalonia provides a familiar developer experience allowing you to leverage years of pre-existing knowledge and investments! Scott talks to Dan Walmsley about the project and their goals.

Episode 839: You’re not gonna need it with Appsmith’s Arpit Mohan
Appsmith is the first open-source low code tool that helps developers build dashboards and admin panels very quickly. Scott talks to Arpit Mohan about how some things in software engineering are overengineering and YAGNI – you aren’t gonna need it! Maybe the solution is far simpler than you’d think it is.

Episode 840: A Software Tester’s Career Path with Nicola Lindgren
Interesting podcast about software testing and how there are misconceptions about the software testing career.

The Azure Podcast

Episode 424: Landing Zone Accelerator for API Management
Our very own Cynthia Kreng, who is a PM in the Worldwide Customer Success Unit focused on Developer acceleration, talks to us about one their first offerings in API Management.

.NET Rocks

Episode 1794: Using Web Components with Jemima Abu
What can web components do for you? Carl and Richard talk to Jemima Abu about her work with web components. Jemima talks about the projects she is currently working on, and how UI web components make it easier to build good-looking front ends quickly. The discussion digs into how web components stay agnostic of different web frameworks – although often there are solutions within the framework for many component problems. If you’re a fan of vanilla JavaScript, web components can be a big boost to development, but its up to you to do the right things with them!


Web Components

Web Components
Web Components is a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.

webcomponents.org
WebComponents.org aims to make it easy to share, discover, and reuse web components. Web components is a standard created to empower developers to create new HTML tags such that <my-new-button> would be valid and able to be utilized across all browsers. It creates a framework agnostic way of composing and repurposing code.

Using shadow DOM
An important aspect of web components is encapsulation — being able to keep the markup structure, style, and behavior hidden and separate from other code on the page so that different parts do not clash, and the code can be kept nice and clean. The Shadow DOM API is a key part of this, providing a way to attach a hidden separated DOM to an element. This article covers the basics of using the Shadow DOM.v

Storybook.JS
Storybook is an open source tool for building UI components and pages in isolation. It streamlines UI development, testing, and documentation.


Security

Building API-first solutions that aid modern Zero Trust infrastructure
When we understand that the average security operations center uses dozens of tools sourced from a wide selection of vendors, the need for automation and interoperability becomes crystal clear. As a security provider focused on helping organizations adopt Zero Trust principles—namely, explicit verification, use of least privileged access, and assumption of breach—SentinelOne works with Microsoft and other security experts to address these needs.


Azure API Management

Azure API Management landing zone accelerator
The Azure API Management landing zone accelerator provides an architectural approach and reference implementation to prepare landing zone subscriptions for a scalable API Management infrastructure. The implementation adheres to the architecture and best practices of the Cloud Adoption Framework’s Azure landing zones with a focus on the design principles of enterprise-scale.

Enterprise-Scale-APIM
This is a repository (aka.ms/EnterpriseScale-APIM) that contains both enterprise architecture (proven recommendations and considerations) and reference implementation (deployable artifacts for a common implementations).


Azure Health Data Services

Accelerating innovation in the diabetic foot market with Azure Health Data Services
To help better manage data in the cloud and enable healthcare organizations to access patient data in a timely and secure manner, Microsoft released Azure Health Data Services, a PaaS offering that is built on the global open standards Fast Healthcare Interoperability Resources (FHIR ®) and Digital Imaging Communications in Medicine (DICOM).


Azure Static Web Apps

Azure Static Web Apps CLI
The Static Web Apps CLI, also known as SWA CLI, serves as a local development tool for Azure Static Web Apps.

Static Web Apps CLI
The Static Web Apps (SWA) CLI is an open-source commandline tool that streamlines local development and deployment for Azure Static Web Apps. Azure Static Web Apps is a turnkey service for modern full-stack applications with pre-built or pre-rendered front-ends, and serverless backends. It became generally available in May 2021.


Other Azure Stuff

Azure Tips and Tricks
Welcome to Azure Tips and Tricks, this site is a special collection hundreds of tips in form of blog posts and videos that span the entire universe of the Azure platform. The tips you’ll find here are based on real-world scenarios that we’ve encountered (along with the community) while using Azure. Feel free to jump in and come back weekly for new tips!

Azure Hub and Spoke Base Lab
This deployable lab provides a simple way to experiment with Azure workloads in an enterprise-like hub and spoke environment. Three resource groups are deployed with one for transit resources, one for shared services, and one for a workload.


Have an awesome week!

Photo by Vardan Papikyan on Unsplash