All posts tagged ‘thau’

File Under: JavaScript, Programming

JavaScript Tutorial – Lesson 2


In the last lesson, you learned about where JavaScript goes and how it looks. Now it’s time to start learning the language. In this lesson, you’ll learn how JavaScript stores information, how it makes decisions based on that information, and how to change images based on user interaction.

Ready? It’s time to learn the fundamentals of computer programming. First stop, variables.

Continue Reading “JavaScript Tutorial – Lesson 2″ »
File Under: JavaScript, Programming

JavaScript Tutorial – Lesson 3

In earlier lessons, you’ve learned:

  • How to add JavaScript to your HTML pages
  • How to use dialog boxes and variables to store and utilize user input
  • How to write HTML to a Web page using JavaScript
  • How to let JavaScript make decisions using if-then statements
  • How to make your Web pages react to users’ actions using link events
  • How to do a basic image swap

So far I’ve explained how to do many things, but I haven’t described why they work. In the last lesson, for instance, I showed you that window.document.monkey_image.src = "happy_monkey.gif" will swap happy_monkey.gif into an image named monkey_image . But what is that window.document stuff? And where does the .src come from? Similarly, you’ve seen document.writeln("monkey") . But why is it document.writeln and not just writeln ?

The answer to the above questions can be found in the JavaScript Document Object Model. The DOM is the way JavaScript describes Web pages, and it lies at the heart of all JavaScript programming. This lesson will teach you about the DOM, and the next lesson will teach you the rest of the basics of computer programming. By the end of the next two lessons, you will know all of the major ideas and syntax of JavaScript. All that will be left to learn are details, tricks, and how to avoid snafus.

To start us off along the road to the DOM, let’s learn about how to use JavaScript to open and manipulate new browser windows.
Continue Reading “JavaScript Tutorial – Lesson 3″ »

File Under: JavaScript, Programming

JavaScript Tutorial – Lesson 4

Welcome to Lesson 4! There are two main parts to JavaScript: the syntax of the language and its library of objects. In Lesson 2, which was an introduction to the syntax, we looked into variables, statements, and if-then clauses, which are parts of all programming languages. Now it’s time to learn the rest of the JavaScript syntax.

There are only three major aspects of JavaScript syntax that we have yet to cover: loops, arrays, and functions.

Let’s start with loops.
Continue Reading “JavaScript Tutorial – Lesson 4″ »

JavaScript Tutorial – Lesson 5

Now that you’ve mastered the basics of computer programming, it’s time to refocus on the Document Object Model (DOM). We’ve already seen that the DOM hierarchy starts with a Window object. Inside each Window object is a Document object. We’ll be spending this lesson going through the Document object and seeing how it can be used to get all kinds of information from your users and to dynamically present new information.

Continue Reading “JavaScript Tutorial – Lesson 5″ »
File Under: JavaScript

Thau’s Advanced JavaScript Tutorial

If you’ve gone through Thau’s basic JavaScript tutorial (or you already know a bunch about the subject), Thau’s advanced JavaScript course is just for you. In the previous tutorial, Thau taught the basics. He picks up here where he left off, starting with the meaning of var and if-then-else statements.

He moves along to show you how to make cookies (Mmmmm), and you’ll learn fancy string handling and associative arrays along the way. Give your JavaScript a sense of history and time (by setting timelines on your pages so that different events occur at different times), and then learn how to sense which browser your visitors are using.

Next, his Thauness gives lessons on image mapping and preloading images, with practical applications such as setting up an employee database and creating a virtual pet!

By the end of the five lessons, Thau puts the finishing touches on your JavaScript mastery, covering JavaScripting tools, debugging techniques, and ways to make your code sprint like the wind.

Get started: Lesson 1