Web
Programming

Fall 2012

course

navigation

Sep 18

Last week's homework

Discuss the CGI assignment.

Do we want to spend more time on this?

JavaScript

Where we're going :

 1. The language itself - scope, objects, JSON, ...
 2. The DOM - the object API of the HTML tags
 3. 3rd party libraries - jQuery, Underscore, ...

How to run JavaScript in the browser

The basic idea: Jim's example

JavaScript resources

http://www.javascriptenlightenment.com/JavaScript_Enlightenment.pdf
http://jsbooks.revolunet.com
http://jstherightway.com
http://jsfiddle.net - try it out
http://www.jslint.com - is my code OK?

Javascript Language Syntax

defining variables and functions.

use "var"
assigning functions to variables
numbers (all float ?!)
strings and string manipulations

structures

objects : {foo:1, bar:3} (i.e. python 'dictionaries')
arrays : [3,10,'hello']
... but they're not as distinct as they are in other languages.
json : a data exchange format based on this sort of syntax

conditionals, true, false, loops

do some examples

scope and namespaces

issues around loading multiple files in one web page
anonymous functions as private scopes
closure
this

examples

Examples of where to run javascript in html :

JSFiddle is very useful for trying out / demoing an idea. Here is a small example: http://jsfiddle.net/vTzNd/3/.

A more complex example.

Aside :

http://cs.marlboro.edu/ courses/ fall2012/web/ notes/ Sep_18
last modified Tuesday September 18 2012 2:29 pm EDT