close
The Wayback Machine - https://web.archive.org/web/20150906011546/http://javascript.about.com/od/learnmodernjavascript/

Learn Modern JavaScript

This new series of JavaScript tutorials introduces JavaScript coding using modern unobtrusive techniques. This series is still a work in progress so you may need to return here every so often in order to get to the newest tutorials in the series.
JavaScript Categories
JavaScript Essentials
Readers Recommend
View More
3 Subcategories in Learn Modern JavaScript
29 Articles in: Learn Modern JavaScript
Learning to Write Modern Unobtrusive JavaScript
This tutorial is for both those who are just starting out with JavaScript and want to learn the modern way to write code as well as those who have been writing JavaScript for some time and want to modernise their code.
Getting Started
Introduction to a series of tutorials on programming with JavaScript
Learn Modern Unobtrusive JavaScript
Let's start looking at how to write modern unobtrusive JavaScript by looking at how to write an unobtrusive Hello World script
Learn Modern Unobtrusive JavaScript
The first step in making your JavaScript unobtrusive is to move all the event handlers out of the HTML into the external JavaScript file.
Learn Modern JavaScript
Start writing your own JavaScripts
Learn Modern Unobtrusive JavaScript
Not all events are triggered by your visitor. You can set up events to be triggered after a specific time has elapsed or even to be triggered at regular intervals.
Learn Modern Unobtrusive JavaScript
JavaScript offer a number of comparison operatorsa that can be used to test what values various variables and objects contain.
Learn Modern Unobtrusive JavaScript
There is seldom a need to test what browser is being used in order to work out whether given code can or can't be run in JavaScript since JavaScript has supported feature sensing since it was first created.
Learn Modern Unobtrusive JavaScript
There are two places where you can put your script tag when using unobtrusive JavaScript. The traditional one is in the head of the page.
Woman working from home - Sara Wight/Photodisc/Getty Images
Learn Modern Unobtrusive JavaScript
In JavaScript functions and methods are exactly the same thing as all functions are methods.
Learn Modern Unobtrusive JavaScript
One thing that makes a JavaScript function flexible is the way that you can pass it different values in the parameters for each call and directly access the value the function returns.
Learn Modern Unobtrusive JavaScript
There is no difference in JavaScript between the properties of an object and variables.
Learn Modern Unobtrusive JavaScript
The basis on which everything in JavaScript is built is the object.
Learn Modern Unobtrusive JavaScript
One of the most useful objects in JavaScript is the array.
Learn Modern Unobtrusive JavaScript
Nodelists are part way between objects and arrays in the way they work with JavaScript
Learn Modern Unobtrusive JavaScript
There are different types of loops available in JavaScript which serve different purposes
Learn Modern Unobtrusive JavaScript
JavaScript treats numbers as just another type of object and there are therefore methods that can be used to manipulate numbers.
Learn Modern Unobtrusive JavaScript
Text strings are one of the more useful types of object in JavaScript
Learn Modern Unobtrusive JavaScript
Date manipulation in JavaScript is easy using the date object.
Learn Modern Unobtrusive JavaScript
The built in dialogs such as alert have no place in a live web page.
Learn Modern Unobtrusive JavaScript
There are many objects built into JavaScript some of which you will rarely use.
Learn Modern Unobtrusive JavaScript
You can add properties and methods to existing JavaScript objects at any time.
Learn Modern Unobtrusive JavaScript
As well as using and extending the objects built into JavaScript, you can also create your own.
Learn Modern Unobtrusive JavaScript
By slightly modifying the way we write JavaScript we can reduce the opportunity for it to clash with other JavaScript in the page.
Learn Modern Unobtrusive JavaScript
The JavaScript you use with forms can be just as unobtrusive as the rest of your JavaScript.
Learn Modern Unobtrusive JavaScript
Modern JavaScript has a standard way of interacting with web pages called the Document Object Model.
Learn Modern Unobtrusive JavaScript
Some JavaScript commands should be considered to be obsolete since better ways of achieving the same result are now supported by all modern browsers.
Unobtrusive Easter Calculator
How to create an unobtrusive Easter Calculator to add to your web page.
Double Bar Menu
Creating a menu that displays two bars across the top of the page.
View More