JavaScript Card

The content
of all three
VisiBone Cards
spiral-bound
10 pages
(Color, Fonts,
XHTML, CSS,
JavaScript, DOM)

EXCERPT FROM THE DATE SECTION:

PAGE 2: MORE JAVASCRIPT

              AND A FORM  EXAMPLE

EXCERPT, OPERATOR BINDING:

P3:  DOCUMENT OBJECT MODEL

EXCERPT FROM WINDOW.OPEN:

PAGE 4: REGULAR EXPRESSIONS

EXCERPT CHARACTER CLASS:

• Browser compatibility and
  standards compliance are
  color coded (Internet 
  Explorer, Netscape, Opera,
  W3C, ECMA)
• assert() used to define and
  document features, and
  to test browser support
• JavaScript Language
  Number, String, Boolean, 
  Date, Function, Objects, 
  Types, Math, decisions, 
  loops, null/void/undefined ...
  • Number-to-String and
    String-to-Number
    conversions
  • Operator precedence
    (loose to tight binding)
  • The seven places you can
    put your JavaScript
    (head, body, include,
    event attribute, URL,
    bookmarklet, string)
  • Unraveling the mysteries
    of JavaScript nothingness:
    null, undefined, undeclared,
    uninitialized, unknown,
    unsafe and void.
• Document Object Model
  windows, documents, 
  forms, images, elements, 
  nodes, styles, layers ...
  • window.open() options:
    menubar, toolbar,titlebar,
    width, height, left/screenX,
    top/screenY, etc.
  • form object model example
  • CSS style sheet properties,
    e.g. backgroundColor for
    background-color
  • Event object, how to get it
    and the properties it has
  • Image prefetch trick
• Regular Expressions
  literals, classes, repeaters, 
  submatches, etc. ...
  • Simple methods: 
    test(), search(), replace()
  • Advanced methods, with
    explanations and examples: 
    split(), match(), exec()
  • RegExp() constructor
  • Global side-effects, e.g.
    RegExp.$1 for submatch 1
  • Flags for global-repeat,
    case-insensitive, multi-line
  • Punctuation escaping
  • Email address extraction
    example
• Color-coded browser and
  standards support throughout:
  • Netscape 4–6
  • Internet Explorer 4–6
  • Opera
  • W3.org (DOM2)
  • Background color
    indicates lone support by
    one when the others don't

     Netscape only 
     IE only 
     W3.org only 

  • Border color indicates
    lone nonsupport — one
    doesn't, the others do

    Not Netscape

    Not IE

    Not Opera

    Think of the unsupporter
    as the ostracized 
    outsider.  Get it?
    border = outsider?
• Bugs, browser diversity
  identified with icons — and
  detailed elaboration online
  for each one

Features unique to the Card:

• Crisp phone-book font,
  6-point Bell Centennial
• Strong, clear and crisp
  5-mil lamination
• Unbound, two pieces
• Four pages,  8.5" x 11"

The JavaScript Foldouts  
are a larger print version of
the JavaScript Card.