Latest Posts

Angular Material Icons Components with Angular 5

Angular Material Icons Components with Angular 5

December 13, 2017
Icons are a necessity when building modern-day web apps and sometimes they can be frustrating. While icon sets like Font Awesome and Material Icons have made it easier, there is always an icon you need that is always missing. A good example is lack of social media icons in …

Responsive Navbar with Angular Flex Layout

Responsive Navbar with Angular Flex Layout

December 7, 2017
Today, we are going to create a responsive Navbar using Toolbar and Sidenav Components from Angular Material together with Angular Flex Layout. We will be trying to replicate the behavior of Navbar in where it collapses on small screen and is fully displayed in Large screen. …

5 Visual Studio Code Extensions for Angular

5 Visual Studio Code Extensions for Angular

November 24, 2017
Visual Studio Code or VSCode is one of the best text editors out there. It is feature rich out of the box and has a lot of extensions which are easy to install. If you are an Angular developer using Visual Studio Code, you might want to consider the following extensions: …

What I learned when I switched to Angular Material from Bootstrap

What I learned when I switched to Angular Material from Bootstrap

November 21, 2017
A couple months ago, I was having a debate on whether I should switch from Bootstrap to Angular Material. I have used Bootstrap for a very long time and was totally comfortable using it on all my projects. If you are not aware, Angular material is a set of components …

Components Comparison Between Angular Material and Bootstrap Framework

Components Comparison Between Angular Material and Bootstrap Framework

November 17, 2017
Today, we are going to compare the components in Angular Material and Bootstrap Framework. This comparison is meant to help you decide on whether to go with bootstrap or angular material for your application. Bootstrap provides a nice looking, simple, clean user interface while …

NgRev – Analyze and Profile your Angular App

NgRev – Analyze and Profile your Angular App

November 13, 2017
NgRev is a graphical tool designed to reverse engineer your Angular application. It is not a browser extension like Augury, but a standalone software available for MacOS, Windows and Linux. It does a static code analysis of your application and doesn’t require your application …

PHP: Frameworks vs Microframeworks

PHP: Frameworks vs Microframeworks

November 12, 2017
Introduction A PHP Framework in simple terms is a platform used by developers to create web applications – obviously made by PHP. They help developers concentrate on their applications – the bigger picture – instead of some small details like creating a database connection. …

Augury – A Tool to Debug and Profile your Angular App

Augury – A Tool to Debug and Profile your Angular App

November 10, 2017
Augury is an open source tool available to Google Chrome that was developed by Google in conjunction with Rangle.IO for debugging and profiling your Angular application. Augury will provide detailed insights of your application structure and how different app building blocks …

Angular 5 – Handling Token Based Authentication

Angular 5 – Handling Token Based Authentication

November 9, 2017
Token based authentication is popular for single page applications. A token is a security code issued by a server for authenticating and identifying users. When a user login to the system or application, the servers issues a token that expires after a specified period. The use …

How to build a HTTP Interceptor in Angular 5

How to build a HTTP Interceptor in Angular 5

November 8, 2017
Introduction A HTTP Interceptor enables you to catch HTTP requests and responses so that you can modify them. It is very useful especially when you want to add extra headers to all outgoing requests or catch error responses from the server. One use case scenario for an …

Image Sliders and Carousels for Angular 4

Image Sliders and Carousels for Angular 4

November 5, 2017
Web developers require from time to time to create different types of images sliders and carousel in their apps. Most developers coming from jQuery and other plugin tend to want to use the tools they are already familiar with – like that amazing jQuery plugin you used before. …