Angular 2 – Reactive forms

Follow me Hi Friends, Hope you are all well. In this post we are going to discuss about reactive forms. Wait., what about the forms that we are already using with the FormsModule. Those are the typical template-driven forms where you use ngModel and ngModelGroup to manipulate form fields. Reactive forms is slightly different from […]

Ionic 2 – Debugging your app

Follow me Hi Friends, This is a response post to many of our friends asking me how to debug our apps. To be honest, I din’t look into this much and followed the traditional method (which was a big headache as the app became large). One of our friends J Glaser contacted me and instructed […]

Angular 2 – Multiple router outlets

Follow me Hi Friends, Hope you are all well. This post is one of the most requested ones by our friends. It primarily deals with how to create multiple router outlets in your Angular 2 app and use them effectively with the help of child routes. Let’s begin. A video screencast of this post.   […]

Ionic 2 – Google Auth

Follow me Hi Friends, Hope you are all well. This post is a response to many of our friends asking me about using Google Auth in your Ionic 2 apps. Let’s begin. A video screencast of this post.   The complete code for this post can be found – here. The docs provided by the […]

Ionic 2 – Music app

Follow me Hi Friends, In this post let’s see how to create a simple mobile app that would open an audio file and play it using Ionic 2 framework and some cordova plugins. Let’s begin. A screencast of this post.   The code for this post is available – here. Open up a new Ionic […]

Ionic 2 – Push Notifications (Updated)

Follow me Hi Friends, Hope you are all well. This post is an update to my previous post on implementing push notifications in your Ionic 2 app using the Ionic-cloud library. It has undergone a lot of changes guys. I am just gonna say it out loud. The Ionic 2 team has provided excellent docs […]

Angular 2 – Videochat using peerjs

Follow me Hi Friends, Hope you are all well. This post is a response to many of our friends asking me how to do simple videochats via WebRTC in Angular 2. Well, here we will be using a library called peerjs to accomplish the same. Let’s begin. A screencast of this post   The complete […]

Angular 2 – Animation basics.

Follow me Hi Friends, Hope you are all well. This post is again a response to many of our friends asking me about animations in Angular 2. Well, Angular 2 does have something for that as well and in this post we will be looking into the very basics of it. Let’s begin. A video […]

Angular 2 – Sending mails from your app.

Follow me Hi Friends, Hope you are all well. This post deals with sending mails from your angular 2 application using emailjs. It’s simple and pretty much easier to implement. Please note that you will need a email server in order to implement this. I will be using the email server that came along with […]

Angular 2 – The New Router

Follow me Hi Friends, Hope you are well. Angular 2 team has released a new router lately to be used along with their RC versions. This kinda makes the old router obsolete and so I decided to post a new post on using this new router in your Angular 2 apps. Let’s begin. A screencast […]

Ionic 2 – Push Notifications

Follow me Hi Friends, Whoo… An Ionic tutorial after a looong time… Yup. This post deals with how to receive push notifications on your mobile through an Ionic 2 app and the Ionic-cloud-angular lib. This is a response to many of my friends asking me how to do Push Notifications in Ionic 2 apps. This […]

Angular 2 – Sockets

Follow me Hi Friends, In this post let us see how to use sockets in our Angular 2 apps. In one of my previous posts, I have shown how to use socket.io along with Ionic 2 framework. So, many of our friends have been asking me to do a post on how to use it […]

Angular 2 – Working with Observables

Follow me Hello Friends, Hope you are all well. In this post let’s talk about Observables. Now observables are mentioned whenever people talk about reactive programming. Why is that so ? Well, when an application work’s synchronously; or rather when the events in an application are in sync then the states of an application can […]

Functional programming concepts in Javascript

Follow me Hi Friends, Hope you are all well. I have been busy working on a whole new series for you guys on Reactive programming with RxJs. Before we dive into reactive programming I felt that familiarity with a couple of functional programming concepts would help you grab rxjs easily. So in this post we […]

Angular attack – Hackathon – Oh yeah.. !!

Follow me Hi Friends, Hope you are all well. Over the past weekend I participated in an amazing event – The Angularattack hackathon conducted by the RumbleX team. It was a 48 hour event and the focus was mainly on Angular 2. I built a minimalistic issue-bulletin board that helps companies to log and handle […]

Angular 2 – Desktop apps with Electron

Follow me Hi Guys, Hope you are all well. In this post let’s see how to make awesome desktop apps with electron framework and angular 2. Electron is a framework by github to create awesome desktop apps with web technologies and is used widely. We will be creating a SPA using angular 2 and wrapping […]

Angular 2 – Testing

Follow me Hi Friends, Hope you are all well. This post is about writing unit tests for angular 2 applications. If you are familiar with jasmine(framework) and karma(test runner) you will find this post quite easy to understand. Angular 2 was designed with testability in consideration. So, it becomes rather easy to use classes in […]

Angular 2 – Pipes

Follow me Hi Friends, Hope you are all well. This post is about how to implement pipes in your angular 2 apps. Pipes are basically used to format, manipulate data before it’s shown on the end user interface. You could use any of the pipes that come with angular 2 or write your own custom […]

Angular 2 – Authentication

Follow me Hi Friends, Hope you are all well. This post is a response to several people asking me how to implement authentication in an angular 2 app. To answer you guys its simple and in this post I will show you exactly how to do it. Prerequisites: Please clone my ionic-authentication backend repo from […]

Test driven development in Javascript

Follow me Hi Friends, Hope you are all well. Today let’s see what test driven development actually looks like in practice with a small example. Test-driven development (TDD) is a software development process that relies on the repetition of a very short development cycle: first the developer writes an (initially failing) automated test case that defines […]

Angular 2 – Routing

Follow me Hi Friends, Hope you are well. First of all thank you guys, for reading my posts and supporting me by sharing my posts on social media. In this post I will explain the concept of Routing in Angular 2. Routing is nothing but enabling navigation to different pages of the application. Applications have […]

Angular 2 – Building Custom Form Validators

Follow me Hello Friends, Hope you are all well. This tutorial deals with building custom validators for your form fields. Forms are the most used UI components in several apps as they provide an excellent way of receiving input from users. To make sure you don’t receive junk data and to guide the user to […]

Ionic native and a flashlight

Follow me Hi Friends, Hope you are all doing good. Now, several readers of my site have been asking me to blog about ionic-native. For those who don’t know what Ionic-native is, its simply a collection of awesome stuff that could be used along with your Ionic 2 apps to enhance the capabilities of your app […]

Using Ionicons in Ionic 2

Follow me Hi Friends, Hope you are well. This post is a response to many of my friends asking me how to use ionicons in Ionic 2. Its quite simple actually and I will explain how to do it in few simple steps. Step 1: Download ionicons from here. Extract the contents to any location, […]