CSC 230: The Week beginning Aug. 31

Homework:
1. Provide a brief definition of the following terms (in the web programming context). For the starred terms you should also include an example
  - Element*
  - Event-Driven
  - IDE
  - Property*
  - Statement*
  - Variable*
  If you use a source (book or web site), cite your source. (The sites http://whatis.techtarget.com/ and http://www.webopedia.com/ are decent sources for technical definitions.)
  
  Submit the document to Canvas.
2. Design a page with at least two buttons and the corresponding JavaScript code that yields some interactivity which results when the user clicks on those buttons. Example: Mood.htm
  
  Zip up all of the relevant files and submit them via Canvas.
Due: Sept. 8
Monday:

Course syllabus

PowerPoint Presentation on HTML Hello World (and viewing file extensions in Windows)
Presentation on obtaining the Source-Design options in Visual Studio 2013
Presentation on Zipping and unzipping files and folders
Downloading files from ELMS/Micrsoft Alliance/DreamSpark (May need updating)
Tuesday:

Look at the following examples. Under the first item there are instructions for viewing the source of a page and saving your own copy of that page.
- Hello World 1 (simple HTML5 file)
- Hello World 1a (simple HTML5 file with more elements)
- Hello World 2 (adds a little CSS)
- Hello World 3 (adds a JavaScript alert)
- Hello World 4 (adds HTML, CSS and JavaScript comments)
- Hello World 5 (JavaScript document.write)
- Hello World 6 (JavaScript document.getElementByID and innerHTML)
- Hello World 6a (Appending instead of overwriting)
- Hello World 7 (Event-driven: button calls function)
- Hello World 7a (Event-driven: function with parameter)
- Hello World 8 (Uses a variable and prompt to get input from user)
- Hello World 9 (Uses a variable and get value from textbox)
- Hello World 10 (Adds some jQuery -- based on pages 34 & 120 from JavaScript & jQuery: the missing manual -- MacFarland)
1. Make a page like the following.

Due: Sept. 8
Wednesday:

Addition_f15.html (Some comments were added -- basically things we said in class but did not write down)
Friday:

ImageCompare.html compares changing the source of an image element to adding an entirely new image element.
EatIt.html changes an iframe's src to an embedded youtube video. It does this on the click event of an image element
/>
YouTubeDemo.ppt (PowerPoint for above)

Slideshow Presentation on making a table in Visual Studio
TableDemo_f14.html