Online JavaScript Tutorial
This online Javascript tutorial been very well received judging by the number of emails I get. JavaScript is a vast language and it is not possible to teach everything in these 35 tutorial sessions, however, we will cover most of the basics - statements commands and functions. This Javascript tutorial was written for someone who has no programming experience.
I had taken off this tutorial for a little while simply to correct errors, however, if you do find some, please report them here; and if you simply like this javascript tutorial, please do let me know.
JavaScript History
Web pages made using only HTML are somewhat static with no interactivity and negligible user involvement. Interactive pages can be described as those that understand and process user behavior (actions) like mouse movements, mouse button clicks, HTML button clicks etc.
HTML tags are just instructions on document layout and structure; the display of the document in the window is dependent on the browser. Interactive pages cannot be built with only HTML, we need a programming language. Further, since the response time to user actions should be quick, the programming language has to be embedded in the browser itself. (Programs residing on servers can not bring about interactivity due to the time taken for sending the user input and receiving the response.)
Keeping these things in mind, the people at Netscape came out with a client-side (read browser) language that was integrated with version 2 of Netscape Navigator. They called this language JavaScript. (Actually, JavaScript was initially christened LiveScript. Seeing the popularity gained by Sun Systems' Java, the bigwigs at Netscape changed its name... a clever marketing ploy. Eh?)
Microsoft's implementation of JavaScript is called JScript and was first introduced with version 3 of Internet Explorer.
JavaScript is thus, a client-side scripting language. There is also a server-side version that is used in Active Server Pages, a technology promoted by Microsoft. This tutorial describes only client-side JavaScript.
JavaScript enables browsers to take decisions and process information. This is the key to interactivity.
JavaScript now
At the time of writing, JavaScript is in version 1.2 and is soon to be standardized by the International Standards Organization.
Why do you need JavaScript?
Here are a few things you can do with JavaScript:
- Validate forms at the client-side saving both the precious server resources and time.
- Create mouseover effects, change background color of a document with a click of a button... interactivity!
- Randomly display content without the involvement of server programs.
- Move HTML elements around pages.
- Change page contents dynamically.
- Load content in new browser windows and frames.
- Make online games.
Nature of JavaScript
JavaScript is based on Object Oriented Programming concept. Its syntax is quite similar to C, C++ and Java. However, it is much easier to learn and implement.
Other Client-side languages like Javascript
VBScript: Implemented only under Internet Explorer, this client-side language is similar to BASIC. It is commonly used in ASP technology.
PerlScript: Similar to the Perl Language. Not very well supported by browsers.
What is covered in this Javascript tutorial?
Since this Javascript tutorial was written keeping in mind a novice, we start with the very basics, gently touching JavaScript methods and event handlers and then moving on to variables, loops, functions etc. In the following sessions on this tutorial, you will learn how to detect browsers, print current date and time on a web page, change images on mouse-over, display statements in the browser Status Bar and several other nifty things. Once you get a grasp of these sessions, you can build over what you have learnt through practice and consulting a JavaScript reference.
Embedding JavaScript in HTML - Online JavaScript lessons for Beginners
Creating your first JavaScript - Javascript basics
JavaScript Introduction - Writing JavaScript with HTML
JavaScript Guide - Object Oriented Programming in JavaScript
Understanding JavaScript objects - Online JavaScript help
Online JavaScript Guide - Methods
JavaScript Online Reference - alert() method
JavaScript Online Help - Event Handlers 1
JavaScript Event Handlers - onmouseover and onmouseout
JavaScript Event Handlers - onclick and ondblclick
Creating or Opening New Windows (pop-up) in JavaScript
JavaScript Functions - Creating and Using - 1
Learning JavaScript Programming - Variables
Learning JavaScript Functions - 2
JavaScript Operators - String and Arithmetic Operators
JavaScript increment and decrement operators - Operator Precedence
Online JavaScript Manual - Variables and JavaScript methods
JavaScript Errors - Understanding and Correcting
JavaScript IF Statement
JavaScript IF-ELSE Statement
Browser detection through JavaScript - Navigator Object
Date and Time in JavaScript
JavaScript - Else If
The JavaScript prompt - Getting user input
Global and Local variables in JavaScript Functions
Understanding JavaScript for Loop
JavaScript While Loop
JavaScript break And continue Statements For Loops
Changing Images on Mouseover Using JavaScript
JavaScript - Image Change Using Functions
Generating Random Numbers in JavaScript
JavaScript Arrays - creating and storing values
Random Text Display Using JavaScript
Random Image Display Using JavaScript
JavaScript Programming Tutorial - Last Words
