Development

Loops are the most common and complicated part of any programming language. First of all what is loop or iteration? Loop is used for executing a set of statements or instructions repeatedly. To perform the repetitive task, Javascript provides us 3 types of Loop. For Loop is one of them. In this free javascript tutorial i am going to discuss on only For Loop. If we need to run multiple statement within a loop then the statements must be enclosed by curly braces { }. But for a single statement no need to wrap the line within curly braces because, for any iteration/loop if the condition satisfy then by default first line of code will be executed. This statement is also true for other programming languages. Keep in mind two things when you want to write a loop statement: 1. Statements that you need to iterate 2. Termination or exit from loop

To build a logic most of the times we need to use AND, OR, NOT operators in our conditional statements. Javascript also provide us all AND, OR, NOT operators. Since different programming language has different AND, OR, NOT syntax, sometimes we forget the language specific code syntax. This article or javascript lesson provide you the code syntax or example of the above three operators.

For a Javascript beginner, understanding the “if else” conditional statement is very much important. Its impossible to write conditional statement without “if else”, so read the article carefully. In this lesson i will try to give you a complete understanding on “if else” conditional statement to build up your desire logic. Keep in mind that the “if” code block will be executed if the underlying condition return TRUE value. If return false value then “else” code block will be executed. So lets start to learn the most common Javascript “if else if” code syntax.

This tutorial looks at touch related events in JavaScript and how they are used to detect and respond to touch and swipe events. With touch based devices ever growing in numbers, grasping touch related events in JavaScript is as essential as understanding the age old mouse events.

When creating websites, we very often ask a user to insert his personal details including a mailing address. This time, rather than using a conventional field, we will use a widget called jQuery UI jQuery address picker.

In this tutorial we will access the Compass feature from PhoneGap. With this feature we can obtain the direction that the device is pointing to. To demonstrate the use of this feature I built an application that acts as a Compass, it points to the North. This only works on the device.

From this tutorial you will find out how to play and record files from your device. After reading this tutorial you will be able to build your own Audio Player and Audio Sound Recorder using PhoneGap and jQuerry Mobile.

In this tutorial we will take a look at how we can capture the devices motion in the x, y and z direction. The accelerometer is a motion sensor which detects movement changes relative to the current device orientation. At the end of this tutorial we will make an object move around the screen. This tutorial was made on a Mac using Aptana Studio 3 and was tested on a HTC Desire device running on Android 2.2.

This tutorial will cover a basic photo gallery app. You will learn how to use jQuery Mobile grid layout, how to get files from the device’s file system and list them and how to show a picture. Using PhoneGap and jQuerry Mobile technology you can build portable apps that will work on Android, iPhone and other mobile phone OSes.

In this tutorial we will access the device’s default camera application, the photo library and we will record a video with PhoneGap. Also at the end we will do a basic crop on a selected image from our gallery using HTML5 Canvas and JavaScript.

This tutorial presents how to use the Geolocation API from PhoneGap and how to show your position on Google Maps using jQuery Mobile Maps.

In this tutorial we will take a look at the PhoneGap connection object which gives access to the device’s cellular and wifi connection information. We will use this feature to check what type of connection we have active on our device. Also we will take a look at some of the event types for Android and iOS provided by phonegap.

What we will cover with this tutorial: the use of jQuery Mobile form elements, how to add, edit and delete a contact from the device

The main objectives of this first part of the tutorial are: get the device contacts using Phonegap Contacts list the contacts using jQuery Mobile List Views

In this tutorial we will cover PhoneGap Notifications and jQuery Mobile Buttons: A custom yet simple notification. A confirmation notification. A Beep notification. (Only working on the device, doesn’t work in simulator) A vibrate notification. (Only working on the device, doesn’t work in simulator) Buttons basics, icons and themes.

This tutorial shows how to do basic cross-platform mobile app development with jQuery Mobile and Phonegap so you would be able to build portable apps. In this tutorial we will cover the next topics: Setup jQuery Mobile along with Phonegap Create pages with toolbars and navigation Get device information

PhoneGap is a free open source framework which gives you access to native APIs. I’m working on a Windows station, but this can also be done on Linux and OSX. The main advantage to using web technologies with PhoneGap is that web designers and web developers can write HTML5, CSS and JavaScript code and still be able to build Apps for mobile devices without having to learn other programming languages such as C++, Objective C or JAVA. The best part is that you write code once and build for Android, iPhone, Blackberry, Windows Phone, WebOS, Symbian.

Jetpack is a project to make it easy to build Firefox 4 add-ons using common web technologies like HTML, Javascript, and CSS. The project's goal is to enable anyone who can build a web site to participate in making the Web a better place to work, communicate, and play.

In this 80-minute screencast tutorial you will learn how to create an entire jQuery plugin from scratch capable of adding sorting, paging and more to a simple HTML table. We will explore building a jQuery plugin with multiple methods, default options, looping through tables to gather data, storing data in JavaScript objects, and more.

If you are aiming to make HTML elements and change its CSS properties without reloading the entire page then this post is for you. Most often we need to change CSS dynamically to fulfill user requirement. In this post i will show you through an example how we can achieve it. So that you can easily understand & change CSS class dynamically or runtime in your page by writing a simple javascript function.