JavaScript Tutorial

This tutorial will teach you how to preview multiple images before uploading using jQuery. Note: jQuery used in this tutorial is hosted, so, you might need internet connection for it to work.

index.html

This contains our input file that we have customize and our preview area.

This tutorial will teach you on how to customize input file using jQuery and CSS. Note: Scripts and css used in this tutorial are hosted, therefore, you need internet connection for them to work.

Hiding our Input File

First step is to hide our input file.

In this tutorial, I'm going to show you how to add and remove class to a div using jQuery. I've created three buttons each assigned a jQuery function. To start with, be sure to include jQuery on your file in order for the code to work.

Creating our Sample

We create our sample by creating three styles with assigned class each. We name this as "index.php".

In this tutorial, I'm going to show you how to show/hide an area in the page without reloading the whole page using JQuery. I've also included in this tutorial a sample loader and a time out for the loader. Be sure to download the included sample gif and sample jquery.

Creating our Page

We create our page that includes our jquery. To create the page, open your HTML editor and paste the code below.

In this tutorial we will create a Simple Animated Text Using jQuery. The jQuery is a fast, reliable kind of cross-platform javascript library. It is designed to simplify the traditional way of coding in javascript. So let's now do the coding. Creating the Mark Up To display the animated text will need to create the mark up language, to do that open any kind of text editor(notepad++, etc).

In this tutorial we will try to make a very simple game called Snake. Snake is the most popular games in the late 1997 that comes from the Nokia 6110 Phone. This game become a favorite past time for all of us a long time ago, even our grand parents played this awesome game. So for today we will try to replicate the game, but this time we will create it through HTML & jQuery Script. Let's get started.

In this tutorial we will create a simple drawing application using jQuery. This tutorial will teach you on how to deal with HTML 5 canvas. Canvas is a HTML element which can be used to draw graphics using javascript scripting. This can be used to draw graphs, make photo composition or simple animations. This time we will try to apply jQuery library to this application. Let's start coding! Creating A Mark This will display the canvas work space to draw something.

In this tutorial we will try to create a simple color picker using jQuery. jQuery is a fast, reliable kind of cross-platform javascript library. It is designed to simplify the traditional way of coding in javascript. This application can also help you decide on what color will you use on designing your on website. So let's now do the coding. Creating the Mark Up To display the color picker will need to create the mark up language, to do that open any kind of text editor(notepad++, etc).

In this tutorial we will try to create a simple table generator by using jquery. jQuery is a cross-platform javaScript library design to simplified the modern HTML client side scripting. jQuery syntax was made to make it easier to navigate a document, like select DOM elements, develop Ajax applications and etc. Throughout the tutorial you will learn how to apply an array inside a nested loop. So let's start coding Creating The Mark Up To start with the form, open any kind of text editor that your computer have(notepad, notepad++, etc).

In this tutorial we will create a Simple To Do List App Using AngularJs. AngularJS is a structural framework for dynamic web application. It is a structural framework for dynamic web application for a better programming tools.This simple application can help organize your overload works by listing it to priority to least.