Flutter – Side menu

Follow me Hi Friends, Hope you are all well, In this post let’s see how to bring in side-menu/hamburger menu/navigation-drawer/hidden-drawer menu in your flutter apps. Let’s begin. A screencast of this post. As usual create a flutter app and then open main.dart file. Modify it as shown below.

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(title: new Text('Sidemenu')),
      ),
    );
  }
}

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {

// This widget is the root of your application.

@override

Widget build(BuildContext context) {

return new MaterialApp(

home: new MyHomePage(),

);

}

class MyHomePage extends StatefulWidget {

@override

_MyHomePageState createState() => new _MyHomePageState();

}

class _MyHomePageState extends State<MyHomePage> {

@override

Widget build(BuildContext context) {

return new Scaffold(

appBar: new AppBar(title: new Text('Sidemenu')),

);

}

Run the app. You’ll just […]

Flutter – Input widgets.

Follow me Hi Friends, Hope you are all well. In this post let’s see how to bring in commonly used widgets into your Flutter apps. There are several input widgets (available with flutter) and you could create your own custom widgets as well. So, to keep it short let’s just see how to bring in […]

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.

import 'dart:async';
import 'dart:convert';

import 'package:flutter/material.dart';

import 'package:http/http.dart' as http;

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String url = 'https://randomuser.me/api/';

  Future<String> makeRequest() async {
    var response = await http
        .get(Uri.encodeFull(url), headers: {"Accept": "application/json"});
        
         print(response.body);

  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
        body: new Center(
            child: new RaisedButton(
      child: new Text('Make Request'),
      onPressed: makeRequest,
    )));
  }
}

import 'dart:async';

import 'dart:convert';

import 'package:flutter/material.dart';

