Tuesday, September 5, 2017

How to use ES6 in Node using Babel

Install Babel CLI
npm install --save-dev babel-cli

Add Presets
$ npm install --save-dev babel-preset-es2015 babel-preset-stage-2

Add .babelrc
    "presets": ["es2015", "stage-2"]

Add ES6 code to index.js

Add start script in pakage.json
"start": "babel-node index.js"

Start server
npm start

Saturday, July 15, 2017

Friday, July 14, 2017

How to add and use bootstrap and ng-bootstrap in Angular 2 CLI project

Follow the below steps for adding Bootstrap and ng-bootstrap (Bootstrap components, powered by Angular) to an Angular-2 app created using Angular CLI

Saturday, August 13, 2016

Enhance website performance by resource prefetching

Resource Prefetching is a type of performance enhancing technique, this is implemented by using resource hints. Resource hints is a way to tell the browser about a resource that might be needed in future requests.

Saturday, July 9, 2016

What are Immediately-Invoked Function Expression ?

IIFE for short, This is the self-invoking anonymous function. It executes immediately after it’s created.

Wednesday, July 8, 2015

Facebook integration in PhoneGap Android App

There are lots of plugin available for integrating Facebook in PhoneGap, however it is not a simple process, a successful integration needs many configurations to be done in the app as a first step.

This article will help in implementing the configurations needed to integrate Facebook in PhoneGap Android App.

Generate a key hash for Facebook integration with android using openssl

Facebook uses the key hash to authenticate interactions between your app and the Facebook app. If you run apps that use Facebook Login, you need to add your Android development key hash to your Facebook developer profile.

This article share the process of generating a key hash for Facebook integration with android using openssl

Friday, June 26, 2015

Capturing network traffic between the Internet and mobile devices

Some times we need to inspect HTTP calls between the internet and the mobile devices for testing a website or app, this article will explain how to capture network traffic between the Internet and mobile devices.

Friday, June 19, 2015

Creating your first Android App using PhoneGap Command Line Interface.

So now you have installed PhoneGap/Cordova and Android development tools in your windows machine as explained here , now you can proceed with Android App development by reading this article :

Monday, March 16, 2015

Most common PhoneGap/Cordova errors (With solutions)

Are you trying to setup or run PhoneGap/Cordova and errors are making you crazy?
Here is the list of most common errors faced while working with PhoneGap/Cordova with possible working solutions.

Wednesday, December 10, 2014

Monday, October 13, 2014

Creating a jQuery popup with an overlay

Create a basic popup and overlay with minimal styling and without any additional settings using jQuery/HTML and CSS.

Friday, August 29, 2014

Using PhoneGap CLI commands

PhoneGap V3.0 and later includes a CLI (Command Line Interface) that provides a suite of commands a developer can use to manage the complete lifecycle of an application.
This article explains the CLI commands and their usage.

Tuesday, July 22, 2014

Installing Windows Phone 8.1 emulator in Visual Studio 2013

After installing Windows 8.1 and Visual Studios 2013 Express update 2, I was unable to install Windows Phone 8.1 emulator. After running the exe file an error comes "This computer does not support the windows phone emulator, which requires 64-bit edition of Windows 8.1 Pro and a computer that supports Hyper-V". After a good search over the internet I found that if you want to run your Windows Phone 8.1 App in an emulator, there are requirements to be met before you can use the emulator. Here are the findings and time savers :

Thursday, July 17, 2014

Installing multiple versions of browser on one machine

Installing multiple versions of browser on one machine

Cross-browser testing of web pages is a biggest pain in the career of a User Interface developer. It is a necessary step that usually involves the use of multiple computers. This article share a method to do Cross-browser testing by installing multiple version of same browser on one machine.

Monday, July 7, 2014

Installing PhoneGap in Windows

Installing PhoneGap in Windows

Do you want to migrate from PhoneGap V2.9 or below to V3.0 or above? or Do you want to try the latest PhoneGap 3.5 Command Line tools or Do you just want to start learning PhoneGap?. This article will help you to do it by completing the first step towards PhoneGap V3.X, which is installing PhoneGap on Windows Machine as the process includes installation of many required libraries which are not mentioned in the PhoneGap Website.

Tuesday, June 10, 2014

Cordova/PhoneGap app not working on iOS 8.0 Beta (resolved)

Cordova/PhoneGap app and iOS 8.0 Beta
While testing the Cordova/PhoneGap App in iOS8.0 simulator on XCode 6 beta, I found that there is a known issue in the software due to which Cordova/Phonegap Apps are broken.

