CS 100 Exam II Review

1
CS 100 Exam II Review
2
Exam II 40 Questions Bonus

• 10 Review questions
• Similar but NOT the same!
• 4 Operating Systems questions
• 20 HTML and JavaScript questions
• What does this script generate?
• Which script generates the following?
• 5 Miscellaneous questions
• 1 Bonus question

3
Exam II Topics

• HTML form elements
• Widgets
• Client-side scripting
• Good coding techniques
• Event handlers
• JavaScript functions
• HTML trees
• document.write
• Radio vs checkboxes

• Table borders
• Relative references
• Origin of JavaScript
• Browsers
• Submit buttons
• HTML objects
• HTML data types
• Concatenation
• Script arrays

4
Lecture 11 OS and File Systems

• System software vs. application software
• What is an Operating System?
• What is a File?
• How do you search for a file? View a file? Run
  a file?
• What are file extensions?
• How are files organized?
• What is the recycle bin used for? How does it
  work?

5
Lecture 12 User Interface

• Hardware vs Software
• Hierarchical File System
• tree--special type of graph nodes, parent,
  child, ancestor, descendant
• directory structure--series of levels based on a
  tree folders, path, pathname
• User interface
• Text based DOS, UNIX
• Graphical User Interface (GUI) Windows, Mac

6
Lecture 13 Text and HTML

• Text is an array of characters
• Hypertext Markup Language
• Netscape Navigator and Microsoft Internet
  Explorer
• HTML editors Notepad, Dream Weaver, Front Page,
  Composer
• HTML Elements
• Content enclosed by tags
• Attributes are modifiers to tags
• Strict HTML (XHTML)

7
Lecture 14 Advanced HTML

• ltagt - Anchor
• ltbgsoundgt - Audio Sound
• ltblinkgt - Blink text
• ltbodygt - Document body
• ltcentergt - Center text
• ltfieldsetgt - Form grouping
• ltfontgt - Font Specification
• lth1gt-lth6gt - Heading
• lthrgt - Horizontal Line
• ltimggt - Image
• ltlegendgt - Fieldset caption
• ltmarqueegt - Marquee
• ltpregt - Preformatted Text
• lttitlegt - Document title

• HTML document tree
• Hexadecimal Colors
• Tables
• lttablegt - Tables
• lttdgt - Table Data Cell
• ltthgt - Table Header
• lttrgt - Table Row
• Hyperlinks
• Relative links
• Absolute links
• Document links

8
Lecture 15 Forms and Search

• Web-site requests
• HTML forms
• User input
• Text box
• Buttons button, radio, checkbox
• Selections
• Text area
• Sending request
• Static vs dynamic pages, CGI
• Blocking pornography

9
Lecture 16 HTML Forms II

• HTML forms
• Create web pages that accept user input.
• Communicate information back to the web server.
• Generate dynamic web pages.
• Contain labels, text boxes, buttons, etc.
• Client-side scripting
• ltinput /gt
• ltselectgtltoptiongtlt/optiongtlt/selectgt
• lttextareagtlt/textareagt
• Event Handling

10
Lecture 17 JavaScript I

• Lightweight programming language.
• The content of the ltscriptgt element is a
  JavaScript program.
• Variable names
• Functions
• Built-in functions document.write,
  window.alert,
• User functions
• Form widgets have names

11
Lecture 18 JavaScript II

• HTML Objects
• HTML Generated by JavaScript
• document.write
• Event Handling
• onClick
• onChange
• onMouseOver, onMouseDown, onMouseUp
• onFocus
• onBlur

12
Lecture 19 JavaScript III

• What is a bug?
• Debugging
• Build a fence
• Listen for a howl
• JavaScript fences
• window.alert()
• Line comment //
• Block comment / /
• Big Bang programmers

13
Lecture 20 JavaScript IV

• Take it one piece at a time
• Make sure each piece works before moving on
• Find a way to make your problem smaller
• Dont be a Big Bang programmer!
• Program in small increments and test.
• Test, Test, Test, Test.
• Make a copy and cut features out of the copy that
  dont relate to your problem.
• Put in Wolf fences to help you narrow down the
  problem.