JavaScript tutorial:


Become the JavaScript expert in record time: this comprehensive JavaScript tutorial guides you every step of the way. Creating great web pages without JavaScript is hard - JavaScript is the backbone of dynamic web design and gives your pages a real edge.

JavaScript is not restricted to your web pages: you can use it for processing / housekeeping of intranets and your local files, and in stand alone HTML Applications (HTA), and if you master JavaScript variant called Action Script you can even create cool casino games like the ones in the sites below:

Note: This tutorial assumes that you are using JavaScript Editor, which assists you in many ways and makes your scripting a breeze. However, it is not a prerequisite. You can use the tutorial with any other editor, or even with the Notepad + web browser alone.

If you are new to JavaScript, click here for a speedy start.
If you are an experienced used, scroll below to the topic of your interest.



What is JavaScript (also called JScript)? : Hands-on approach: your first JavaScript and an introduction to scripting

Part 1: JavaScript Essentials

The building blocks of JavaScript : Learn about variables, statements, expressions...
Declaring and naming JavaScript variables : How to declare a variable, data types...
JavaScript reserved keywords : Avoid using reserved words for your variables
JavaScript operators : Computational, logical, increment/decrement...
Controlling the program flow : Via loops and conditional branching
JavaScript functions : Built-in function, how to create your own functions
Special characters : Learn what is an escape sequence and how to add special characters

Part 2: Arrays, objects and advanced concepts

The life of variables : Global and local variables, and when to use them
Passing data by value and by reference : When to use one and when the other
JavaScript arrays : How to create an array, and retrieve and modify its elements
JavaScript objects : What are they, and how to create your own
Object constructors : Initializing and augmenting objects
Recursion : When a function calls itself, and in which cases is it handy to use it

Part 3: Using JavaScript in web pages

Displaying text and HTML : How to use JavaScript to output HTML
Message boxes : Alert; getting input from users
Multimedia : Introduction; two ways to add JavaScript to your web pages
Moving an image : How to animate using JavaScript
Animation sequencing : More on animation
Looping animation : Apply looping to move an image along a set path
Animating text objects : Move the text in a figure 8
Blending images : Transition effect: blend one image into another
Transition effects : Changing the background via transition effect
Adding sound to your pages : Playing sound files; background music

Part 4: Creating stand-alone HTML Applications (HTA)

What are HTML Applications (HTA)? : Why are HTA great for you; your first HTA
Fast ways to create HTML Applications : Convert a web page into a HTA; adding a menu

Part 5: AJAX tutorial

Hands-on AJAX tutorial : What is AJAX, why is it great for your web pages, how to use it, AJAX examples...

Part 6: Debugging JavaScript code

Common mistakes; Syntax check : Avoid common pitfalls
Testing your scripts : Structural walk-through, black-box...
JavaScript debugger guide part 1: setting breakpoints, stepping through code, viewing variables, viewing stack frames...
JavaScript debugger guide part 2: watch, lists, inspecting variables, advanced DHTML debugging...
How to enable JavaScript debugger: requirements for JavaScript debugger and troubleshooting ("class not registered" message, etc)...

JavaScript reference

Operators table

For developers using Antechinus® JavaScript Editor:

JavaScript Editor reference

Recommended layout

Running and testing JavaScript code
Code reuse with templates, solutions, auto-scripts and macros
Working with resources
Intellisense and auto-complete
Source code formatter / beautifier
Using the Editor with visual web tools
Focus your editing with code folding
Spell-checking your documents
Creating and maintaining web menus

Viewing your web pages
Managing your websites, transferring files, Get & Put

JavaScript debugger guide part 1
JavaScript debugger guide part 2
How to enable JavaScript debugger

Working with XML files
CSS File Editor: fast way to create and maintain your CSS files
Extending the functionality of JavaScript Editor
       Download and install additional components
       Integrate additional browsers and third-party tools into JavaScript Editor environment

JavaScript articles and solutions

How to create games using JavaScript
How to read and write files in JavaScript
Fixing JavaScript bugs

Get JavaScript Editor, the best IDE for JavaScript, PHP, HTML/XHML, XML and CSS development