Assignment Checklist for IT-130

Here is a checklist you should always refer to before you submit any of your assignments. It will keep you from making many small nitpicky mistakes that you would otherwise lose points on.

Two important notes:

  1. Conventions: Some of the items here are NOT official HTML-5 requirements. However, many of them are adhered to by professional programmers and are considered to be both good habits and good conventions. So please adhere to these conventions as if they were part of the official standard. One example is the 'alt' attribute for images.
  2. You only need to do items once they have been discussed in lecture: The first several times you use this checklist, most of the items will not mean anything to you. Various requirements will be added as we progress. In other words, you are not required to meet a requirement if it has not yet been discussed in the course. However, once a topic has been covered in lecture, you must meet that requirement.

Checklist Items

  1. All pages must include the html, head, title, body, DOCTYPE, and, charset (meta) tags.
  2. Use whitespace (but don't overdo it!) For example, you rarely need more than one blank line between sections.
  3. Naming convention for file names (this includes all file names such as your html files, images, css files, etc): Name should be all lower-case, spaces should be separated with underscores.
  4. You should never name any file index.html. That particular file name has a special usage and should only be used in specific situations.
  5. Images must always include the altattribute.
  6. Prompts for form elements should be placed inside a <label> tag. Note: I realize that not all of my examples include this tag. This is to reduce a little bit of code clutter when I am trying to demonstrate certain concepts. However, it is a habit that you should definitely try to adhere to.
  7. Once semantic tags have been discussed (around week 4), your pages should always be divided into at least 2 semantic sections, header and main.
  8. All <div> tags should be named using the idattribute.
  9. Colors should be specified using their HEX codes (e.g. #FF0000).
  10. Any time you have an id attribute, you should identify it using the proper conventions (i.e. camel case, prefixes). E.g. id="txtFirstName". Note: Do not confuse this convention for naming ID attributes, with our naming convention for file names!
  11. Every time you read in a numeric value from a form, you must invoke the parseInt() for integers or parseFloat() (for decimals) on that value.
  12. Naming conventions for JavaScript variable and function names: camel-case (e.g. thisIsOneVariable; Be sure to follow official JS rules as well such as not beginning with a digit, etc.
  13. All images must be stored in the images subfolder of your site. This is NOT required until we have discussed creating subdirectories.