Flutter – Lists with JSON

Follow me Hi Friends, This post is a continuation of my previous post here. I would kindly request you to read it once before proceeding. Let’s begin. A screencast of this post is available here. Let’s continue from where we left off. In our last post we saw how to make a http request and […]

Flutter – Making Http Requests

Follow me Hi Friends, Hope you are all well. In this post let’s talk about making http requests from your Flutter apps. Let’s begin. A screencast of this post.   Create a new app. Open up main.dart file and modify it as shown below.

Let’s break this down. We are importing the http.dart widget […]

Flutter – Tabs.

Follow me Hi Friends, Welcome back to yet another Flutter app tutorial. In this post, let’s see how to bring in tabs into our application. Let’s begin. A screencast of this post.   Create a new app. Create two new files named firstpage.dart and secondpage.dart in the lib directory and add the below code. firstpage.dart […]

Flutter – Lists and Dialogs

Follow me Hi Friends, In this post, let’s see how to create a basic list & an alert dialog. Going forth I’ll not be discussing how to create a new flutter app. If you would like to get started with the basics, kindly refer to my post – here. Let’s begin. A screencast of this […]

Flutter – Kick off !!

Follow me Hey Friends, Finally, something new… For the past 2 years we have been seeing a lot about Angular & Angular based technologies (i.e., ionic). In this post let’s talk about a new framework that’s been released by Google for building cross platform native applications. Google released Flutter Beta 3 yesterday and it was […]

Angular Elements

Follow me Hi Friends, Hope you are all well. In this post let’s play around with Angular elements. Angular Elements is a new way to write web components that run on any web based application using Angular (and other associated libs) without having to worry about dependencies. In this post let’s see how to build […]

Angular 5 – Paypal express checkout

Follow me Hi Friends, Hope you are all well. In this post let’s see how to bring in paypal express checkout feature into your angular 5 apps. Let’s begin. A screencast of this post Code for this post is available – here. There are 2 ways of bringing paypal into your web app. They are […]

Ionic 3 – Charts

Follow me Hi Friends, Hope you are all well. This is one of the most requested posts on this site. In this post let’s see how to show a simple chart in your Ionic 3 apps using the Chart.js library Let’s begin. A screen cast of the post:   Code for this post – here. We’ll […]

Angular 5 – Data tables revisited

Follow me Hi Friends, Hope you are all well. Probably everyone reading this post has already seen my post on data tables that I made a few weeks back. So, why are we revisiting this again ? Well., a lot of people who looked into that were asking me if there was a simpler way […]

Ionic 3 – Phone Auth with Accountkit

Follow me Hi Friends, Hope you are all well. In this post, let’s talk about authentication in your ionic apps using just a phone number. For this post we’ll be using accountkit through the facebook developer portal. Let’s begin. A video screencast of this post.   First visit Facebook Developer Portal and create a new […]

Angular 5 – Ratings with charts

Follow me Hi Friends, This is a sequel to my previous post about bringing charts into Angular 5 apps with ngx-charts. In this post let’s see how to build a cool ratings chart that updates realtime (Firestore duh!). I assume you already have a copy of the (previous repo’s) code. If not kindly grab it […]

Angular 5 – Charts

Follow me Hi Friends, Hope you are all well. This is one of the most requested posts on this channel. In this post let’s see how to pull data from a Firestore collection and display it in charts in an angular 5 app. Let’s begin. Code for this post is available – here As with […]

Angular 5 – TypeAheads with data tables.

Follow me Hi Friends, Hope you are all well. This post is a response to many of my viewers asking me to do a typical typeahead which would filter the data table with results pertaining to whatever was typed in rather than setting an all-out filter like we saw in our previous post. Let’s begin. […]

Angular 5 – Material Data tables with Firestore

Follow me Hi Friends, Hope you are all well. In this post let’s talk about creating data tables with Angular Material 2 and populating them with data from Firestore. Let’s begin. A screencast of this post. Code for this post is available – here. Scaffold out a project using the CLI and open up environment.ts […]

Angular 5 – Instant search with Firestore

Follow me Hi Friends, Hope you are all well. This is one of the most requested posts on this site. In this post let’s see how to build a simple instant search functionality  by querying firestore with the help of rxjs. Let’s begin. A screencast of this post: The code for this post is available […]

Angular 4 – CRUD with firestore

