Ionic 4 with Angular 1.6

Ionic 4 with Angular 1.6

Last week I published an early view of how to use Ionic 4 with Vue.js, today I'll be showing you how we can do the same thing with Angular 1.6. Please bare in mind that Ionic 4 is in a super early stage of development and things may change as time goes on. Let's create a new Angular 1.6 application. I'll be calling our application module userApp…

Logitech K780 Multi-Device Keyboard Review

Logitech K780 Multi-Device Keyboard Review

The Logitech K780 multi-device wireless keyboard is used to control up to three devices and is relatively portable weighing in at 837g and 380.8mm long. It is a decent travel companion, but is a little heavier than your standard portable keyboard due to the inbuilt device stand. It's made of a durable plastic and metal framing with outer rubber trim to ensure it can survive day to day life.…

How to use Vue.js with Ionic 4

How to use Vue.js with Ionic 4

Have you ever wanted to use Ionic with other frameworks than Angular? Now you can! Ionic 4 is in early alpha, so the implementation is likely to change as time goes on, but let's investigate this with Vue.js: If you haven't already, download the Vue CLI and create a new Vue.js project: # Download the Vue CLI $ npm install vue-cli -g # Create a new Vue.js Project $ vue init…

Using the MoonRouter with Moon.js

Using the MoonRouter with Moon.js

Lately I've been using Moon.js in a couple of playground projects, and I was impressed by how easy it is to use the router. In this article, I'll be looking at exactly that. Let's first start off by creating a new index.html with Moon, MoonRouter and app.js: <!DOCTYPE html> <html lang="en"> <head> <title>Moon.js Router&…

Angular: From Beginner to Advanced

Angular: From Beginner to Advanced

Lately, and I'm sure you'll agree with me on this one, it's hard to keep up with all the latest and greatest front-end frameworks, libraries and projects available. As a content creator, I get the opportunity to spend a lot of time learning the ins and outs of each one, and Angular has always been a favourite of mine. I've used Angular since the early 1.0 days. When I…

Create Cross Platform Native Applications with Fuse

Create Cross Platform Native Applications with Fuse

I'm always on the lookout for a new way to make fun mobile applications, and one of the things I've always been trying to achieve is interesting UI/UX. I looked around and found Fuse, this intrigued me as it uses it's own Reactive XML based mark-up language named UX. This allows us to create native (not ran in a WebView) mobile applications that use easy to write declarative UI.…

NativeScript and Vue.js: Toast Plugin

NativeScript and Vue.js: Toast Plugin

Continuing the NativeScript and Vue series, let's create an application that takes advantage of the nativescript-toast plugin. We'll start off by creating a new NativeScript Vue application: # Install the NativeScript CLI npm install nativescript -g # New NativeScript Vue project tns create NSVueToast --template nativescript-vue-template # Change directory cd NSVueToast # Run on iOS tns run ios We can then add the NativeScript plugin: # Add the NativeScript Toast plugin tns plugin add nativescript-toast…

Using Angular HttpInterceptor with the new HttpClient

Using Angular HttpInterceptor with the new HttpClient

If you haven't seen already, a new HttpClient was shipped with Angular 4.x and this allows us to interact with the HttpInterceptor relatively easy. Why do we need it? Well, you've most likely ran into this issue before... What's the best way to add an Authorization header across all my requests? How can I pre/post process a HTTP request/response? I want to add global error handling, logging,…