Friday, February 28, 2014

Cordova CLI (Command Line Interface) after v3.0

Cordova CLI (Command Line Interface) after v3.0

A command-line interface (CLI) is a means of interacting with a computer program where the user (or client) issues commands to the program in the form of successive lines of text (command lines).

Lets check the PhoneGap/Cordova CLI after v3.0 :-

Thursday, February 27, 2014

Apache Cordova before and after v3.0

Apache Cordova before and after v3.0

Apache Cordova (http://cordova.apache.org) is a free, open source framework for building cross-platform native applications using HTML5.
Recently developers of Cordova released v3.0 which is the major update as it is very different from the previous versions. Here are some of the major differences I came to know :

Monday, February 24, 2014

JavaScript documentation generator tools JSDoc, YUIDoc, Docco. Which is the best ?

JavaScript documentation generator tools JSDoc, YUIDoc, Docco

JavaScript Document Generator in short is an API which process the JavaScript file and generates documentation from comments in source using a syntax.

Last week I implemented some of the JavaScript Document Generators [JSDoc, YUIDoc, Docco], here are some of my findings :

Saturday, February 8, 2014

Thursday, January 30, 2014

Javascript engine and Google V8

A JavaScript engine is specialized computer software which interprets and executes JavaScript and commonly used in web browsers.

Tools required to develop PhoneGap / Cordova App

This article shares the system requirements and list of tools required to develop a Hybrid Mobile App using Cordova/PhoneGap.

Tuesday, November 26, 2013

How to attach event to element which execute only once?

Usually when we attach event to element, event functionality remains with the element till element gets removed but if we do not want to remove the element and want to run the event functionality only once. What to do ?

Pageload optimization using jQuery CDN

First thing first : What is CDN?

A content delivery network or content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet.

Saturday, November 23, 2013

What is Cordova and its relation to PhoneGap?

Apache Cordova and Adobe PhoneGap is a platform for building hybrid mobile applications using HTML, CSS and JavaScript. Here's a tiny bit of explanation.

Sunday, November 17, 2013

Toolkits for developing Hybrid Apps.

In the previous post I described about the difference between Native Apps, Web Apps, and Hybrid Apps. So if I opt for Hybrid Apps, how can I start the development?. Here is the start, with the toolkit's required for developing Hybrid Apps.

Friday, November 15, 2013

Native Apps, Web Apps, and Hybrid Apps. What is the difference?

In the mobile world, terms like native app, web app and hybrid app are very common but What’s the difference? Here's a tiny bit of explanation.

undefined and null in javascript. What is the difference ?

There is one difference between undefined And null in JavaScript undefined is a data type and null is a value.

Saturday, October 12, 2013

Event Bubbling, How to prevent it ?

Event bubbling and capturing are two ways of event propagation in HTML DOM.

In bubbling the event is first captured and handled by the inner most element and then propagated to outer elements.
In capturing the event is first captured by the outer most element and propagated to the inner most element.

Only event bubbling model is supported by all the major browsers.

parent, parents, closest. What is the difference ?

All these 3 jQuery methods are used for navigating upwards through the DOM. But they all are different from each other in ways that make them each uniquely useful, Here's a tiny bit of explanation.

Sunday, October 6, 2013

Local storage, Cookies. What to use ?

Sometimes web pages are more than just static sources of information; sometimes they want to interact with and know something about their users. In order to do this websites need to store data locally on the client-side. The solution for this for a while has been cookies, which are small text-files that store name:value pairs.The newest solution is HTML5 local storage.

empty, remove, detach. What is the difference ?

jQuery provides various methods to remove elements from DOM. But they all are different from each other, Here's a tiny bit of explanation.

Saturday, October 5, 2013

bind, live, delegate, on. What is the difference ?

All these 4 jQuery methods are used for attaching events to selectors or elements. But they all are different from each other, Here's a tiny bit of explanation.

em, px, pt, percent. What is the difference ?

CSS offers a number of different units for expressing length and sometimes its confusing to relate them with each other, Here's a tiny bit of explanation.

Tuesday, October 1, 2013


Welcome to markupjavascript.com
Here you can find articles related to latest web technologies like 
HTML5, CSS3, JavaScript, jQuery, PhoneGap, Angular JS, Node JS, React JS, PHP, MySql

Keep visiting :-)

Receive all updates via Facebook. Just Click the Like Button Below

You can also receive Free Email Updates: