Topics

There are various topics covered on this website, but the central theme is HTML5 mobile application development for the Web, Native iOS, Native Android, and Progressive Web Applications. The web is fantastic for building high-quality mobile applications, and there are many frameworks and tools out there to help us do that. The primary focus of this website is the Ionic Framework, but you will find articles and tutorials on all sorts of topics.

I’ve summarised each of the topics available on the website below, and you can click through to a specific topic to get a more detailed breakdown of the topic and an organised summary of useful resources available for that topic on this website.

Ionic Framework

The Ionic Framework is the key topic covered on this website, and most of the other topics covered on this website are related to Ionic in one way or another (with a few exceptions).

Ionic is a popular open source framework that allows you to build high-quality mobile applications for the web, iOS, Android, and more using standard web tech like HTML, CSS, and JavaScript. A big part of the appeal of Ionic is the usage of web standards which many of us know and love to build applications, but perhaps an even bigger draw is the ability to create cross-platform applications from a single codebase.

Ionic & Angular

Ionic is primarily focused on providing the User Interface elements for the application, and so it is typically combined with another framework that can help handle the application logic and architecture. Angular is the most common framework that is used in conjunction with Ionic.

If you are new to Ionic, I would recommend starting with the generic Ionic tutorials that I already linked above:

Angular is the defacto framework for Ionic, and most of the content you see around Ionic will utilise Angular. The tutorials above cover getting started with Ionic & Angular, and it is the best place for a beginner to start. If you would like to see more of the advanced Ionic/Angular specific tutorials you can check out the link below instead:

Ionic & Vue

Vue is another popular Javascript framework in use today. It is similar to Angular in the role it plays in developing an Ionic application, but the frameworks methodology differs quite a bit. Whilst Angular takes an opinionated approach and provides everything out of the box for you to use, Vue takes a more relaxed approach allowing you to make more of the architectural decisions and is a more lightweight solution.

Since Ionic has switched to web components, it is now simple to start using Ionic inside of a Vue application. Ionic does not provide specific Ionic integrations for Vue like it does for Angular (not yet, at least) but this won’t stop you from using it. I wouldn’t recommend Ionic & Vue by default, there are just less official and community support for it, but if you already have a preference for Vue it could be a fantastic option to start using Ionic.

This website does not currently have extensive Vue resources, but there is currently a starter tutorial series available.

Capacitor

Capacitor is another project from the Ionic team, and it has the goal of serving as the bridge between web applications (like those built with Ionic) and whatever platform they are running on. This means that if we use Capacitor in conjunction with our Ionic applications we will be able to build for native platforms like iOS and Android, and also access Native SDKs. If you are already familiar with the concept of Cordova/PhoneGap, then this is basically the same idea – Capacitor is the Ionic teams take on what they would like a modern native bridge to look like.

Stencil

Stencil is the tool that Ionic uses to build its own web components – absolutely no knowledge of Stencil is required in order to use Ionic, but you can use Stencil to build your own web components if you like. Stencil can also be used to build entire applications, and since Stencil is just a web component compiler (not a framework), the end result is a lighter weight application that doesn’t need to include a 3rd party framework to run.

Progressive Web Applications

In short, Progressive Web Apps are all about giving applications made available directly through the web (this means you just go to the URL through a web browser and you are instantly in the app) a more native-like experience. This means at a minimum that they should work offline, and can be installed onto a user’s device and launched like any other native application.

If you build a PWA you can still provide great experiences on platforms like iOS and Android, but you are able to cut out the need to use Native SDKs and deal with App Store submission and review processes completely. Whilst a PWA does not have access to as much functionality as a native application does, there are many benefits to building a PWA.

NestJS Framework

NestJS is a relatively new framework for building server-side applications with Node (a well-established and popular framework for building server-side applications). Writing server-side code can be quite a different beast to writing front-end code, but NestJS brings a lot of the familiarity of the Angular style architecture to the backend.

The primary focus of this website is to build front-end applications with web technology, but many applications will require communicating with some kind of a backend – and sometimes we will need to build that backend ourselves. NestJS is a fantastic choice for people who like using web tech since it allows us to use Javascript (or more specifically, TypeScript) on the backend, and it also reuses many of the concepts that you would already be familiar with if you are building with Ionic/Angular.

Phaser Framework

Phaser is the odd one out on this website, but it is fantastically fun to use. Phaser is an HTML5 framework for building games that work in the web browser. Just like Ionic applications, this means that they can run wherever the web does – so you can even submit games built with Phaser to the Apple App Store and Google Play.

Even if you’re not looking to create commercial games, I think Phaser is an interesting framework to pick up. Building games is a fun break from the applications you might typically build, but you still get to sharpen your coding skills at the same time (and who knows, there is always that hope in the back of your head that you might just create the next Flappy Bird).

Everything Else

Most of the content I create on this website will fit into one of the categories above, but you can always find a complete list of all the tutorials and articles I have released here.

What to watch next...