Latest Posts

Optimizing your Angular App using Lazy Loading

Optimizing your Angular App using Lazy Loading

July 8, 2018
Lazy loading is a technique where you defer loading of content until such a time it’s needed. In single page apps (SPA), usually the whole web app is loaded initially before rendering can even begin. This includes sections of the web app that a user doesn’t need immediately or …

#100DaysOfMLCode – Join the challenge and learn Machine Learning

#100DaysOfMLCode – Join the challenge and learn Machine Learning

July 6, 2018
Machine Learning is the new cool kid in the block. It has huge application from Space Exploration to Finances, Medicine and Science. It is also estimated that demand for Machine Learning experts is going to increase for the foreseeable future, with an estimated increase of …

Using custom date formats for Angular Material Date Picker

Using custom date formats for Angular Material Date Picker

July 3, 2018
Angular material has a very nice date picker but while its functionality can accommodate a lot of developers, sometimes it just falls short. For instance, I find it very inflexible when dealing with date formats. While I understand that it’s nice to have a common date format …

Angular 6 - Angular CLI Workspaces

Angular 6 - Angular CLI Workspaces

June 2, 2018
One of the least talked about features of Angular 6 is Angular CLI Workspaces. Workspaces or Angular CLI Workspaces give angular developers the ability to have more than one project in one workspace. This brings all your projects under the same workspace. This is not limited to …

Automate Deployment of Angular Apps using AWS CodeBuild

Automate Deployment of Angular Apps using AWS CodeBuild

May 10, 2018
Building and deploying Angular app is very time consuming, especially with large application. You also must keep track of which branch you are deploying to which environment and a little mix-up could be catastrophic. You can smoothen the building and deployment of your …

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 …

Deploying a PHP 7 App with MongoDB to AWS Elastic Beanstalk

Deploying a PHP 7 App with MongoDB to AWS Elastic Beanstalk

January 15, 2018
Introduction Over the weekend, I was working on a PHP REST API that is using Mongo DB as it’s database. I haven’t worked with MongoDB before, I have always used MySQL/MariaDB/PostgreSQL DB etc. for almost all my projects. The reason am bringing the MongoDB is because you need …

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 …

Visual Studio Code - Top 5 Extensions for PHP

Visual Studio Code - Top 5 Extensions for PHP

December 17, 2017
Visual Studio Code is one of the best free text editors out there. Right out of the box, Visual Studio Code offers basic PHP support but nothing more than that. To enjoy a fruitful PHP development, you need to install PHP extensions. Today, I am going to highlight 5 extensions …