Tutorial Outline

  1. Demonstration of Web materials that will be covered
  2. Web programming in the Non-majors course
    1. Expectations
  3. Minimal HTML for interactive web
    1. Familiarity with Composer
    2. Brief review of HTML elements
      1. What is HTML?
      2. simplest
      3. lists
      4. links
      5. images
      6. tables
    3. Interactive objects
      1. forms
      2. clickable images
        1. sample
      3. events
        • onclick
        • onmouseover
        • onmouseout
        • onblur
        • onfocus
    4. Frames
      1. 2 pane
      2. 3 pane menu frame
  4. Javascript Basics
    1. Form-- introduction to Javascript
      1. Simple form
      2. Elements of Javascript
      3. More complicated
      4. Expressions
      5. Statements
      6. Functions
      7. Objects and Properties
      8. Put it together
      9. Array and frame example
      10. FSM Dog
    2. Some more samples
      1. crazy math
      2. experiment
      3. little calculator
      4. Giddy up
    3. Playtime
      1. Javascript exercises
      2. Javascript resources
      3. Our courses
  5. Teaching tips
    1. Problems
    2. An experimental GUI solution
    3. JSDraw

      4. (Java underpinning for instruction)