Permalink
Browse files

init

  • Loading branch information...
thrashr888 committed Feb 3, 2012
0 parents commit 70bb20204dcee9b7cd025c920b77f94a5a7af143
Showing with 75 additions and 0 deletions.
  1. +75 −0 README.md
  2. BIN img/icon-comment-gry.png
  3. 0 index.html
  4. 0 test.css
  5. 0 test.js
@@ -0,0 +1,75 @@
+SAY Media Front-end Coder Test
+==============================
+
+Overview
+--------
+
+This worksheet is intended to provide an opportunity for you, an engineering applicant, to demonstrate your software engineering knowledge.
+
+For any section which requires coding, we are looking to see how you solve the problem. The logic you employ and the approach you take to solve the problem are the most interesting to us. Each of the given problems have at least a handful of valid solutions, and possibly other solutions weʼve never seen. So, donʼt worry about finding “the” solution. Provide a solution that you like. You should NOT use any 3rd party plugins to solve any of the exercises.
+
+Please review the exercises first. If anything is unclear or confusing, please contact us in the first 10 minutes and we will help clarify any issues.
+
+Most importantly, have fun!
+
+Exercise #0
+-----------
+To get started you'll fork our project at GitHub
+
+ http://github.com/thrashr888/frontend_code_test
+ git clone git@github.com:thrashr888/Frontend-Code-Test.git
+
+Exercise #1
+-----------
+Create an HTML5 page with header, footer and main sections in index.html. The main section should contain a content section and a sidebar. Set the width of the content section to 660 pixels and the sidebar section to 300 pixels. Make the sidebar float to the right side of the content section.
+
+Index.html should include these scripts:
+
+- https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js
+- test.js
+- test.css
+
+The header section should contain a nav with three links:
+
+- Home ( index.html )
+- About ( /about )
+- Blog ( /blog )
+
+Exercise #2
+-----------
+In the sidebar section, create a form for a poll with 4 options. The last option will be an input box for custom text. It will POST to the url "/poll/submit". In the browser, it should look something like this:
+
+My Favorite Dog Breed
+
+* Boxer
+* Hound
+* German Shepherd
+* [ Custom Input ]
+
+[ Submit Button ]
+
+Exercise #3
+-----------
+![HTML Layout](https://img.skitch.com/20120202-tr4cd1p4r7r24tehqy3hx4xcrx.jpg "HTML Layout")
+
+In the content section, rebuild this design in HTML5 and CSS3. You don't need to perfectly match exact pixel sizes, fonts, or colors for this exercise but it should look as similar as possible.
+
+The image for the comment count can be found in the img folder. You can use placekitten.com for the larger images (e.g. <img src="http://placekitten.com/140/120" />).
+
+Exercise #4
+-----------
+Make a new link called "Sidebar" in the nav that hides and shows the sidebar 3 seconds after you click on it. On hover, make the "About" link in the nav turn all the headlines in the previous design green except for the first one.
+
+Exercise #5
+-----------
+Write documentation about the project.
+
+Exercise #6
+-----------
+Before the hour is up, commit your changes into git and push them back to the server.
+
+ git add *
+ git commit -m'< your message goes here >'
+ git push
+
+Send us a link to your fork in GitHub and you're all done!
Binary file not shown.
No changes.
No changes.
No changes.

0 comments on commit 70bb202

Please sign in to comment.