Angular - Page 6

Angular 6 – Introduction to Progressive Web Apps

Angular 6 – Introduction to Progressive Web Apps

Posted Jul 14, 2018 | | By Maina Wycliffe | Angular
Earlier this week, I wrote a post about optimizing your angular application using lazy loading. In this post, I will focus on Progressive Web Apps to further improve the performance and user experience. Introduction The main goal of Progressive …
Read More

Optimizing your Angular App using Lazy Loading

Optimizing your Angular App using Lazy Loading

Posted Jul 8, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

Using custom date formats for Angular Material Date Picker

Using custom date formats for Angular Material Date Picker

Posted Jul 3, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

Angular 6 - Angular CLI Workspaces

Angular 6 - Angular CLI Workspaces

Posted Jun 2, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

Automate Deployment of Angular Apps using AWS CodeBuild

Automate Deployment of Angular Apps using AWS CodeBuild

Posted May 10, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

How to Build Adaptive Layout Design using Angular Flex Layout

How to Build Adaptive Layout Design using Angular Flex Layout

Posted Apr 21, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

Implementing Login with Facebook with Angular and REST API

Implementing Login with Facebook with Angular and REST API

Posted Feb 6, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

Search Engine Optimization with Angular

Search Engine Optimization with Angular

Posted Jan 30, 2018 | | By Maina Wycliffe | Angular
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. …
Read More

Adaptive Layout Design - Angular Flex Layout

Adaptive Layout Design - Angular Flex Layout

Posted Jan 7, 2018 | | By Maina Wycliffe | Angular
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 …
Read More

Angular Material Icons Components with Angular 5

Angular Material Icons Components with Angular 5

Posted Dec 13, 2017 | | By Maina Wycliffe | Angular
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 …
Read More

Responsive Navbar with Angular Flex Layout

Responsive Navbar with Angular Flex Layout

Posted Dec 7, 2017 | | By Maina Wycliffe | Angular
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 …
Read More