JavaScript Interactive Tutorial

1. Syntax of the language.
2. Variables and constants
   Variables are dynamic in JavaScript.
3. Operators.
4. Array.
   They are dynamic and have attributes and methods.
• Associative array.
• For each.
5. Functions.
   Defining and calling functions.
• Built-in functions.
6. Control structures.
   Loops and conditional expressions.
   
7. JavaScript and PHP
   Sharing variables between PHP and Web pages. Adding variables to that of a form.
8. Form
   Principles and form objects in HTML 4 and HTML 5.
• Form objects in HTML 4.
• Input text.
• Creating and using a form. Adding a button or an image used as button.
• GET or POST, what method to choose?
• Sending and receiving values of a form.
• Demonstration of all form objects.
• How to pass the state of a checkbox to another page.
  
9. The eval function
   This built-in function allows to add variables and functions dynamically.
10. Regular expression
    Processing texts with matching rules.
11. Objects
    In JavaScript, they are dynamic, the structure can changes during a processing.
• The Number object.
• The String object.
• The Array object.
• The Date object.
• The RegExp object.
• The Boolean object.

HTML and DOM objects

1. Window.
   Creating dynamically a window in JavaScript.
• Location. Accessing element of the URL of the page.
• Document. Accessing content of a webpage.
• History. Interface to the browser history.
• Dialogs. Interacting with the user, with alert, confirm, prompt.
• setTimeout and setInterval. Delay before execution.
2. Navigator. An object to identify the browser of the user.
3. Node. Smallest element of the tree of a page.
4. NodeList. Using the interface, example.
5. Select. Displaying a list of items to select.
• Dynamic select. Management of lists with JavaScript.
6. Image Map. Links in images.
• Dynamic images. Replacing an image.

Examples and interactive demos

1. Optical illusion. How to change an image when the mouse is pressed down on it.
2. Methods of Number. Trying interactively valid values and the result of conversions.
3. Demo of String methods.
4. Demo of Array methods.
5. Methods of Date. Trying interactively the Date object.
6. Adding dynamically a video reader with Node.
7. Regular expression tester.
8. Operators tester.