Posts in category Angular

Using Redux Reactive Forms With Ionic in One Go

thumbnail Ionic Redux template-driven forms

After last week’s tutorial on Template-Driven Forms and Redux. Today we attack the Reactive side. We are very lucky because there aren’t many changes. We have already seen what Reactive Forms are, how to use them and how to validate them in Angular.

Implementing GraphQL using Apollo in an Ionic Application...

thumbnail ionic graphql node apollo intro

Apollo for Angular is quite new so this article will be quite experimental and (I hope) it might change after the release of the incoming apollo-client 2.0. Thanks to Angular, Ionic applications benefit from two-way data bindings and this feature will affect how our CRUD is built.

The Complete Guide To Animations With Ionic

thumbnail ionic animations

When building a mobile application, the focus is on the features. Once everything is working, the next step is improving the UX and that’s where animations arrive. This process must be done properly, otherwise it can mess up the application and create some bugs like not showing or obfuscating some important elements. This tutorial will cover everything about animations in […]

Using Firebase Cloud Functions in an Ionic application

thumbnail Ionic firebase cloud functions

This tutorial is similar to the one on the AWS API Gateway. At the end you will be able to choose between the AWS or the Firebase way. Firebase has many services we can use like Authentication, Real-Time Database, Crash Reports, etc. If we want something custom, Cloud Functions for Firebase allows us to create our own functions and call them in our […]

Using Firebase and AngularFire2 Basic Authentication in a...

thumbnail ionic firebase angularfire basic authentication

Authentication sucks, we have to code on the client and on the server side, handle tokens, sessions, handle password resets, send the emails through an SMTP server and so much more. Well … not anymore, Firebase comes to the rescue! The previous tutorial was just the tip of the iceberg, Firebase allows us to be lazy and have our authentication […]

Using Firebase and AngularFire2 in an Ionic Real-Time TOD...

thumbnail Ionic firebase Angularfire

After the previous articles on AWS, a similar technology was left behind: Firebase. This technology is ******* amazing. So much power that is given to us and you will understand one part of it at the end of this tutorial. Today we create a Real-Time TODO application using AngularFire2, unlike other traditional TODO apps this one can be edited by […]

Adding Sounds using HTML5 and Native Audio in Ionic

thumbnail sound html5 ionic native audio

‘member Flash? This is what we are going to use because it’s the best technology in the world… just kidding. Back in the days Flash was very helpful, we were able to make animations, audio players and so much more! Then came HTML5 and people started wondering why they could watch their videos without crashes🤔.

Analyzing the Ionic AWS Full-Stack Starter: Custom APIs

thumbnail ionic aws stack

In the previous tutorials here and there, we analyzed the amazing Ionic AWS Full-Stack Starter project. Accessing pre-built methods from AWS services like S3, Cognito or DynamoDB is super cool, but what do we do if we need some custom methods? Do we create another Node.js server on the side?

Analyzing the Ionic AWS Full-Stack Starter: The Features

thumbnail ionic aws stack

In this tutorial we will see how the application makes good use of the Providers we analyzed previously. The application is divided in two parts: The authentication process The tasks manipulation Many intermediate Ionic concepts are present here, if you have any issue, you can have a look at my book to quickly update your knowledge.

Analyzing the Ionic AWS Full-Stack Starter: Configuration...

thumbnail ionic aws stack

I have used both Ionic and AWS for years now. Both technologies are (mostly) free and awesome. Ionic is the badass framework to build cross-platform mobile applications and AWS gives us the tools to host, cache, manipulate files with authentication and many more services in the cloud. So what’s the result if both companies allied together to create a project: the […]