CSC 230: The Week beginning Aug. 25

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.)
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
  
  Do not just attach files with JavaScript to an email message. The email system will remove the code. Either post your files and send me a link. Or zip up all of the relevant files and send that as an attachment.
Due: Sept. 3
Monday:

Course syllabus

PowerPoint Presentation on HTML Hello World (and viewing file extensions in Windows)
HelloWorld_Fall_14.html starts HTML -- talked about title, h1 and h2 elements
Wednesday:

RoundTwo.html begins JavaScript includes a button input element that calls a function that pops up an alert and also changes the innerHTML of a div element.
Thursday

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. 4
Friday:

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)

ImageCompare.html compares changing the source of an image element to adding an entirely new image element.
Speeches.html Using a img element's click event to change the src of an iframe to display a youtube video

YouTubeDemo.ppt (PowerPoint for above)

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