Angular

How to Build Adaptive Layout Design using Angular Flex Layout

How to Build Adaptive Layout Design using Angular Flex Layout

April 21, 2018
Angular Flex Layout is a powerful layout tool available for Angular. It provides an API than can be easily used in both component templates and class allowing you to adaptively react to the device screen size. If you are new to Angular Flex Layout and Adaptive Layout design, …

How to Implement Sign-in with Google in Angular and a REST API

How to Implement Sign-in with Google in Angular and a REST API

March 4, 2018
A few weeks ago, I demonstrated how to implement Sign in with Facebook with a REST API. Today, I will show you how to Sign-in with Google in Angular 5 with a REST API involved. We will use PHP at the backend, but this will work with any backend language you are totally …

Implementing Login with Facebook with Angular and REST API

Implementing Login with Facebook with Angular and REST API

February 6, 2018
Today, I am going to show you how to create an Angular App with a REST API that uses Facebook Login to sign in/up users. For this application, we are going to be using PHP in our backend, but this can work with any Framework or Language for the backend. First Thing First The …

Search Engine Optimization with Angular

Search Engine Optimization with Angular

January 30, 2018
Today, I will show you how to optimize your Angular 5 and above for search engine and other crawlers. It is important to note that, pages behind a sign in page don’t need to be optimized and you should only concentrate on publicly accessible pages. We are going to take a few …

Adaptive Layout Design - Angular Flex Layout

Adaptive Layout Design - Angular Flex Layout

January 7, 2018
Introduction You probably have heard about Responsive Layout design but let me remind you anyway. Responsive layout is where components and elements of a web page change size and position based on different breaking points – Web apps that adapt to any screen size. Unlike …

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 …