Javascript Tutorials

These Javascript tutorials can help you to start learning javascript and also to learn more about more advanced Javascript features.
JavaScript Categories
10 Subcategories in Javascript Tutorials
50 Articles in: Javascript Tutorials
Getting Started
Introduction to a series of tutorials on programming with JavaScript
Woman Using Laptop in Kitchen - Cavan Images/The Image Bank/Getty Images
Looking to Download JavaScript Snippets? Here's How to Get Them
You don't have to pay for JavaScript, and you don't have to write it yourself either -- unless you want to. We'll help you understand your options for finding, downloading, and customizing free JavaScript code.
Why JavaScript
How should you use JavaScript so that it enhances your site.
Tools for Making JavaScript
What tools do you need to write JavaScript?
JavaScript Library or Code Yourself
Should you use a JavaScript library or write all the code yourself. Both ways have advantages and disadvantages.
How to Attach JavaScript into Your Page.
All you need to add to HTML to add JavaScript into the page is one script tag
JavaScript MIME Type
The correct MIME type to use for JavaScript is not the one almost everyone uses and there is a reason for that.
Should You Do it With JavaScript
There are lots of things that can be done with JavaScript that are better done in some other way.
JavaScript Events
JavaScript can respond to events in your web page. There are a range of different types of events and also different ways to attach the JavaScript.
Man using desktop PC at desk in office - Maskot/Getty Images
Understanding What Order to Run JavaScript Code
What order does JavaScript run its code in?
Why Return A Value
Many web pages describe how to return a value from a function in JavaScript. This page explains why you should want to do so for most of your functions.
Methods and Side Effects
Attaching your functions to relevant objects means that they are less likely to need to have side effects as many updates will be fully contained within the object.
Web Page Creation
Just when should you add JavaScript when creating a web page?
Null and Undefined
Both null and undefined in JavaScript do not always behave as you might expect them to.
Built-in Functions: alert, confirm, prompt
JavaScript provides built in functions to display dialog boxes
JavaScript For
'for' is a reserved word in JavaScript.
JavaScript and HTML
Some ways of adding JavaScript to HTML are better than otherst.
Man using laptop at home - Mark Bowden/E+/Getty Images
JavaScript and HTML 5
One of the proposed additions to HTML 5 will make validating form fields in the browser slightly easier.
HTML and the DOM
You need to understand how the Document Object Model relates to your HTML source if you expect JavaScript to update the web page correctly.
Two DOMs
The XHTML Document Object Model is not the same as the HTML one.
JavaScript and XHTML
There are two completely differen document object models that JavaScript can work with - one for HTML and one for XHTML.
What Version of Javascript
Determining which version of Javascript is supported by a browser.
JavaScript Redirect
JavaScript can redirect your visiitors to a different page.
JavaScript Dates
javascript date, date method, format, add period, date difference, javascript
Five Most Common Coding Errors
The five worst pieces of code that people use with Javascript and which you ought to avoid.
What 'Interpreted' and 'Compiled' Means in Java
JavaScript runs as an interpreted language in the web browser. This impacts on how you need to write your code in ways you wouldn't need to worry about if it were compiled.
Page One
A line by line walkthrough of a JavaScript object definition that performs a significant number of DOM updates.
Learning JavaScript
You need at least a decent knowledge of JavaScript before you can use a JavaScript library effectively.
How to Split Webpage JavaScript into Separate Files
How to separate the JavaScript in your web page from the HTML and put it in its own file.
Referencing Form Fields
Referencing form fields from JavaScript.
Is that Feature Supported?
How to test if a browser supports a particular Javascript object, method, or property.
Javascript and XHTML
How to put a Javascript on an XHTML page so that it will pass validation.
Permanently Disable Javascript
How to disable Javascript in most browsers.
Browser Detection
Determining which browser your visitor is using.
How I Write JavaScript
There are a number of ways that you could write your JavaScript code. This is the approach I find easiest.
Media Specific JavaScript
Dynamically load JavaScript code dependent on the media that the browser supports by combining two simple functions in a simple if statement.
Two Types of JavaScript
Some JavaScript code just makes your page look a little nicer and more interactive. Other JavaScript provides more essential functionality.
Regular Expressions
JavaScript supports regular expressions that are very similar to those supported by many other programming languages.
Modular Code Using JavaScript Functions
Reuse your existing JavaScript code in multiple places by converting it into functions.
Variables, Functions, Properties and Methods
While these four terms have distinct meanings in some languages, things are not as clear cut in JavaScript.
Validate Form Content
You can validate what your visitors enter into fields on your form both when they enter the field itself and immediately before they submit the form. These tutorials will show you how.
Regular Expressions
Regular Expressions are one of the more difficult to understand parts of the Javascript language. This series of tutorials will take you step by step through how regular expressions work and how to code them.
Animation Tutorials
Learn how to put DHTML animations onto your web page with this series of tutorials. We will start by looking at how we can make objects appear and disappear and the progress to cover how we can make the objects move about on the page.
Popup Windows
This series of tutorials takes you step by step thrugh thedifferent ways that you can create and modify popup windows.
Learn AJAX
This series of tutorials will introduce you to AJAX by taking you step by step through the code of a simple example.
Document Object Model
The Document Object Model provides an way for Javascript to access the current web page in order to modify what the page contains or how the page looks.
How to use script tags to link to external JavaScript
To link to external JavaScript, use Script tags. These attributes will attach another JavaScript to the page, allowing further JavaScript code to run.
Using HTML to Create Collapsible Div Menus
HTML collapsible div menus save space on the web page. The content heavy page becomes “decluttered” which improves its aesthetic and functionality.
How using innerHTML can save you some time
The innerHTML property is a convenient way to access the entire content of the HTML container. It can be used to either retrieve from or insert content into a container.
Use responseText and responseXML
Using responseText and responseXML determines if the server responses in AJAX are in XML or plain text. The field in which the response is returned depends upon what format is being used.
View More