Categories
Angular Articles

Sliding dialog with Angular 8

Angular material comes with rich set of components. Slider, toggle, dialog, card etc. are set of components required for common usage in web development. While each of these components are feature rich, it is also possible to extend their features. In this article, we are going to extend Portal component to create our very own sliding dialog.

Categories
Angular Articles

Build Angular custom validation function

Angular comes with pre-built set of validation functions which are suitable for most of the common scenarios. Whether its checking mandatory value, email address, max length etc. there are suitable functions available. But, as soon as the validation requirement becomes bit complex, the built-in functions fall short of expectation. Luckily, Angular does provide a capability to define custom validation functions and hook them easily in the components.

Categories
Angular Articles Javascript

RxJS Operator – From

RxJS is filled with rich set of functions – known as operators. But its easy to get lost if you are not familiar with Functional programming. With this in mind, I started creating a series of videos on RxJS. To begin with, we start with From operator.

Categories
Angular Articles

Angular interview questions – Episode I

Angular has gained a lot of popularity over the last few years. The trend in Angular Jobs is on rise, with more and more companies having vacancies for Angular UI Developer. With this article, we are starting a series of Angular Interview Questions.

Categories
Angular Articles

Angular change theme at runtime

Not everyone likes to see vibrant colors. In fact, changing color preferences has been present in Operating systems for a long time. Some users may prefer to have dark color combination, while others may go with light theme. Web applications are not that different too. With the rise in Web application in day-to-day agenda, the application developers must give a thought to customize application theme.

Categories
Angular Articles

OS Environment variables with Angular 7 and Custom Webpack

For a long time, server-side development enjoyed a rich set of Toolkits for development, build and deployment. One of the most convenient features is the ability to externalize configuration from the actual source code. API URL, secrets, threshold limits etc can be configured outside the actual code and exposed via Operating system’s environment variables. This promotes a good practice of immutable build packages. These builds can be promoted without a need to make modification in the actual code to adapt to a changing environment.

Categories
Angular Articles

Develop Counter component with Angular 7 and RxJS

The strong benefit of using Angular framework is the emphasis on component driven development and thereby promoting reusability. On the other hand with the help of RxJS the complex tasks can be easily achieved. The fact that RxJS heavily uses chained API approach helps to mix and match it’s APIs to achieve complex functionality.

Categories
Angular Articles

Material Theme with Angular 7 – Change primary and accent color

One of the strongest feature of Angular Framework lies in the structured approach for application development. Directives, components, modules, services, styles etc promote reusable component development. On top of that, with the Theme driven development, it is possible to customize the application appearance – Material Design. This indicates a strong architecture concept of segregating application behavior from the appearance.

Categories
Angular Articles

Setting up Material Design with Angular 6

Material Design started in 2014 and it was introduced by Google to provide a consistent look and feel across browsers. It combines animation effects with soothing colors, shadows, aptly measured margins/padding etc to improve the User experience. Back in the era of Flash/Flex, components designed using Flex has a visual appearance which felt natural. Without any need of adding styles, the plain Flex User Interface felt good. HTML components were lacking such natural appearance. Maintaining consistency across the browser was always a pain. With Material Design the UI aesthetics and interaction has improved dramatically.

Though Angular CLI enables you to quickly get started with creating a new project, it doesn’t come bundled with the Material design. Additional steps are required to integrate the Material Design and apply the styling to the components. In this article, we will learn the steps to integrate Material Design in Angular 6. We will extend this article and build following UI to understand some of the Material Design Components.

Categories
Angular Articles AWS

Serverless website using Angular, AWS S3, Lambda, DynamoDB and API Gateway Part II

In the previous article, we created backend system using AWS Lambda, DynamoDB and API Gateway. Unlike the traditional way of hosting code on an application server, we leveraged AWS serverless technologies to host and deploy APIs. In this article, we will develop frontend code, deploy it using S3 static website hosting and finally access the APIs.