Posts

Showing posts from January, 2020

Using Angular Material in an angular app with some best practices

Image
Angular Material is a UI component library for angular. Ok let's see how do you use this within an angular application using some of the best practices. Prerequisites 1. Code editor (Ex: VS Code) installed 2. Node.js installed 3. Angular cli installed ( https://cli.angular.io/ ) I think you already know how to create a new angular application with Angular cli. If you can't remember lets create a new angular app. 1. Create an angular app Open the terminal and user command: ng new [name of your app] 2. Install angular material Navigate inside your app with command prompt and run command: ng add @angular/material When it prompts to install: 1. HammerJs for Gesture recognition: Select Yes 2. Setup browser animations: Select Yes 3. Create a module to hold angular material components By creating a dedicate module for this will help to import all the required angular material components that we are going to use in the app within this module. Then we can im...

Deploy Angular 8 app to Azure with Azure DevOps

Image
1. Create a Azure Web App. Use the following Configurations:      Runtime Stack: ASP.NET V4.7      Operating System: Windows You can select your own subscription plan, resource group and region.  2. Create a Git repository to hold the Angular app 2.1. Initialize your angular application 2.2. Commit and Push the code.  3. Create a Pipeline in Azure DevOps.  3.1. Login to the Azure DevOps. ( https://dev.azure.com/ ) 3.2. Create a project:          I'll select Private as visibility and Git as Version control.  NOTE: Azure DevOps provides different features.               For this task we are going to focus on Pipelines.  4. Pipeline Part 1: Integrate Git  From the Connect section select: Use the classic editor. 4.1. Select a Source as GitHub and authenticate with your GitHub account using OAuth.  ...