Building the business of tomorrow with developers today
July 22, 2019Jul 22, 201907/22/19Find 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.
April 24, 2019Apr 24, 201904/24/19The 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.
April 17, 2019Apr 17, 201904/17/19A 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.
November 12, 2018Nov 12, 201811/12/18In 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.
October 24, 2018Oct 24, 201810/24/18This 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.
March 7, 2018Mar 7, 201803/7/18Laurie Atkinson, Premier Developer Consultant, shows us how to customize the behavior of an Angular app based on the user’s permissions. This includes page navigation, hiding and disabling of UI elements, and generation of menus.
Applications often include requirements to customize their appearance and behavior based on the user’s role or permission.
March 1, 2018Mar 1, 201803/1/18The Angular-CLI is the recommended way to build a production-ready app, complete with bundling, uglifying, and tree-shaking. An Angular-CLI generated application even comes with a mechanism for creating environment-specific versions. However, those configuration files are in TypeScript and do not allow editing by IT staff or automated deployment tools such as VSTS. This post provides the steps and code samples for using a JSON configuration file, which can be customized for multiple environments.
June 14, 2017Jun 14, 201706/14/17Laurie Atkinson, Premier Developer Senior Consultant, A few tweaks are necessary to take an Angular app and move it to IIS. Here is a list of changes required to get everything running smoothly.
Using the Angular-CLI to generate an Angular SPA is an excellent way to scaffold out a well-organized application.
May 11, 2017May 11, 201705/11/17Laurie Atkinson, Senior Premier Developer Consultant, outlines the steps and pieces you need to add logging and telemetry to an Angular SPA using Application Insights
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.
April 27, 2017Apr 27, 201704/27/17This post from Senior Premier Developer Consultant Laurie Atkinson gives you a step-by-step guide to getting started with Angular development.
Follow these steps to get up and running with an Angular application including source control, editor tooling, and essential commands.
Step 1 – Use Visual Studio Team Services (VSTS) for Source Control
(NOTE: If this is not available to you,
