JavaScript Tutorials

Welcome to Lesson 5. Here we’re going to cover areas of JavaScript that will give you more control over your website, and how it behaves when a user performs a certain action. Events are essential to how your site will direct users to predetermined sections, pages, forms, etc. This is yet another facet of JavaScript that will enable you to build upon the foundation we’ve already covered.

Simple how to on using jQuery JSON to pass javascript objects to PHP. In PHP we use the new json_encode and json_decode functions to make sense of the information we get from the Javascript through Ajax.

Discover how to reverse the order of elements in an array; how to sort an array alphabetically; and how to sort an array in any order.

In Part 1 of this series we will design a game character from scratch. We will start with a drawing on paper and with the help of JavaScript we will create a breathing, blinking character on HTML5 canvas. Hopefully by the end of Part 1 you will have the tools and inspiration to create a character of your own.

The document object is associated with the Web page appearing in the browser. It is a property of the window object and is also an object itself which includes properties and methods that permit JavaScript control over the look and feel of the current XHTML document.

Increase your site performance by loading external Javascript files (social buttons, analytics ...) after Page load

Cookie is very useful to remember selected menu item and other data. Learn how to manipulate cookie with javascript. A simple implementation of menu with cookie support is uncluded in this article and also functions that will make your life easier.

An interesting new library – TN3. This is jQuery image gallery with slideshow, transitions effects, multiple album options etc. Plus you will able to customize it (via CSS).

This tutorial will show how to create a simple bar graph that animates between values on an HTML5 Canvas using JavaScript. Source code is available for download.

An intensive guide for web designer and developer to work with HTML5 Data Attributes.