Angular How-to: Share Server-side Validation

Laurie Atkinson, Senior Consultant, avoid duplication of field-level validation by dynamically applying server-side validation rules on Angular controls. Validation attributes are simple to apply to an Angular control within an HTML template, but that validation logic must be duplicated on the server. Instead, you can build an Angular validation service that parses server-generated rules and…


Angular How-to: Simplify Components with TypeScript Inheritance

Laurie Atkinson, Senior Consultant, By moving shared functionality to a base component and assigning dependencies inside the body of the constructor, you can simplify child components. If your Angular components contain identical or similar functionality and you find yourself copying and pasting that code, it makes sense to implement some class inheritance, which is available…


Integrating Angular Unit Tests With Visual Studio Team Services (VSTS) Using Headless Chrome and Puppeteer

In the following post, Premier Developer Consultant Wael Kdouh expands on a previous post and demonstrates how you can run unit tests using headless Chrome and utilize Puppeteer to install Chrome on your CI server. In a previous post, I showed you how to Integrate Angular Unit Tests with Visual Studio Team Services (VSTS). Whereas…


Part 2 – Deploying Your Dockerized Angular Application to Azure Using VSTS

In part 2 of a series of posts, Premier Developer Consultant Wael Kdouh demonstrates how to eliminate daunting requirements and instead install Angular build tools and utilize Docker to more easily and efficiently deploy an application to Azure using VSTS. From Wael: In part 1 I demonstrated building a VSTS build pipeline which built an…


Role of Web Based Technologies In Maximizing Code Sharing In Your Applications

In this post, Premier Developer Consultant Wael Kdouh shares ideas of the alternatives to reduce web complexity and increase code sharing. He does a side-by-side comparison of Cordova/Iconic, NativeScript, and React Native to help you explore some of your options to reduce complexity. I was recently approached by a colleague of mine with the following…


Hosting an Angular Progressive Web Application (PWA) with Azure

Progressive Web Applications might just be the future of web development. In this post, Wael Kdouh shows how to deploy an Angular PWA to Azure, including some potential pitfalls to watch out for. In his blog post, Wael introduces the popularity of Progressive Web Applications and how to deploy them to Azure. He writes “In…


Angular How-to: Implement Role-based security

Laurie 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. Users should only…


Angular How-to: Editable Config Files

In this post, Premier Developer consultant Laurie Atkinson walks through how to allow editing of your Angular configuration files after your app has been built, bundled, and deployed. The 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…

15

Getting Started with Node.js, Angular, and Visual Studio Code

This step-by-step guide on getting started with Node.js and Angular comes to us from Premier Developer consultant Crystal Tenn. Here is a simple step by step guide to getting your Angular application setup with Visual Studio Code and Node. This guide will simply help you know what to install, the commands to run in PowerShell,…

0

Deploying Your Angular Application To Azure Using Visual Studio Team Services (VSTS)

This tutorial on using VSTS to deploy your Angular application to Azure comes to us from Premier Developer consultant Wael Kdouh. Introduction It is no secret by now that the Angular CLI is the preferred method to develop an Angular application due to its simplicity and power at the same time. One of the main…

0