Posts about Web

Since Ionic v1 was released several years ago, I have been massively impressed by the framework’s goal to build native-like applications using pure web technologies. Throughout v1, v2 and v3, Ionic was tightly coupled with AngularJS/Angular. It very quickly became the framework to build mobile apps using Angular. For version 4, however, the Ionic team…

Web applications were initially developed on the model that a client is always the initiator of transactions. That means that a client would always make a request to the server to retrieve some data, and only then would the server respond with the requested information. As a result, the traditional model does not have a…

In this tutorial we will explore using StencilJS, a web-components compiler, to build a very simple web component that can be used on any other web project. Stencil is a tool created by the team at Ionic, who are also behind some other great tools and frameworks including Capacitor, and – Ionic: a framework for…

In this tutorial we will explore using a package called multer, which provides a node express middleware, to upload images to our ExpressJS API. To upload the images, I will be using sample code from a component written in VueJS, but asides from syntax, the process is identical in vanilla JavaScript and any other front-end…

One of the key reasons I like Angular is because it comes with all the bells and whistles (unlike some other SPA JavaScript frameworks). I like rapidly prototyping applications with minimal setup and configurations which I was I massively appreciate being able to run ng new myApp and end up with a zero-configuration-needed Angular application…

The release of Angular 6 brought improved support for TypeScript, and the July release of VS Code brought support for TypeScript v2.9.2 by default. However, since updating, some users developing Angular applications for work have discovered a bug where IntelliSense imports have stopped using path masks. The issue is particularly prevalent when creating a new…

The Ionic framework does a great job of making the build process from JavaScript to a bundled Android APK or Apple XCode Project really simple. In most cases, you only need to run the command line instruction ionic build [platform] from within your project. However the process to build for both Android and iOS, and…

The biggest buzzwords in the Angular scene right now are actually concepts made mainstream by React: Application state or store using a Redux pattern. NgRx is a fantastic library which allows Angular developers to use a Redux store to maintain application state. It’s really powerful, and integrating it with @ngrx/effects or metaReducers as well as…

The biggest buzzwords in the Angular scene right now are actually concepts made mainstream by React: Application state or store using a Redux pattern. NgRx is a fantastic library which allows Angular developers to use a Redux store to maintain application state. It’s really powerful, and integrating it with @ngrx/effects or metaReducers as well as…

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. Later, I updated the architecture to be compliant with the Angular 6 major release. Below is the approach I took, with some justifications for…

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…