Midterm Study Guide

  1. HTTP Request - Know the basics of an HTTP request, just the actual request, no telnet or curl parts. 
          GET /some/document.html HTTP/1.1
      host: www.example.com
  2. Know the different types of elements, ie Block elements, Inline elements, Void elements, and be able to give an example of each.
  3. Image formats. Know what the different image formats are good for, GIF, JPEG, PNG.
  4. URLs - Know the parts of a URL. Know the difference between absolute and relative URLs.
  5. HTML Entities - Know the HTML entity encoding for basic symbols: & < > "   Non-breaking space
  6. DOM & Nested elements - Know how nested elements work, how to balance open and closing tags. Know how to draw a DOM tree from an HTML document, and how to write an HTML document from a DOM tree.
  7. HTML - Know how to create a valid HTML document. Know the required parts of a document. Don't forget the <!doctype html>!
  8. CSS - Know the parts of a CSS rule. Know how to combine identical declaration sets with multiple selectors.
  9. CSS Selectors - Know how to accurately target specific HTML elements with a selector.
  10. Specificity - Know how to calculate the specificity of a selector
  11. Positioning - Know how relative, absolute, static positioning behaves. Know how this relates to a Positioned Element.
  12. Colors - Know the basics of CSS colors. rgb() syntax, Hex codes and shorthands.
  13. Javascript Datatypes - Know the built in basic data types in Javascript
  14. Arrays - Know how to create an array and initialize it with values. Know how to append to an array, and how to access elements in an array.
  15. Objects - Know how to create a javascript object. Understand the key: value relationship. What are valid values?
  16. Functions - Know how to create a javascript function, and how to call it with and without arguments.
  17. Events - Know how to attach an event to an object. Know how to register a callback function. Know how the window 'load' event works, and when to use it.
  18. Javascript CSS Classes - Know how to add a CSS class to an object.
  19. Javascript Style - Know how to access and update the element.style object. Know the basic properties to position things, change fonts, etc. Know how to translate CSS keywords to javascript keywords, ie font-size → fontSize.
  20. Getting Elements - Know how to get elements from the DOM
    • document.getElementById('elementid');
    • document.getElementsByTagName('div');
    • document.getElementsByClassName('elementid');