Posts about Web

This tutorial will walk-through creating and adding a cookie-consent banner to make websites compliant with the new GDPR regulations in effect from 25 May 2018. You can read more about the GDPR regulation on the Information Commissioner Office’s website. This tutorial will focus on making WordPress websites which utilise Google Analytics for monitoring traffic to…

I’m sure we have all been there. I just finished up a pretty big project for a client’s website using WordPress, and after all testing was completed the site went live. A few days later there were reports of messages from the website not reaching Microsoft Hotmail inboxes. I tried to replicate the issue with…

Feature toggles in systems which are heavily user-interface orientated can be a challenge. So far, I haven’t found a way to use them effectively without clogging up my code with if statements. But, if you build an Angular app and follow a router-based architecture, then you can make good use of an unconventional feature bundled…

The environment.ts files provided by the Angular CLI starter are used at compile-time. This post shows how to define custom environment variables when are determined at run-time without having to re-compile your application.

This post will explore how to disable a form <input> based on the input value of another form field in an Angular application. This is particularly useful if you are using Angular’s Reactive Forms to handle user input, validation and model building before submitting to an endpoint. If you have used Reaactive Forms previously, you…

Using async/await has given me the ability to cleanup my code a lot, by saving indentation levels (the infamous JavaScript callback hell), but also giving me the ability to control the flow of my application without having to resort to yet another indentation level. During my work as an independent web developer, I find myself…

In this post I will walk through, step-by-step, how to use Google Firebase to authenticate users in an Ionic 3 application. The scope of this tutorial is to only cover basic email and password authentication, but using this method you will be able to integrate additional authentication providers such as Facebook, Twitter, GitHub and Google….

This is a step-by-step guide on how to install and integrate @ionic-native/call-number in to your Ionic 2+ application. This plugin will allow you to enable the user to launch the Phone/Call/Dialer app from their smart phone and initiate a phone call. On iOS, this is what the prompt will look like: You can read more…

This guide will walk you through using the Google Places API with an Ionic 3 application to avoid CORS errors by implementing a dead-simple NodeJS backend on Heroku. If you’ve searched for a way to use the Google Places API with your Ionic 3 application without involving a backend, I am afraid you do not…

Since I couldn’t find any resources on Angular 5 app structure with multiple modules, I decided that whilst rebuilding an AngularJS app, I would implement a multiple-module architecture and document it. Below is the approach I took, with some justifications for the decisions I took. In the near future I plan to write more posts…

Angular 5 was officially announced on 1st November 2017 and succeeded Angular v4.4.0. This release of Angular 5 focused on reducing the size of Angular apps to make them faster. Below are the major changes and features introduced in Angular 5. Http Deprecated and replaced by HttpClient Since the release of Angular 2, the @angular/http…