Follow me Hi Friends, Hope you are all well. In this post let’s see how to do a simple CRUD(create, read, update, delete) operation from your Angular4 apps on the newly introduced Cloud Firestore from firebase. We’ll be making use of angularfire2 library for this. Let’s begin. A screencast of this post:   Code for […]

Desktop apps with Angular 4 & Electron

Follow me Hi Friends, Hope you are all well. In this post we’ll see how to create a desktop app using Angular 2 and Electron. This is an update to the existing post on how to do the same which I wrote a year back. Let’s get started. Code for this post can be found […]

Chat app using Ionic 3 and Firebase.

Follow me Hi Guys, For the past two weeks, I have been building a chat app using Ionic 3 and Firebase. I made a small video about it I will make posts on how you could build your own chat application as well, in the upcoming days. Thanks for the support guys. Peace.. Follow me

Ionic 2 – Push Notifications with firebase

Follow me Hi Friends, Hope you are all well. I made a post on Ionic 2 and push notifications long back. This post is an easier way to achieve the same now. Let’s begin. A screencast of this post.   The complete code of this post can be found here. First scaffold out an app […]

Ionic 2 – Google Auth with Firebase

Follow me Hi Friends, Hope you are all well. This post is a response to a lot of our friends asking me to do a video on Google Authentication with firebase and so here we go. Let’s begin. The code for this post is available here. Scaffold out an application using the Ionic cli. Then […]

Ionic 2 – Payment processing with Stripe

Follow me Hi Friends, Hope you are all well. In this post we’ll discuss about Payment Processing in your Ionic 2 apps. This has been requested by a lot of our friends. We’ll be using an external library called stripe to achieve this. Let’s begin. A video screencast of this post   The complete code […]

Ionic 2 – Google Maps

Follow me Hi Friends, Hope you are all well. This post is clearly the most requested one by our friends. We’ll see how to embed a map into your Ionic 2 app, and then moving the view, adjusting the zoom on the map and also how to place a marker on the map. Let’s begin. […]

Ionic 2 – Geolocation and Geocoding

Follow me Hi Friends, Hope you are all well. In this post let’s discuss about Geolocation and Geocoding in your Ionic 2 apps. One of the more commonly used features in almost all mobile apps nowadays is location based services. i.e., we identify the location of the user and provide services to him accordingly. So […]

Ionic 2 – Firebase Authentication II

Follow me Hi Friends, This is a response to several of our friends saying that the code I provided for the Firebase post which I made a couple of weeks back din’t work in mobile devices and worked only in the browsers. I sincerely apologise for that and I decided to explain how to make […]

Ionic 2 – Video capture and playback

Follow me Hi Friends, Hope you are all well. This is one the most requested posts on this site. It’s pretty much simple to capture video in your Ionic 2 app, save it on your phone and play it back using a couple of plugins. Let’s begin. A video screencast of this post. The complete […]

Ionic 2 – Authentication using Firebase

Follow me Hi Friends, Hope you are all well. This is a long overdue post that has been requested by many of our friends ever since I started writing on this site. In this post let’s see how to build up a simple login interface using Ionic 2 and Firebase-auth. Let’s begin., A video screencast […]

Angular 2 – Peer 2 Peer video chat

Follow me Hi Friends, Hope you are all well. In this post let’s see how to do a simple video streaming functionality in your Angular 2 app using the simple-peer library. I already made a similar post using peerjs library. But that library doesn’t seem to be maintained nowadays and the last commit was 2 […]

Ionic 2 contacts – Just an update

Follow me Hi Friends, This post is just an update on my previous video on creating and querying contacts in Ionic 2 apps. A video screencast of this post The code for this post is available here. Since this video is just an update, There are very few changes that are essential for the deployment […]

Angular 2 – Structural Directives

Follow me Hi Friends, Hope you are all well. In this post let’s talk about structural directives and how to create one of them. Now, that I have used the term structural directives rather than simply mentioning it as directives you might wonder about the other kinds of directives as well. Well there are three […]

Angular 2 – Lazy Loading

Follow me Hi Friends, Hope you are all well. I haven’t posted for about 10 days now, due to an illness. Anyway, now I am back and today in this post let’s talk about Lazy Loading. First of all, what is it? What is Lazy Loading and why should we use it in our apps […]

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 […]