1. Provide an example of closure in javascript.
2. How do you create an object using a function constructor?
3. How would you dynamically populate the following into all elements with a class name of ?news-story? on a page using a) jQuery and b) raw javascript:
   

   JSON:

   {“items”: [
   {
   "title": "sample 1",
   "author": "author 1"
   },

   {
   "title": "sample 2",
   "author": "author 2"
   }
   ]}

   expected output:

   <div class="news-story">

   <h5>sample 1</h5>
   <p>By: author 1</p>

   <h5>sample 2</h5>
   <p>By: author 2</p>

   </div>

markup/css

1. Provide sample markup/css for the following module:
   

   required interaction (with javascript, if desired feel free to use a library of choice):

   Clicking on a topic link (left-side) loads new content on the right side content well

BONUS:

1. Write a program in Javascript that prints the numbers from 1 to 100 into a web page.
   But for multiples of three print “Fizz” instead of the number and for the multiples of five print “Buzz”.
   For numbers which are multiples of both three and five print “FizzBuzz”.

   Then repeat, and do a version in PHP (or some other server side language). Please submit the server-side code for review.

I can’t disclose where these questions came from, but I’m going to use them as a guide on what to learn, if I don’t already know the solutions.

When I was child I remember waking up on weekend mornings to the sounds of Marty Stouffer’s voice narrating the Wildlife nature show on the local PBS station. That memory makes up an experience that I don’t think I could trade for a couple of reasons. Reason one: I think of my dad; his love for nature and spending his time away from work either outside in the nearest mountains or inside watching shows about the outside. Reason two: the shows were usually very interesting, reeling my brothers and I in if we were simply passing by on our way to get a drink from the kitchen during intermission from playing legos in our rooms. Experience. That’s what we had, and it is now positively embeded in our memories for what it’s worth.

The responsibility of the user experience designer, in the case of the web, is to take into account a user, in an environment with which they intend interact, and determine the best way to make their experience positive and memorable. While not all website experiences can rival those of our best embeded childhood memories, we can aim for a fluid interface and well thought out navigation to keep a user coming back. As part of that aim, we must adhere to standards for clean coding and best practices, continue to learn new techniques in usability design for both frontend and backend interfaces, do compatability testing to cover the intended viewing devices, and keep in mind that our experience should be findable.

I love user experience design. It gives me the opportunity to aim for efficiency in the flow or layout of something, and taking into account someone who will experience it. I have always loved to create things like illustrations, sculptures, or user interfaces. But, I especially enjoy the control I have over how someone will experience what I create.

This is a list of some things considered relevant from the perspective of someone reviewing a job candidate’s front-end development abilities. I jotted these from various articles and forums posted online.

• Understand DOM (what it is, why it’s related)
• XML / Namespaces
• Understanding javascript
• Knowing approaches to componentization (XBL, HTC) – plus
• Understand object-oriented principles
• Javascript closures
• Memory leaks in browsers
• Good HTML / CSS design principles

As in reviewing an online portfolio of examples:

• Does HTML and CSS validate?
• Does presentation render consistently between browsers (cross browser compatability)
• Does the work have javascript errors? Are the errors making their way to the presentation layer, or caught with a try / catch block?
• Form validation
• regex
• MM_preloader? (bad?)
• Be able to properly break down a design into its semantic components
• Name at least 3 things that fail in IE and the workarounds used for IE

As a task during an interview or pre-qual:

• Create a company intranet that follows:
  1. a simple 3 column layout
  2. a good looking table using CSS
  3. dynamic loading using XML and javascript