import 'package:http/http.dart' as http;

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {

// This widget is the root of your application.

@override

Widget build(BuildContext context) {

return new MaterialApp(

home: new MyHomePage(),

);

}

class MyHomePage extends StatefulWidget {

@override

_MyHomePageState createState() => new _MyHomePageState();

}

class _MyHomePageState extends State<MyHomePage> {

String url = 'https://randomuser.me/api/';

Future<String> makeRequest() async {

var response = await http

.get(Uri.encodeFull(url), headers: {"Accept": "application/json"});

print(response.body);

}

@override

Widget build(BuildContext context) {

return new Scaffold(

body: new Center(

child: new RaisedButton(

child: new Text('Make Request'),

onPressed: makeRequest,

)));

}

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

Storing and retrieving messages efficiently on Firestore with Indexing

Follow me Hi Friends, In this video, I’ll explain a simple technique on how to store and retrieve messages efficiently in a firestore NoSQL database using the famous Indexing technique. Note that this is just a part of the course on Building desktop apps using Angular, Firestore and Electron. To buy the course please click […]

Ionic 3 – Multiple markers on maps with firestore (Part – 2)

Follow me Hi Friends, Hope you are all well. This is the sequel to my previous post – here. Let’s just jump right in. A screencast of this post The code for this post is available – here. I assume you have read my previous post. Let’s start from where we left off. First go […]

Ionic 3 – Multiple markers on maps with firestore (Part – 1)

Follow me Hi Friends, Hope you are all well. In this post let’s see how to add multiple markers on your leaflet maps. We’ll also see how to store the markers on firestore, retrieve and populate them on the maps as well. Let’s begin. A screencast of this post For the code please refer to […]

Desktop app with Angular, Firestore and Electron.

Follow me Hi Friends, Hope you are all well. It’s been a long time since I actually made a post here, since I have been working on an application for the past couple of weeks. The app is now ready and can be viewed below. So, this is being sold off as a course […]

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

Angular 5 – Continuous Integration with Gitlab

Follow me Hi Friends, Hope you are all well. This is one of the most requested posts in this site. In this post we’ll see how to make use of gitlab CI to automatically deploy our app whenever we push in new code. A screen cast of this post: First visit www.gitlab.com and create a […]

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

Angular 5 – Firebase Storage with Angularfire 2

Follow me Hi Friends, Hope you are well. In this post, we are going to see how to use the newly added firebase storage support from the AngularFire2 library. Let’s begin. A screencast of this post In this post we’ll see how to use Angularfire 2 library to store an image in firebase storage. […]

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 – Custom filters in data tables with firestore

Follow me Hi Friends, Hope you are all well. This is part 3 of my Material Data tables with Angular 5 and Firestore series. Part 1 and Part 2 can be found here and here. In this post let’s see how to filter data in our data tables. I presume you already have a copy […]

Angular 5 + Firestore – Sorting in data tables

Follow me Hi Friends, Hope you are all well. This post is a sequel to my previous post on creating data tables using the Angular Material 2 framework with data from Firestore. In this post let’s see how to sort the columns in ascending or descending order in our data table. Let’s begin. A screencast […]

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 – Async validation with Firestore

Follow me Hi Friends, Hope you are all well. This is one of the most requested posts in this site. This post deals with how to write some simple custom validators and validate inputs on our form fields. Let’s begin. A screencast of this post. The code for this post is available – here. What […]

Angular 5 – Import data from Excel into Firestore

Follow me Hi Friends, Hope you are all well. This is a response to a few of our friends asking me how to import data from excel into cloud firestore. In this post, we’ll be seeing how to do that exactly. Let’s begin. Clone my repo from here. Follow these simple steps (after cloning […]

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

Angular 4 – Sharing data with behavior subjects.

Follow me Hi friends, Hope you are all well. In this post, let’s see how to share data within our components using Behavior subjects. First of all, behavior subjects has nothing to do with angular and is a feature of the famous rxjs library. The video screencast: The code for this post is available […]

Angular 4 + Electron – Menus and multiple windows in your desktop apps.

Follow me Hi Friends, This again is an update to my previous post on the same topic. In this post we are going to see how to build menus and how to open multiple windows in your application. Let’s begin A screencast of this post: The code for this post is available – here. Grab […]

Angular 4 – Automated mails with attachments

Follow me Hi Friends, Hope you are all well. In this post we’ll see how to send automated mails from your app using Firebase Cloud Functions and emailjs. We’ll also see how to attach a generated pdf file along with the email using pdfkit. Let’s begin. Code for this post is available – here. […]

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

Ionic 3 – Leaflet maps – Geolocation & Markers

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 use leaflet.js library to include a map inside your Ionic apps. We’ll also see how to do a simple geolocation and place a marker at a co-ordinate on […]

Chat app with Ionic 3 & Firebase – Ep. 16 – Sending messages in groups

Follow me Hi Friends, Hope everyone’s fine. In this episode we’ll see how to send messages in groups. We’ll also see how to send images and show time in messages. I assume that you all have read the previous posts in the series and have a copy of the repo of what we have achieved […]

Chat app with Ionic 3 & Firebase – Ep. 15 – Leaving / deleting groups

Follow me Hi Friends, Hope you are all well. In this post let’s see how to add the leave group functionality for a member and the delete group functionality for the owner of the group. I assume you have read the previous posts in this series and you have a copy of the code with […]

Chat app with Ionic 3 & Firebase – Ep. 14 – Removing members and group info

Follow me Hi Friends, Hope you are all well. In this post, we’ll continue from where we left off in our previous part and add features such as removing members and viewing group info in our groups. I presume you have already read my previous posts in this series and you have a copy of […]

Chat app with Ionic 3 & Firebase – Ep. 13 – Adding members to groups.

Follow me Hi Friends, Hope you are all well. In this post we’ll see how to add members to the groups that you create. I presume you have already read the previous posts in this series and you also have a repo of the code with you. Let’s begin. A screencast of this post. […]

Chat app with Ionic 3 & Firebase – Ep. 12 – Adding options to groups.

Follow me Hi Friends, Hope you are all well. In this post let’s see how to add a couple of action sheets in our groups. These action sheets will have the options that can be performed inside a group. I assume that you already have read the previous posts in this series and have a […]

Chat app with Ionic 3 & Firebase – Ep. 11 – Creating groups

Follow me Hi Friends, Apologies for the delay in-between posts. In this post let’s see how to create groups in your chat app. I assume that you already have read all the previous posts in this series and have a copy of the code as well. So let me continue from where I left off […]

Chat app with Ionic 3 & Firebase – Ep. 10 – Group chat concepts

Follow me Hi Friends, Sorry for the delay in posting this episode. This post is a conceptual one. Kindly watch the video to understand what we’ll be engineering the following weeks. We’ll be seeing how to engineer this in the forthcoming posts. Thanks. Follow me

Chat app with Ionic 3 & Firebase – Ep. 9 – Sending Images

Follow me Hi Friends, Hope you are all well. This is episode 9 of my chat app series. In this post we’ll be seeing how to send images in chat. Let’s begin. A screencast of this post. The code for this post is available here. The complete code for this series is available here. […]

Chat app with Ionic 3 & Firebase – Ep. 8 – One2One Chat

Follow me Hi Friends, Hope you are all well. This is part – 8 of the Chat app series. In this post we’ll continue from where we left off and see how to create a provision to chat among two users. The screencast for this part. The code for this post is available – here […]

Chat app with Ionic 3 & Firebase – Ep. 7 – Accepting and ignoring requests

Follow me Hi Friends, Hope you are all well. In this part let’s see how to accept or ignore the friend requests received. I presume you have read all the previous parts of this series. Let’s begin from where we left off. A screencast of this post: The complete code for this part – […]

Chat app with Ionic 3 & Firebase – Ep. 6 – Sending requests

Follow me Hi Friends, Hope you are all well. This is part 6 of my chat app using Ionic 3 and firebase series. In this post we are going to send requests to other users to add them to our friends list. Let’s just jump into the code. I presume you have read all the […]

Chat app with Ionic 3 & Firebase – Ep. 5 – Adding Friends

Follow me Hi Friends, Hope you are all well. This is Part 5 of my chat app with Ionic 3 and firebase series. In this post we’ll see how to get all the users from firebase and show them to the user so that the can add his friends from the list. We’ll also show […]

Chat app with Ionic 3 & Firebase – Ep. 4 – Profile tab

Follow me Hi Friends, Hope you are all well. This is part 4 of my chat app with firebase & Ionic series. In this part, we’ll see how to bring in data to the profile tab and then create provisions for the user to edit his nick name or profile picture. The screencast for this […]

Chat app with Ionic 3 & Firebase – Ep. 3 – Profile pic & Password reset

Follow me Hi Friends, Hope you are all well. This is episode 3 of my chat app with Ionic 3 and firebase series. In this post let’s see how to choose a profile picture for our account from the phone’s file system and also how to code a password reset provision in our app. Let’s […]

Chat app with Ionic 3 & Firebase – Ep. 2 – Sign up

Follow me Hi Friends, Hope you are all well. This is episode 2 of creating a chat app using Ionic 3 and Firebase series. In this post let’s see how to create a sign up provision for the user using which he/she could create a new account and make use of it. Let’s begin. A […]

Chat app with Ionic 3 and firebase – Ep. 1 – Sign in & tabs.

Follow me Hello Friends, This is my first post on how to create a chat app using Ionic 3 and Firebase. This is going to be a series of posts covering how to create a complete chat app with real-time chatting and group chat features. You could also send images in your chat leveraging the […]

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 – Sending push notifications to specific devices (Part 2)

Follow me Hi Friends, Hope you are all well. This post is a response to several of our friends asking me to write one on sending push notifications only to certain devices and also to send notifications automatically from a program. So I have decided to split this into two. Part 1 – Writing trigger […]

Ionic 2 – Sending push notifications to specific devices (Part 1)

Follow me Hi Friends, Hope you are all well. This post is one of the most requested posts on this site. We’ll see how to send push notifications to specific devices through a program. This is done with the help of device tokens and the cordova fcm plugin. Let’s get started. A screencast of this […]

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 – Serving images with Firebase-Storage

Follow me Hi Friends, Hope you are all well. I apologise for a long delay in between my previous post and this one. In this post we’ll see how to use firebase-storage to store our images in our Ionic 2 apps. Let’s begin. A screencast of this post. Code for this post can be found […]

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 – Publishing your Modules to npm.

Follow me Hi Friends, Hope you are well. In this post let’s see how to publish your Ng2 Modules to npm. This post is a response to a question I saw on reddit. One of our friends Cyrille Tuzi has written an excellent article on how to achieve this and having learnt from him, I […]

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 – Facebook Graph Api (updated)

Follow me Hi Friends, This post is again an update to my previous post on Ionic 2 and Fb Graph Api which can be found here. Now this is quite easy to do, if you had gone through my previous post. There has been a few changes here and there. A complete screencast of this […]

Ionic 2 – Rest Api Authentication (Updated)

Follow me Hi Friends, This post is an update to my previous post on Rest Api Authentication for your Ionic 2 apps which can be found here. Ionic 2 has undergone a lot of changes and has been through a lot of releases as well. Finally we now have an RC version which hopefully wouldn’t […]

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

Creating desktop apps using Angular 2 – Updated.

Follow me Hi Friends, Hope you are all well. This is a response to most of our friends requesting me to update the Creating desktop apps using Angular 2 post here. Now that Angular 2.0 is out (Finally..!!) I decided to provide you all with an updated repo in this post. Let’s begin. A screencast […]

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 – Accessing twitter from your app.

Follow me Hi Friends, Hope you are all well. In our previous posts we have been seeing how to deal with Oauth mechanism in our apps. We also saw how to build a Oauth system from the ground up using NodeJS. This post is primarily focused on accessing Twitter’s resources in your angular 2 app. […]

Angular 2 – Building an app to demonstrate Oauth 2.

Follow me Hi Friends, Hope you are all well. This post is a sequel to my previous post on building an oauth 2 server using nodeJS. If you hadn’t read that yet kindly click here. Now that we have got the back-end up. We will focus on a front-end app using Angular 2. First of […]

Angular 2 – Building the OAuth2 server using nodeJS

Follow me Hi Friends, Hope you are all well. This is a response to many of our friends asking me to do a post on Oauth2 authorization method in our nodeJS backend. I am sorry since this took a really long time, but here we go. First of all this post is heavily inspired by […]

Angular 2 – Material design on your desktop apps.

Follow me Hi Friends, Hope you are all well. This post is a response to my friends asking me for more angular 2 + electron posts. In this post we are going to write some code that enables us to use material design on our electron apps. Let’s begin. A screencast of this post […]

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 – Authentication using the new router.

Follow me Hi Friends, Hope you are all well. The new ‘improved’ router has been released and I made a post on it last week. Many of my friends who read that requested for an updated authentication post using that router and so this is a response to all my friends who requested the same. […]

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 – Using DesktopCapturer in your electron apps.

Follow me Hi Friends, In this post we will write some code that will help us to use the desktopCapturer API in our apps. I will make use of the repo created by us already available here. The code explained in this tutorial is available here. A video screencast of this post: Clone that […]

Angular 2 – Creating menus and notifications in desktop apps

Follow me Hi Friends, This post is an update to my previous post on creating a desktop app using the angular 2 and electron framework. In this post I will show you how to create menus in your desktop apps. A screencast of this tutorial: (Thumbnail image credit – Freepik) The code of this tutorial can […]

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