Skip to main content

Posts

Showing posts from March 10, 2019

API Development and Routing with Node.js and Express

This article will be looking at how we can handle API routes inside of a Node.js and Express project. As always, we’ll start with a brand new Express project and progressively enhance it from the ground up.
Read More

Creating a Simple Live Chat Server with NestJS and WebSockets

When we are building applications, there are many instances where we want data updates from the server to display immediately.
Read More

Creating a Shared Element Transition Animation in Ionic

Recently, someone asked me if it is possible to create a shared element transition in an Ionic application. I wasn’t actually familiar with that specific term, but it is something I’ve wanted to try building in Ionic for a while and it’s actually a little bit easier than I thought it would be.
Read More

Master/Detail Navigation Within a Tabs Layout in Ionic

There have been some reasonably big changes to tab-based navigation in Ionic, and one issue that I see pop up quite a lot is creating more complex navigation within individual tabs.
Read More

Handling Multiple File Uploads with NestJS

In previous tutorials, we have covered how to POST data to a NestJS server, but when it comes to uploading files to a NestJS (or any) server, things get just a little bit tricker.
Read More

Deploying a Production NestJS Server on Heroku

I’ve been writing quite a few tutorials on NestJS recently, but an important step in creating a backend for your application is actually hosting it somewhere.
Read More

Creating & Using a Headless CMS with an Ionic Application

A Content Management System (CMS) provides an easy way to store and manage data related to content that you want to display. Popular Content Management Systems include the likes of WordPress, Drupal, Magento and many more.
Read More

Displaying Upload/Download Progress in an Ionic Application

A good experience in a mobile application rests heavily on good communication. You communicate your intent to the application, and it communicates back to you. The better you and the application communicate, the better the experience will be.
Read More

Adding JWT Authentication to an Ionic Application with MongoDB and NestJS

Many Ionic applications will require the concept of an authenticated user who is authorised to perform certain actions – perhaps only authenticated users may access your application at all, or perhaps you want to restrict certain types of functionality in your application to certain types of users
Read More

Adding Sound Effects to an Ionic Application

In this tutorial, we are going to cover how we can add sound effects to our Ionic applications.
Read More

Creating an Achievement Unlocked Animation with Angular Animations in Ionic

I’ve written a few articles in the past that covered using the Angular Animations API in an Ionic application. You can find some of those articles below:
Read More

Migrating to the Upgraded Ionic Tabs Components

In this tutorial, we are going to be walking through how to migrate your existing Ionic 4 applications that use tabs to the new tabs components that were introduced in beta.15.
Read More

Create a Custom Modal Page Transition Animation in Ionic

When we launch a modal in an Ionic application, an animation is used to provide a smooth transition as it appears on the screen.
Read More

An Introduction to HTTP Requests & Fetching Data in Ionic

HTTP requests allow us to request resources that our application can make use of. In the context of this article, this will generally mean requesting data from some API over the Internet, or loading data from a JSON file over the local network.
Read More

Multi-File Upload with Ionic & Angular (Client-Side)

I’ve been building out some software recently that involves uploading a bunch of files at once to a server, so I figured it would be worthwhile to share the solution I ended up with in this blog post.
Read More

Sending Data with POST Requests to a NestJS Backend

In the previous tutorial, we focused on making a GET request from an Ionic application to a NestJS backend. A GET request is generally pretty simple, as all we are doing is making a generic request to a specific URL which will then return a response.
Read More

Building a Notepad Application from Scratch with Ionic

A difficult part of the beginner’s journey to learning Ionic is the step between understanding some of the basics and actually building a fully working application for the first time.
Read More

How to create a Landing Page with a video background in Ionic 4

We've all seen it at least once. You open an app for the first time and you see a beautiful landing page with a catchy phrase, the login button in the center and a nice video playing in the background. And of course, you want one for your brand new app. To make a difference.
Read More

Introduction to Iterables and Iterators in JavaScript

JavaScript supports a protocol by which objects such as arrays can be used by control structures such as for…of and the spread operator ... to loop through data sequentially. This is referred to as the iterable and the data structures that support this functionality are called iterables.
Read More

Where Do I Belong

It never feels good to be lost and unable to find your way home, or so out of place and unable to fit in. Don’t get confused, this isn’t some dark and twisted literature about some scared lady lost in the dark and searching for redemption.
Read More

Extracting Text from Content Using HTML Slot, HTML Template and Shadow DOM

Twitter Facebook A template is a set of markup that can be reused in a page. A slot is a placeholder spot for a designated element from the page. A shadow DOM is a DOM tree that doesn’t really exist on the page till we add it using script.
Read More

Instant Search Tab in Angular

In this blog post, we will learn to do Instant search in Angular using the data from Cloud Firestore. So let us first assume what we actually want to have as the results on the browser. We want to create a search tab on the browser, which has a placeholder saying “Search by name”.
Read More