tutorials

• Comments from section
• All comments
• Help

WebPlatform Docs welcomes all comments. If you want to comment, please register or log in. It is free.

This tool helps to make and review comments inline.

How to Use

insert instructions, with images, here

JavaScript Tutorials

Summary

Index page for JavaScript tutorials.

JavaScript fundamentals

You can start studying JavaScript with the following articles:

• Programming basics
• Your first look at JavaScript
• The purpose of JavaScript
• JavaScript functions
• Objects in JavaScript
• Traversing the DOM
• Creating and modifying HTML
• Manipulating CSS with JavaScript
• Events in JavaScript

Tips and best practices

• Graceful degradation vs. progressive enhancement
• JavaScript best practices
• The principles of unobtrusive JavaScript

Available JavaScript topic areas

Drilldown more deeply into JavaScript with these detailed topic areas:

• Introduction to JavaScript
• Statements
• Closures
• Getting production-ready
• Testing and debugging
• Dynamic UI effects

JavaScript tutorials

API Name	Summary
Iterators and generators	Processing each of the items in a collection is a very common operation. JavaScript provides a number of ways of iterating over a collection, from simple for and for each loops to map(), filter() and array comprehensions. Iterators and Generators, introduced in JavaScript 1.7, bring the concept of iteration directly into the core language and provide a mechanism for customizing the behavior of for...in and for each loops.
core objects	This chapter describes the predefined objects in core JavaScript: Array, Boolean, Date, Function, Math, Number, RegExp, and String.
expressions	This chapter describes JavaScript expressions and operators, including assignment, comparison, arithmetic, bitwise, logical, string, and special operators.
Functions	Functions are one of the fundamental building blocks in JavaScript. A function is a JavaScript procedure—a set of statements that performs a task or calculates a value. To use a function, you must define it somewhere in the scope from which you wish to call it.
Inheritance revisited	Inheritance has always been available in JavaScript, but the examples on this page use some methods introduced in ECMAScript 5.
About LiveConnect	This chapter describes using LiveConnect technology to let Java and JavaScript code communicate with each other. The chapter assumes you are familiar with Java programming.
objects	JavaScript is designed on a simple object-based paradigm. An object is a collection of properties, and a property is association between a name and a value. A value of property can be a function, which is then known as the object's method. In addition to objects that are predefined in the browser, you can define your own objects. This chapter describes how to use objects, properties, functions, and methods, and how to create your own objects.
The principles of unobtrusive JavaScript	In this article, we discuss an important concept of JavaScript — unobtrusiveness, or how to write JavaScript so that it enhances a website experience, but is not vital for it to run.
manipulating css with javascript	This article shows how to use JavaScript to modify the CSS applied to an HTML page, and create new styles.
JavaScript for mobile
The frameworks
JavaScript gotchas
Avoid built in Object wrappers for primitives
Don't forget the ;
The problem with using typeof for testing for null
Use === not ==
Why eval() is evil
JavaScript libraries
Modernizr	Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
Yepnoe
jQuery
jQuery UI
JavaScript on the server
Nodejs
JavaScript polyfils
When to use
User interaction
Clicking buttons
Interacting with mouse movements
Keyboard controls
touch events and gestures
Animation in JavaScript	This article discusses how to make simple animations in JavaScript.
HTML5 <audio> and <video>	HTML5 has improved embedding of audio and video by providing native support for many different file types. In this guide, we'll cover the various ways to embed audio and video, including browser compatibility and frameworks to streamline cross-browser compatibility.
Overview of drag and drop download in Chrome	An introduction to native drag-and-drop download.
Building web apps	In this tutorial, we'll provide you with the architectural understanding, frameworks and tools you'll need in order to create web apps. We'll also explain how they should be used and how they fit together.
Building web games	With the combination of developments in HTML5 and improvements to modern browsers, it's now possible to build high-quality games using web technologies. In this document, we'll provide you with the tools, frameworks, and tutorials you'll need to create games. We'll also explain how they should be used and how they fit together.
Closures
Coding best practices
JSLint and JSHint
Creating and modifying HTML	when you've targetted an HTML element using JavaScript, how do modify it, and create new HTML nearby? This article shows you how.
Dynamic UI effects	This page lists tutorials concerned with using JavaScript to create dynamic effects such as animations, graphic manipulation, and other interesting techniques.
Events in JavaScript	This articles shows how to handle events in JavaScript, such as a user clicking a button, and perform actions in response.
Reading files in JavaScript using the file APIs	An introduction to HTML5 JavaScript file API.
Converting Wordico from Flash to HTML5	Learn techniques and approaches for converting a crossword game from Flash to HTML5.
Forms	One of HTML5's many new features is enhancements to forms. This includes new types of inputs (email, phone number, etc), attributes (form validation and styling), and elements (progress bar, meter, output, etc). Since these features are relatively new, support across browsers can vary. You should keep this in mind as you develop your web app to make it the best possible user experience across all browsers. In this document we will discuss the new features, how to detect and handle non-supporting browsers, and mobile considerations.
Getting started with JavaScript	This tutorial provides a brief introduction to JavaScript, for readers who are already familiar with programming concepts
Graceful degradation vs. progressive enhancement	This article discusses the important concepts of graceful degradation and progressive enhancement, and how they relate to JavaScript.
javascript	JavaScript tutorials index page.
JavaScript best practices	This article discusses some best practices to follow for writing efficient, understandable JavaScript.
JavaScript functions	This article discusses JavaScript functions, or how we create reusable pockets of code that we can call over and over again as we need.

See more pages...