Web Development Intensive

These charts show the breakdown of grades for the quiz.  Here’s a quick chart to convert your scores to percentages:

We will be having a quick quiz on Saturday that reviews the basic concepts we have covered in class so far.  Anything from the readings or assignments from Class 1 to Class 3 is fair game, so make sure you are up to date.  Topics covered include (but are not limited to), basic HTML syntax and common elements covered in class, CSS syntax, CSS selectors, information architecture navigation concepts, Javascript’s relationship to Java, the relationship between client and server.

There will also be questions about file management.  Please refer to this post for guidelines on file management for class projects:
http://wd.onepotcooking.com/2009/07/15/class-1-managing-project-files

So make sure you understand how you are supposed to structure your files for projects in class, how your file and folder structures on the server that you create with WinSCP correspond to the addresses you type into the web browser, and the difference between relative and absolute paths.  This site has a decent description of absolute and relative paths that is a good recap of what we discussed in class: http://www.communitymx.com/content/article.cfm?cid=230ad

The quiz will *not* cover using CSS for layout with the float and clear properties.

The answers have been scored, the scores have been tallied, and the tallies speak for themselves.  On the whole, you did quite well on the Client-side quiz.

Client-side quiz results

There are a few points worth noting:

• Question 14.  The great majority of people got the following CSS question wrong.  The correct answer is (d), and it’s important to understand why.
  

  The correct answer is (d)

• Question 35.  A significant number of students got the question about passing parameters to functions wrong.  This concept is outlined in further detail on the post, Intro to Javascript functions, and it is very important to go through this and other examples from this site, the w3schools Javascript function description, or the Tizag.com PHP function explanation, until you grasp this concept of functions and passing arguments to functions in particular.
  

  Question about function parameters

  The correct answer is:

  <div onmouseover="whosOnFirst('Ronald');"> mouseover this area </div>

• Question 34.  My hunch is that those of you who had problems with this question were stymied by the same confusion over functions and parameters/arguments as in Question 35 above.
  

  question about variables, literals, and functions

  In this case, there is a typo in that the first two lines of Javascript should actually be on one line.  Breaking a line of Javascript in two like this will indeed cause an error.  The error I meant you to find was that the first line of Javascript should read:

   var emailEl = document.getElementById("my_email");

  This is because without quotes around “my_email”, Javascript will look for a variable called my_email and not find one.

• A significant number of students confused the W3C with w3schools.com in the questions about what online resources we are using.  The W3C is a standards organization which creates specifications for many of the common internet technologies, including XHTML, CSS, Javascript, and the HTTP protocol.  W3Schools.com is a website with good tutorials in XHTML, CSS, and Javascript.
• The average score was 35.  Considering the high scores most students got, I would suggest that if you got below a 35, you should revisit the XHTML, CSS, and Javascript material and go over the questions you got wrong until they make perfect sense.

Here is the quiz covering the basic concepts of client-side development.  Hopefully this is an easy reminder of the topics we’ve covered.

Client Side Quiz