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.Continue reading
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.Continue reading
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.Continue reading
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.Continue reading
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.Continue reading
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.Continue reading
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
One of the strongest
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.
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.