New Scripts | JavaScript | Tutorials & Tips

JavaScript can be difficult to learn on your own. It can be even more difficult to find good tutorials that teach best practices from the onset. I've gathered together 15 video tutorials from the people who really know their JavaScript. You'll learn about the basics of JavaScript and how to debug it from Douglas Crockford, Peter-Paul Koch, Joe Hewitt, and others. This collection of tutorials is for pure JavaScript, no frameworks (those will come in a future post), so you'll get a chance to learn from the ground up.

It is shocking how many people actually think that the names of wife, children, pets or favourite sports teams, are actually safe passwords. To make potential users aware that this is not a case, here is a password complexity test for registration forms.

In this tutorial we will be creating a prototype method in Javascript that will help us validate any date entered from the user's input. The function will take two arguments: Argument 1: Target Delimiter. e.g. how the user should separate the digits. Common delimiters are '/' or '-'. Argument 2: Target Format. The order of the year (y), the month (m) and the day (d). Common formats are 'mdy', or 'ymd'.

This is a simple tutorial that introduces people to proper formatting and API usage of jQuery. The tutorial teaches how to use a button to show text in a hidden div tag. There are several other tutorials on the site as well to teach other aspects of jQuery. The goal of the tutorial is that you will be able to understand how to use the API at jquery.com to do anything.

Learn about Googles new O3D plugin, and get started with a simple O3D application.

This tutorial will explain how to create a slide-in panel effect with jQuery. Basically, this means a hidden panel the slides into view when it is triggered by a button or other action. This is often used to display a contact form in a fun way. As it turns out, this is very easy to do.

Learn how to implement 3D physics with your JavaScript or Flash Sandy-HX application.

A tutorial that shows you how to create both JavaScript and Flash 3D applications from the one code base using Haxe and Sandy-HX.

Get started with JavaScript game development using the new canvas element. This article introduces the canvas element, and goes on to show how to develop a comple game.

Around the world, the holiday of Christmas is celebrated with carolers, decorations, Santa Claus and ceremony as a way to honor the birth of Jesus Christ on December 25th every year.In this article we are going to design a JavaScript Christmas Countdown digital clock using the time of the visitor's computer for counting down to Christmas events. This script is extremely flexible it will work as per time zone. Before we start take a look to fine out days left until this Christmas.

On this tutorial you will learn how to easily make a draggable div. The code is easy to understand so you can apply the code on your own projects, and also cross browser compatible.

Mouseenter and Mouseleave functions in IE is one of the main reasons why developers would sometimes have to tweak their applications specifically for IE. Not only is IE the most popular browser, the specific mouse-related commands are very easy to configure that it will effectively let the developers build an interactive application in no time. Of course, they would have to add additional functions, but an application that uses the ability of a mouse in an application would have to consider IE as it main browser. This function alone could be found in IE and other browsers would have to use a counterpart which is mouseover and mouseout. But a distinct difference in

JavaScript Message Marquee at Status Bar of web browser With the help of JavaScript we can add our favorite message with marquee effect. First of all JavaScript Message Marquee at Status Bar of web browser. For that we create an object with a constructor, a special type of function that prepares a new object for use by initializing the memory it takes up. Objects are created by applying the new operator to their constructors.

JavaScript Bouncing Marquee text scroll at Status Bar of web browser With the help of JavaScript we can add our favorite message with Bouncing Marquee text scroll effect. First of all JavaScript Bouncing Marquee text scroll at Status Bar of web browser.

The easiest way of transferring data for an Ajax based application is to use the GET form in XHR. Although there are browser challenges a developer would face, using this function is still the best way to transfer data. Because of browser incompatibility, the workarounds in GET has been relatively easier. Implementing better security may seem to be a bit hazy for now but as long as the coding is stable and simplified, the application could be easily secured. There are even recommended steps that could be used if a developer wants to integrate JS Client for an API. But the challenge comes if the developer wants to implement functions that do not use GET. This is usually don

Cookies could become the ticket to success of a great JavaScript application. When cookies are properly defined, the application is stable and users will feel more secure because of the active monitoring and recording of the application. JavaScript would be able to seamlessly provide personalized services to users since cookies were already stored. But as much as JavaScript cookies could be the tool for an effective Ajax based application, this could also be a ticket to disaster. If cookies are not properly used in the application, developers might build an application that are very susceptive to different form of attack. JavaScript cookies are one of the small things that

JSON is a very useful output for JavaScript. As an output that is specifically built for the same programming language, it is expected that it could work without any problem with JavaScript and Ajax based applications. Although there is still browser incompatibilities expected from JavaScript and Ajax based applications, it should be expected that almost any function by JavaScript especially on DOM could be well received by JSON. With the compatibility provided by JSON, the options are almost endless when they are properly developed with JavaScript. Ease of user interaction and even increased security could be expected if they were just done right. But the interaction with

Onerror event is one of the many functions developers have to exhaustively use if they are building highly interactive Ajax or JavaScript based application. This form of error handling in JavaScript aids developers in properly handling unexpected errors on events or when an expected form of data has not been received. Aside from instructing the browser on the options available when error happens; onerror could be used by developers to know more about the application. This could be used to detect bugs in the application so that a remedy could be proposed as soon as possible. The basic coding for onerror event goes this way:

Adding HTML in an Ajax based application is one of the smart moves a developer would have in building a lightweight online application. By using HTML, developers are harnessing the best the HTML would provide – a lightweight source of data with simplified functions that could be easily called. The familiarity of HTML is present in almost every developer that adding HTML is no problem at all. JavaScript takes this familiarity a bit further by providing developers the ability to manipulate the attributes in HTML. By doing so, developers would have more power in controlling HTML according to their preferences. This could be done in DOM wherein developers would have more control

JavaScript and Ajax based applications could launch any function with the right input. Although this could be found in other programming languages, JavaScript have the ability to launch certain functions even if the inputs are unconventional. For example, the regular input from users could come in a form of data or clicking on a certain link. While this could be found in JavaScript as well, additional input could be used to launch certain functions in an Ajax based application. By combining these functions with the ability of the application to launch purely in the client side, developers could achieve a highly interactive application. These functions are often based on th