Category: “Ionic Framework”

How to Build a WebSocket Multi-Client Chat using Ionic and Node.JS

I first started learning how to code at age 12 when I taught myself how to make basic Windows batch scripts. It wasn’t long after that when the easy-to-use GUI drawing feature of Visual Basic 6 had me hooked on programming for good.

I graduated onto making proper network connected applications shortly thereafter. I was obsessed with making client-server programs that could talk to each other over TCP. I spent many of my younger years hacking away at the VB6 WinSock API. First learning how to make one client talk to a server, then figuring out how to make the server handle multiple clients at once and so on…

More recently I was tasked with making a real-time scoreboard for a company I’m currently contracting for. It involved an AngularJS front-end with a WebSocket client and a Node.JS server that would accept connections and broadcast the latest scores from a text file.

To be honest, before taking on this challenge, my Node.JS/Angular experience was sparse at best. But I saw the challenge as an opportunity and quickly learned what I needed to get the job done.

I was amazed at how quickly you can make a multi-threaded network application using Node.JS and the standard JavaScript WebSocket library. In a few minutes you can do something that used to take hours to figure out.

I was so amazed I thought I would make a tutorial explaining how to create a multi threaded chat client and server using Ionic and Node.JS.

Continue reading this article…

How to Build an App Part 3 of 3: Using Ionic Framework

Now for the third and final part of this three part tutorial: How to build an app. If you missed out on the first two instalments, you can read part one here, and part two here. For our third part, I will explain how to build the app using the Ionic framework.

How to build an app ionic

How to build an app ionic
Continue reading this article…

How to Build an App Part 2 of 3: Creating the back-end with Django REST Framework

Welcome to part 2 of 3 of my How to Build an App tutorial. In the first part, I explained how to create the back-end server which we will use to host our app’s back-end (if you didn’t get a chance to read it, you can check it out here). In this second part, I will explain exactly how to build the back-end itself.
Continue reading this article…

How to Build an App Part 1 of 3: Setting up the Development Server with Vagrant, Ubuntu and Salt (Mac OS X Version)

Using Windows? Click here to view the Windows version of this walk-through.

After my previous post, Android Development for Beginners: 6 Steps to Building Your First App, I received some requests asking me to explain in more detail how to build an app, step-by-step. If you have any experience buildings apps you will know that it can be a complicated process and there are a number of different components that need to work together to have a fully functioning app. This includes creating a database, a REST API and the app front end.

Continue reading this article…

How to Build an App Part 1 of 3: Setting up the Development Server with Vagrant, Ubuntu and Salt

Using a Mac? Click here to view the Mac OS X version of this walk-through.

After my previous post, Android Development for Beginners: 6 Steps to Building Your First App, I received some requests asking me to explain in more detail how to build an app, step-by-step. If you have any experience buildings apps you will know that it can be a complicated process and there are a number of different components that need to work together to have a fully functioning app. This includes creating a database, a REST API and the app front end.

Continue reading this article…