commit e7ca18a0e0e3bb8445de65f3392ce4d7d8b2172b
Author: Darcy Clarke <darcy@darcyclarke.me>
Date:   Thu Feb 9 16:43:19 2012 -0700

    Added questions and readme

diff --git a/README.md b/README.md
new file mode 100644
index 0000000..57e5ea4
--- /dev/null
+++ b/README.md
@@ -0,0 +1,7 @@
+#Front-end Developer Job Interview Questions
+
+@version 1.0
+ 
+##Contributors
+
+@ajpiano (http://ajpiano.com/), @paul_irish (http://paulirish.com/), @SlexAxton (http://alexsexton.com/), @boazsender (http://boazsender.com/), @vladikoff (http://vladfilippov.com/), @gf3 (http://gf3.ca/) and @darcy_clarke (http://darcyclarke.me)
\ No newline at end of file
diff --git a/interview-questions.html b/interview-questions.html
new file mode 100644
index 0000000..1ccaf70
--- /dev/null
+++ b/interview-questions.html
@@ -0,0 +1,202 @@
+<h2>JOB INTERVIEW QUESTIONAIRRE</h2>
+<h3>General Questions:</h3>
+<ul>
+	<li>Are you on Twitter?
+	<ul>
+		<li>If so, who do you follow on Twitter?
+	</ul>
+	<li>Are you on Github?
+	<ul>
+		<li>If so, what are some examples of repos you follow
+	</ul>
+	<li>What blogs do you follow?
+	<li>What version control systems have you used?
+	<li>What is your preferred development enviroment? (OS, Editor, Browsers, Tools etc.)
+	<li>Can you describe your workflow when you create a web page?
+	<li>Can you describe the difference between progressive enhancement and graceful degredation?
+	<ul>
+		<li>Bonus points for the answer "no one can"
+		<li>Extra bonus points for describing feature detection
+	</ul>
+	<li>Explain what "Semantic HTML" means.
+	<li>What does "minification" do?
+	<li>Why is it better to serve site assets from multiple domains?
+	<ul>
+		<li>How many resources will a browser download from a given domain at a time?
+	</ul>
+	<li>If you have 8 different stylesheets for a given design, how would you integrate them into the site?
+	<ul>
+		<li><strong>Looking for file concatenation.</strong>
+		<li>Points off for <code>@import</code>, unless it works in conjunction with a build system.
+	</ul>
+	<li>If you jumped on a project and they used tabs and you used spaces, what would you do?
+	<ul>
+		<li><strong>issue :retab! command</strong>
+	</ul>
+	<li>Write a simple slideshow page
+	<ul>
+		<li>Bonus points if it does not use JS.
+	</ul>
+	<li>What tools do you use to test your code's performance?
+	<li>If you could master one technology this year, what would it be?
+	<li>Name 3 ways to decrease page load. (perceived or actual load time)
+	<li>Explain the importance of standards.
+</ul>
+<p>
+</p>
+<h3>HTML-Specific Questions:</h3>
+<ul>
+	<li>What's a <code>doctype</code> do, and how many can you name?
+	<li>What's the difference between standards mode and quirks mode?
+	<li>What are the limitations when serving XHTML pages?
+	<ul>
+		<li>Are there any problems with serving pages as <code>application/xhtml+xml</code>?
+	</ul>
+	<li>How do you serve a page with content in multiple languages?
+	<li>Can you use XHTML syntax in HTML5? How do you use XML in HTML5?
+	<li>What are <code>data-</code> attributes good for?
+	<li>What are the content models in HTML4 and are they different in HTML5?
+	<li>Consider HTML5 as an open web platform. What are the building blocks of HTML5?
+	<li>Describe the difference between cookies, sessionStorage and localStorage.
+</ul>
+<p>
+</p>
+<h3>JS-Specific Questions</h3>
+<ul>
+	<li>Which JavaScript libraries have you used?
+	<li>How is JavaScript different from Java?
+	<li>What are <code>undefined</code> and <code>undeclared</code> variables?
+	<li>What is a closure, and how/why would you use one?
+	<ul>
+		<li>Your favorite pattern used to create them? argyle (Only applicable to IIFEs)
+	</ul>
+	<li>What's a typical use case for anonymous functions?
+	<li>Explain the "JavaScript module pattern" and when you'd use it.
+	<ul>
+		<li>Bonus points for mentioning clean namespacing.
+		<li>What if your modules are namespace-less?
+	</ul>
+	<li>how do you organize your code? (module pattern, classical inheritance?)
+	<li>What's the difference between host objects and native objects?
+	<li>Difference between:
+	<pre>
+		<code class="javascript">function Person(){} var person = Person() var person = new Person() </code>
+	</pre>
+	<li>What's the difference between <code>.call</code> and <code>.apply</code>?
+	<li>explain <code>Function.prototype.bind</code>?
+	<li>When do you optimize your code?
+	<li>Can you explain how inheritance works in JavaScript?
+	<ul>
+		<li>Bonus points for the funny answer: "no one can"
+		<li>Extra bonus points if they take a stab at explaining it
+	</ul>
+	<li>When would you use <code>document.write()</code>?
+	<ul>
+		<li><strong>Correct answer: 1999 - time to weed out the junior devs</strong>
+	</ul>
+	<li>What's the difference between feature detection, feature inference, and using the UA string
+	<li>Explain AJAX in as much detail as possible
+	<li>Explain how JSONP works (and how it's not really AJAX)
+	<li>Have you ever used JavaScript templating, and if so, what/how?
+	<li>Explain "hoisting".
+	<li>What is FOUC? How do you avoid FOUC?
+	<li>Describe event bubbling.
+	<li>What's the difference between an "attribute" and a "property"?
+	<li>Why is extending built in JavaScript objects not a good idea?
+	<li>Why is extending built ins a good idea?
+	<li>Difference between document load event and document ready event?
+	<li>What is the difference between <code>==</code> and <code>===</code>?
+	<li>Explain how you would get a query string parameter from the browser window's URL.
+	<li>Explain the same-origin policy with regards to JavaScript.
+	<li>Explain event delegation.
+	<li>Describe inheritance patterns in JavaScript.
+	<li>Make this work:
+	<pre>
+		<code class="javascript">[1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]</code>
+	</pre>
+	<li>Describe a strategy for memoization in JavaScript.
+	<li>Why is it called a Ternary statement, what does the word "Ternary" indicate?
+	<li>What is the arity of a function?
+</ul>
+<p>
+</p>
+<h3>JS-Code Examples:</h3>
+<pre>
+	<code class="javascript">~~3.14</code>
+</pre>
+ Question: What value is returned from the above statement? <strong>Answer: 3</strong>
+<pre>
+	<code class="javascript">"i'm a lasagna hog".split("").reverse().join("");</code>
+</pre>
+ Question: What value is returned from the above statement? <strong>Answer: "goh angasal a m'i"</strong>
+<pre>
+	<code class="javascript">( window.foo || ( window.foo = "bar" ) );</code>
+</pre>
+ Question: What is the value of window.foo? <strong>Answer: "bar"</strong>
+<pre>
+	<code class="javascript">var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);</code>
+</pre>
+ Question: What is the outcome of the two alerts above? <strong>Answer: "Hello World" &amp; ReferenceError: bar is not defined</strong>
+<p>
+</p>
+<h3>jQuery-Specific Questions:</h3>
+<ul>
+	<li>Explain "chaining".
+	<li>What does <code>.end()</code> do?
+	<li>How, and why, would you namespace a bound event handler?
+	<li>What is the effects (or fx) queue?
+	<li>What is the difference between <code>.get()</code>, <code>[]</code>, and <code>.eq()</code>?
+	<li>What is the difference between <code>.bind()</code>, <code>.live()</code>, and <code>.delegate()</code>?
+	<li>What is the difference between <code>$</code> and <code>$.fn</code>? Or just what is <code>$.fn</code>.
+	<li>Optimize this selector:
+	<pre>
+		<code class="javascript">$(".foo div#bar:eq(0)")</code>
+	</pre>
+</ul>
+<p>
+</p>
+<h3>CSS-Specific Questions:</h3>
+<ul>
+	<li>Describe what a "reset" CSS file does and how it's useful.
+	<li>Describe Floats and how they work.
+	<li>What are the various clearing techniques and which is appropriate for what context?
+	<li>Explain CSS sprites, and how you would implement them on a page or site.
+	<li>What are the differences between the IE box model and the W3C box model?
+	<li>What are your favourite image replacement techniques and which do you use when?
+	<li>CSS property hacks, conditionally included .css files, or... something else?
+	<li>How do you serve your pages for feature-constrained browsers?
+	<ul>
+		<li>What techniques/processes do you use?
+	</ul>
+	<li>What are the different ways to visually hide content (and make it available only for screenreaders)?
+	<li>Have you ever used a grid system, and if so, what do you prefer?
+	<li>Hav you used or implement media queries or mobile specific layouts/CSS?
+	<li>Any familiarity with styling SVG?
+	<li>How do you optimize your webpages for print?
+	<li>What are some of the "gotchas" for writing efficient CSS?
+	<li>Do you use LESS?
+	<li>How would you implement a web design comp that uses non-standard fonts? (avoid mentioning webfonts so they can figure it out)
+	<li>Explain how a browser determines what elements match a CSS selector?
+</ul>
+<p>
+</p>
+<h3>Optional fun Questions:</h3>
+<ul>
+	<li>What's the coolest thing you've ever coded, what are you most proud of?
+	<li>Do you know the HTML5 gang sign?
+	<li>Are you now, or have you ever been, on a boat.
+	<li>Tell me your favorite parts about Firebug / Webkit Inspector.
+	<li>Do you have any pet projects? What kind?
+	<li>Explain the significance of "cornify".
+	<li>On a piece of paper, write down the letters A B C D E vertically. Now put these in descending order without writing one line of code.
+	<ul>
+		<li><strong>Wait and see if they turn the paper upside down</strong>
+		<li>This should make the laugh and is a fine way to relieve some tension at the end of the interview.
+	</ul>
+	<li>Pirate or Ninja?
+	<ul>
+		<li>bonus if it's a combo and a good reason was given (+2 for zombie monkey pirate ninjas)
+		<li>If not Web Development what would you be doing?
+		<li>Where in the world is Carmen Sandiego? (hint: they'e answer is always wrong)
+		<li>What's your favorite feature of Internet Explorer?
+	</ul>
\ No newline at end of file