Angular Archives | Premier Developer

Como fazer: Arquivos de Configuração Editáveis

Premier DeveloperApril 17, 2020Apr 17, 202004/17/20

Esse Post vai explicar em alguns passos e exemplos como usar um arquivos JSON de configuração que pode ser customizado para múltiplos ambientes.

Introdução ao Node.js

Premier DeveloperApril 16, 2020Apr 16, 202004/16/20

Segue um simples passo-a-passo para guiá-lo e ensinar como configurar sua aplicação Angular com Visual Studio Code e Node. Esse guia irá ajudá-lo a identificar o que instalar, quais comandos executar em PowerShell e alguns conceitos básicos de por onde começar a construir seu app usando Visual Studio Code.

Angular How-to: Add Application Insights to an Angular SPA

Premier DeveloperMarch 29, 2020Mar 29, 202003/29/20

Application Insights is an Azure service for monitoring web applications. It includes analytics tools to help you understand application usage and to diagnose issues with the goal of continuously improving performance and usability.

Angular How-to: Page load times using Application Insights

Premier DeveloperJuly 22, 2019Jul 22, 201907/22/19

Find out how to integrate Application Insights into your Angular SPA and track custom metrics such as Page Views and Load Time. You will also learn how instrument Angular apps with Application Insights with some best practice guidance.

How To Update Visual Studio 2019 Asp.Net Core Angular Project

Premier DeveloperApril 24, 2019Apr 24, 201904/24/19

The updated Angular project template in Visual Studio 2019 (and 2017 before that) provides a convenient starting point for ASP.NET Core apps using Angular and the Angular CLI to implement a rich, client-side user interface (UI). The template is equivalent to creating an ASP.NET Core project to act as an API backend and an Angular CLI project to act as a UI.

Angular How-to: Hide Logic from Users by Moving it out of the Browser and into Azure Functions

Premier DeveloperApril 17, 2019Apr 17, 201904/17/19

A common question from developers building Single Page Applications is how to hide proprietary calculations or other logic from end users. The answer is always to move that logic out of the JavaScript running in the browser and onto a server, which leads to building and hosting an API service. However, in the new world of serverless computing, there is a simpler option. Azure Functions is a compute service that enables you to run code on-demand without the hassle of building an entire application or managing any infrastructure.

Angular How-to: Microsoft ADAL for Angular 6+ with Configurable Settings

Premier DeveloperMarch 8, 2019Mar 8, 201903/8/19

Laurie Atkinson, Senior Consultant explains how to use the microsoft-adal-angular6 wrapper library to authenticate with Azure Active Directory in your Angular 6+ apps.

Interacting With Push Notifications Under Angular 7 Applications

Premier DeveloperDecember 20, 2018Dec 20, 201812/20/18

Until recently Angular supported SwPush class which allowed PWA capable applications to subscribe and listen to push notifications from the Service Worker. Here is an example where I am subscribing to clicking on the notification card which will redirect the user to my blog. Also notice that you also have access to the action that triggered the click. So you can wire your code to react differently to different actions.

Angular How-to: Implement Feature Flags

Premier DeveloperNovember 12, 2018Nov 12, 201811/12/18

In an agile development environment, there may be partially completed features or features with external dependencies that are not ready. Instead of relying on multiple code branches, instead you may opt for deploying code with a feature turned off. Later, that feature should be turned on via a configuration or database change. This post provides sample code that you can use to implement feature flags in your Angular app.

Using ADAL.js with Angular4+

Premier DeveloperOctober 24, 2018Oct 24, 201810/24/18

This is an update post to a previous article published in April 2017 explaining how to wrap ADAL.js with Angular2+. The previous article is no longer relevant given the changes to the Angular framework. This new post explains a reimplementation which uses the PathLocationStrategy and Angular features such as HttpInterceptor and InjectionToken.

Premier Developer