Wael Kdouh Archives | Premier Developer

How To Detect Unsupported Browsers Under a Blazor WebAssembly Application?

Premier DeveloperJune 12, 2020Jun 12, 202006/12/20

I recently ran into an issue where running a Blazor WebAssembly application under unsupported browsers would simply get stuck on the loading page. Whereas older browsers are supported under the “Server Side” model, it would be a much better experience to present the user with a more meaningful indicator that the browser is not supported.

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.

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.

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

Premier DeveloperMay 28, 2018May 28, 201805/28/18

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 it wo

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

Premier DeveloperMay 9, 2018May 9, 201805/9/18

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

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

Premier DeveloperApril 19, 2018Apr 19, 201804/19/18

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 wit

Hosting an Angular Progressive Web Application (PWA) with Azure

Premier DeveloperApril 2, 2018Apr 2, 201804/2/18

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 this post

Deploying Your Dockerized Angular Application To Azure Using VSTS (Part II)

Premier DeveloperMarch 17, 2018Mar 17, 201803/17/18

Premier Developer Consultant Wael Kdouh demonstrates how to maintain consistency across development and production environments by utilizing Docker containers. He will show you how this is possible while concurrently automating the process with VSTS. In my previous post, I showed you how to deploy your Angular application to Azure using

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

Pam LahoudOctober 31, 2017Oct 31, 201710/31/17

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 advantages of using Angula

Should I Use Visual Studio 2017 or VS Code For My Next Angular Application?

Pam LahoudOctober 19, 2017Oct 19, 201710/19/17

This post on using Visual Studio to develop Angular applications comes to us from Premier Developer consultant Wael Kdouh. I engage with a lot of our customers that work on Angular applications and I frequently get asked the following question: Should we use Visual Studio 2017 or VS Code for our next application? The short answer is doe

Premier Developer