New web developer employee skill test

  • Carnix
  • Guru
  • Guru
  • User avatar
  • Posts: 1098

Post 3+ Months Ago

We're gretting ready to hire a new developer, and part of the interview process will be a basic skills test... What do you think? To easy? To hard? (see below) The person isn't going to be a programmer, we're looking for a web developer who has advanced flash and photoshop skills. The REAL key is that the person cannot be dependent on WYSIWYG editors, because I hate them, they make for poor ugly code and I'll never give a job to someone who can't develop a website without one. Our lead web developer is designing a basic Flash and Photoshop test (he's much more skilled in those areas than I am), this is the code test only. The idea is to point out as many errors as you can in 15 minutes. The test will be provided on PAPER at the time of the interview, so no validators and no internet and no handbooks or reference material. You either know it or you don't...

What do you think? (I'm looking for some feedback as to whether this test will provide a good indicator of their basic webpage coding skill). The ASP errors are least important, JS errors next least. I'm REALLY interested in the HTML errors, the code (JS and VBScript) errors will help set a really skilled candidate apart, but not necessarily exlude them from being hired, since those are not really part of the core JD for this particular job.

Code: [ Select ]
<%
    strURL = Request.ServerVariables("HTTP_URL")
    strQueryString = Request.ServerVariables("Query") 

    function printSomethingOut(strURLtmp)
        if(instring(strURLtmp,"index.asp") then
            printSomethingOut == "The URL says index.asp!"
        end
    end
// This is an ASP Comment!
%>
<!DOCTYPE "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>CARE Web Team Skill Test<title>
    <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
    <meta HTTP-EQUIV="Content-Language" CONTENT="en-us">
    <meta NAME="description" CONTENT="CARE is an international relief and development organization.">
    <meta NAME="keywords" CONTENT="united states,care,non-profit,ngo,north america">
    <meta NAME="date" CONTENT="November 12, 2003">
    <meta NAME="lastupdate" CONTENT="June 6, 2005">
    <meta NAME="robots" CONTENT="all">
</head>

<style type="css">
    body { background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; color=#000000; }
    a:link { color:#ff6600; text-decoration:none; }
    a:active { color:#ff9900; text-decoration:none; }
    a:visited { color:#ff6600 text-decoration:none; }
    a:hover { color:#990000; text-decoration:underline; }
    .blackbg {background-color:#000000; color:#FFFFFF }
    .whitebg {background-color:#ffffff; color:#000000 }
</style>
<script language="JavaSript" type="text/javascript">
var boolVar = false;
function runTheFunction(){ // This is a line comment...
    if(boolVar = false)
        boolVar = true;
    else
        alert("boolVar equals false\nI'm setting it to true now.");
        boolVar = true
}
/*
    This is a JavaScript comment block
*/
</script>

<body onload="runTheFunction();">
<-- This is an HTML comment --!>
<table cellpadding="1" cellspace="0" border="0">
<tr>
<td style="blackbg"><h1>Hello</h1></td>
<td style="whitebg"><img source="images/spacer.gif" height=1 width="100" border="0"></td>
<td style="blackbg"><b>World</b></td>
</tr>
<tr background="#cccccc"><td colspan="3"><hr size="1" witdh:"100%"></td></tr>
<tr><td>Hello</td>
<td>
<pre>
: : : : :
 World
: : : : :
</pre>
</td>
<tr>
</table>
<P><%=strURL%>
<p><%=strQueryString%><br/>
<p><%Response.Write(printSomethingOut(strURL)%></p>
<!-- This is another HTML comment -->
<script language="javascript" type="text/javascript">
    if(!boolVar){
        document.write(boolVar());
    }
</script>
</body>
</html>
  1. <%
  2.     strURL = Request.ServerVariables("HTTP_URL")
  3.     strQueryString = Request.ServerVariables("Query") 
  4.     function printSomethingOut(strURLtmp)
  5.         if(instring(strURLtmp,"index.asp") then
  6.             printSomethingOut == "The URL says index.asp!"
  7.         end
  8.     end
  9. // This is an ASP Comment!
  10. %>
  11. <!DOCTYPE "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  12. <html>
  13. <head>
  14.     <title>CARE Web Team Skill Test<title>
  15.     <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
  16.     <meta HTTP-EQUIV="Content-Language" CONTENT="en-us">
  17.     <meta NAME="description" CONTENT="CARE is an international relief and development organization.">
  18.     <meta NAME="keywords" CONTENT="united states,care,non-profit,ngo,north america">
  19.     <meta NAME="date" CONTENT="November 12, 2003">
  20.     <meta NAME="lastupdate" CONTENT="June 6, 2005">
  21.     <meta NAME="robots" CONTENT="all">
  22. </head>
  23. <style type="css">
  24.     body { background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; color=#000000; }
  25.     a:link { color:#ff6600; text-decoration:none; }
  26.     a:active { color:#ff9900; text-decoration:none; }
  27.     a:visited { color:#ff6600 text-decoration:none; }
  28.     a:hover { color:#990000; text-decoration:underline; }
  29.     .blackbg {background-color:#000000; color:#FFFFFF }
  30.     .whitebg {background-color:#ffffff; color:#000000 }
  31. </style>
  32. <script language="JavaSript" type="text/javascript">
  33. var boolVar = false;
  34. function runTheFunction(){ // This is a line comment...
  35.     if(boolVar = false)
  36.         boolVar = true;
  37.     else
  38.         alert("boolVar equals false\nI'm setting it to true now.");
  39.         boolVar = true
  40. }
  41. /*
  42.     This is a JavaScript comment block
  43. */
  44. </script>
  45. <body onload="runTheFunction();">
  46. <-- This is an HTML comment --!>
  47. <table cellpadding="1" cellspace="0" border="0">
  48. <tr>
  49. <td style="blackbg"><h1>Hello</h1></td>
  50. <td style="whitebg"><img source="images/spacer.gif" height=1 width="100" border="0"></td>
  51. <td style="blackbg"><b>World</b></td>
  52. </tr>
  53. <tr background="#cccccc"><td colspan="3"><hr size="1" witdh:"100%"></td></tr>
  54. <tr><td>Hello</td>
  55. <td>
  56. <pre>
  57. : : : : :
  58.  World
  59. : : : : :
  60. </pre>
  61. </td>
  62. <tr>
  63. </table>
  64. <P><%=strURL%>
  65. <p><%=strQueryString%><br/>
  66. <p><%Response.Write(printSomethingOut(strURL)%></p>
  67. <!-- This is another HTML comment -->
  68. <script language="javascript" type="text/javascript">
  69.     if(!boolVar){
  70.         document.write(boolVar());
  71.     }
  72. </script>
  73. </body>
  74. </html>



.c
  • Hacker007
  • Proficient
  • Proficient
  • User avatar
  • Posts: 371
  • Loc: Riverside, CA

Post 3+ Months Ago

I found 20 errors, in the time limit, and None of them where asp (i'm not good there)

That was a pretty good test as far as HTML/CSS goes, but the JavaScript could be a bit more challanging maybe(regular expressions, and return/looping), and as for the ASP part... well I can't judge how easy it was, I'm not too familar with it.
  • sevster
  • Bronze Member
  • Bronze Member
  • User avatar
  • Posts: 518

Post 3+ Months Ago

1. function printSomethingOut(strURLtmp)
if(instring(strURLtmp,"index.asp") then
printSomethingOut == "The URL says index.asp!"
end
end -- you need end if and end function

2. <title>CARE Web Team Skill Test<title> -- close title

3. <style type="css"> -- wrong format

4. if(boolVar = false) -- need double '='

5. else
alert("boolVar equals false\nI'm setting it to true now.");
boolVar = true -- this is logically incorrect

6. <body onload="runTheFunction();"> -- no semicolon needed

7. <img source="images/spacer.gif" -- img src

8. <tr><td>Hello</td> -- the <tr> never closes

9. <p><%=strQueryString%><br/> -- no slash needed

10. <P><%=strURL%>
<p><%=strQueryString%><br/> -- the <p>'s need to be closed

<P><%=strURL%>
<p><%=strQueryString%><br/> -- no equal signs needed

12. document.write(boolVar()); -- boolVar is a variable not a function

13. height=1 -- need quotes

14. <hr size="1" witdh:"100%"> -- size? witdh?? no colon needed

15. <-- This is an HTML comment --!> -- comment incorrect

just felt like doing that for some reason...i may have missed a few, or made a few mistakes on my part because i'm in a rush....but in general, i think that this test is definately a pretty good one. it covers a lot of bases and areas of coding in html.

a couple suggestions i might have would be to include a bit more testing on the "css" part of it...because that is being used most these days....

maybe include some testing with div's because that's also quite important...and i think that's about it :)

hope this helps,

-Sevster-
  • Hacker007
  • Proficient
  • Proficient
  • User avatar
  • Posts: 371
  • Loc: Riverside, CA

Post 3+ Months Ago

Here are the ones I got:

Code: [ Select ]
1.) Closing title tag missing "/"
2.) Style sheet should go inside <head>
3.) Style type should be type="[b]text[/b]/css"
4.) in body css: body {color: #000000;}
5.) .blackbg & .whitebg should have ";" at end
6.) JavaScript should go inside <head>
7.) in script tag "JavaScript" is spelled wrong
8.) First IF statement is wrong, should be if ( boolVar [b]==[/b] false )
9.) boolVar = true missing ";"
10.) First HTML comment is wrong: should be: <!-- comment -->
11.) Table should have: "cellspacing" not "cellspace"
12.) in all 3 columns, it should be class="" not style=""
13.) In the image "source" should be "src"
14.) in the image height attribute needs quotes ("")
15.) in second <tr> it should be "bgcolor" not "background"
16.) "width" is spelled wrong (witdh:"100%")
17.) witdh:"100%" should be [b]witdh="100%"[/b]
18.) the last <tr> should be closing: </tr>
19.) <P> should be lowercase: <p>
20.) document.write(boolVar()); should be: document.write(boolVar);
  1. 1.) Closing title tag missing "/"
  2. 2.) Style sheet should go inside <head>
  3. 3.) Style type should be type="[b]text[/b]/css"
  4. 4.) in body css: body {color: #000000;}
  5. 5.) .blackbg & .whitebg should have ";" at end
  6. 6.) JavaScript should go inside <head>
  7. 7.) in script tag "JavaScript" is spelled wrong
  8. 8.) First IF statement is wrong, should be if ( boolVar [b]==[/b] false )
  9. 9.) boolVar = true missing ";"
  10. 10.) First HTML comment is wrong: should be: <!-- comment -->
  11. 11.) Table should have: "cellspacing" not "cellspace"
  12. 12.) in all 3 columns, it should be class="" not style=""
  13. 13.) In the image "source" should be "src"
  14. 14.) in the image height attribute needs quotes ("")
  15. 15.) in second <tr> it should be "bgcolor" not "background"
  16. 16.) "width" is spelled wrong (witdh:"100%")
  17. 17.) witdh:"100%" should be [b]witdh="100%"[/b]
  18. 18.) the last <tr> should be closing: </tr>
  19. 19.) <P> should be lowercase: <p>
  20. 20.) document.write(boolVar()); should be: document.write(boolVar);


I'm not sure if <p>'s should be closed, my web teacher told me you didn't have to, so I never did. But I don't used them to often anyway :-D
  • Tchuki
  • Mastermind
  • Mastermind
  • Tchuki
  • Posts: 1774
  • Loc: Edinburgh

Post 3+ Months Ago

Personally it seemed a little easy to do in 15 mintues.

5 or 6 minutes should be more than enough if they are competant. They were mainly silly errors such as missing quote marks, semi colons and in on instance I found a unrequired <td> tag.

As for the ASP I have no knowledge.

CSS had a few simple errors missing ; here and there, same in the JavaSceript.

Personally I think you could reduce the time limit and still find all the errors.
  • Carnix
  • Guru
  • Guru
  • User avatar
  • Posts: 1098

Post 3+ Months Ago

hmm... interesting response. ASP isn't any of your fortes... heh. No biggy, the test is mostly for the ability to hand code HTML more than anything.

However, I agree on the CSS front, I'll think about adding a few more.

There are 30 errors unless you require Well-Formed (which I am, and forgot to mention up top), then there is 31. No one mentioned the DOCTYPE... its incorrect in terms of syntax, but its a bonus point if you noticed that (I wouldn't have, heh). More importantly is what the DOCTYPE is supposed to be. If you decide it really is xhtml, there's really 42 errors, if you decide the doctype declaration is the error because it's not and XHTML document, there is only 31 (unless I've missed a bunch of XHTML errors...).

Thanks for the input!

.c
  • sevster
  • Bronze Member
  • Bronze Member
  • User avatar
  • Posts: 518

Post 3+ Months Ago

just noticed one more..

else
alert("boolVar equals false\nI'm setting it to true now.");
boolVar = true

u need { } there
  • sevster
  • Bronze Member
  • Bronze Member
  • User avatar
  • Posts: 518

Post 3+ Months Ago

you're right, it's not my forte :) but i'm not that bad :D -- also, the time aspect and how fast i was just skimming through plays a huge part...
  • Carnix
  • Guru
  • Guru
  • User avatar
  • Posts: 1098

Post 3+ Months Ago

Yeah the timed thing isn't there to be a constraint as much as just an added pressure, can they work under a deadline. In an interview, where they will already be nervous, a timed test will add a good deal of stress. 10 minutes might be a better time limit though, but it IS supposed to be a more-or-less easy test. I'm not giving out certifications here =]

.c
  • sevster
  • Bronze Member
  • Bronze Member
  • User avatar
  • Posts: 518

Post 3+ Months Ago

lol. not looking for one :) have enough of them already
  • Carnix
  • Guru
  • Guru
  • User avatar
  • Posts: 1098

Post 3+ Months Ago

Revised version with a little visibility toggling... adds 4 more errors. Also, I think I'll ask the person to describe, in a general sense, what this page will look like and what it will do in terms of functionality, assuming all the errors were fixed properly... Also forgot to mention, I want it to print on one page only...

EDIT: Sorry... it adds 7 errors...

Code: [ Select ]
<%
    strURL = Request.ServerVariables("HTTP_URL")
    strQueryString = Request.ServerVariables("Query") 

    function printSomethingOut(strURLtmp)
        if(instring(strURLtmp,"index.asp") then
            printSomethingOut == "The URL says index.asp!"
        end
    end
// This is an ASP Comment!
%>
<!DOCTYPE "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>CARE Web Team Skill Test<title>
    <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
    <meta HTTP-EQUIV="Content-Language" CONTENT="en-us">
    <meta NAME="description" CONTENT="CARE is an international relief and development organization.">
    <meta NAME="keywords" CONTENT="united states,care,non-profit,ngo,north america">
    <meta NAME="date" CONTENT="November 12, 2003">
    <meta NAME="lastupdate" CONTENT="June 6, 2005">
    <meta NAME="robots" CONTENT="all">
</head>
<style type="css">
    #tableid {position:relative; top:0; left:10}
    body { background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; color=#000000; }
    a:link { color:#ff6600; text-decoration:none; }
    a:active { color:#ff9900; text-decoration:none; }
    a:visited { color:#ff6600 text-decoration:none; }
    a:hover { color:#990000; text-decoration:underline; }
    .tablecls {list-style:inherit; display:block; }
    .blackbg {background-color:#000000; color:#FFFFFF }
    .whitebg {background-color:#ffffff; color:#000000 }
</style>
<script language="JavaSript" type="text/javascript">
var boolVar = false;
function runTheFunction(){ // This is a line comment...
    if(boolVar = false)
        boolVar = true;
    else
        alert("boolVar equals false\nI'm setting it to true now.");
        boolVar = true
}

function hideTable(){
    if(document.getElementById){
        tableObj = document.getElement("tableid");
        if(tableObj.display == "none"){ tableObj.display = "block"; );
        else {tableObj.display = "none"; }
    }
}
/*
    This is a JavaScript comment block */
</script>

<body onload="runTheFunction();">
<-- This is an HTML comment --!>
<table cellpadding="1" cellspace="0" border="0" ID="tableid" CLASS="tablecls">
<tr>
<td style="blackbg"><h1>Hello</h1></td>
<td style="whitebg"><img source="images/spacer.gif" height=1 width="100" border="0"></td>
<td style="blackbg"><b>World</b></td>
</tr>
<tr background="#cccccc"><td colspan="3"><hr size="1" witdh:"100%"></td></tr>
<tr><td>Hello (<a HREF="#" onClick="hideTable();">hide me!!</a>)</td>
<td><pre>
: : : : :
 World
: : : : :
</pre></td>
<tr></table>
<P><%=strURL%>
<p><%=strQueryString%><br/>
<p><%Response.Write(printSomethingOut(strURL)%></p>
<!-- This is another HTML comment -->
<script language="javascript" type="text/javascript">
    if(!boolVar){ document.write(boolVar()); }
</script>
</body>
</html>
  1. <%
  2.     strURL = Request.ServerVariables("HTTP_URL")
  3.     strQueryString = Request.ServerVariables("Query") 
  4.     function printSomethingOut(strURLtmp)
  5.         if(instring(strURLtmp,"index.asp") then
  6.             printSomethingOut == "The URL says index.asp!"
  7.         end
  8.     end
  9. // This is an ASP Comment!
  10. %>
  11. <!DOCTYPE "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  12. <html>
  13. <head>
  14.     <title>CARE Web Team Skill Test<title>
  15.     <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
  16.     <meta HTTP-EQUIV="Content-Language" CONTENT="en-us">
  17.     <meta NAME="description" CONTENT="CARE is an international relief and development organization.">
  18.     <meta NAME="keywords" CONTENT="united states,care,non-profit,ngo,north america">
  19.     <meta NAME="date" CONTENT="November 12, 2003">
  20.     <meta NAME="lastupdate" CONTENT="June 6, 2005">
  21.     <meta NAME="robots" CONTENT="all">
  22. </head>
  23. <style type="css">
  24.     #tableid {position:relative; top:0; left:10}
  25.     body { background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; color=#000000; }
  26.     a:link { color:#ff6600; text-decoration:none; }
  27.     a:active { color:#ff9900; text-decoration:none; }
  28.     a:visited { color:#ff6600 text-decoration:none; }
  29.     a:hover { color:#990000; text-decoration:underline; }
  30.     .tablecls {list-style:inherit; display:block; }
  31.     .blackbg {background-color:#000000; color:#FFFFFF }
  32.     .whitebg {background-color:#ffffff; color:#000000 }
  33. </style>
  34. <script language="JavaSript" type="text/javascript">
  35. var boolVar = false;
  36. function runTheFunction(){ // This is a line comment...
  37.     if(boolVar = false)
  38.         boolVar = true;
  39.     else
  40.         alert("boolVar equals false\nI'm setting it to true now.");
  41.         boolVar = true
  42. }
  43. function hideTable(){
  44.     if(document.getElementById){
  45.         tableObj = document.getElement("tableid");
  46.         if(tableObj.display == "none"){ tableObj.display = "block"; );
  47.         else {tableObj.display = "none"; }
  48.     }
  49. }
  50. /*
  51.     This is a JavaScript comment block */
  52. </script>
  53. <body onload="runTheFunction();">
  54. <-- This is an HTML comment --!>
  55. <table cellpadding="1" cellspace="0" border="0" ID="tableid" CLASS="tablecls">
  56. <tr>
  57. <td style="blackbg"><h1>Hello</h1></td>
  58. <td style="whitebg"><img source="images/spacer.gif" height=1 width="100" border="0"></td>
  59. <td style="blackbg"><b>World</b></td>
  60. </tr>
  61. <tr background="#cccccc"><td colspan="3"><hr size="1" witdh:"100%"></td></tr>
  62. <tr><td>Hello (<a HREF="#" onClick="hideTable();">hide me!!</a>)</td>
  63. <td><pre>
  64. : : : : :
  65.  World
  66. : : : : :
  67. </pre></td>
  68. <tr></table>
  69. <P><%=strURL%>
  70. <p><%=strQueryString%><br/>
  71. <p><%Response.Write(printSomethingOut(strURL)%></p>
  72. <!-- This is another HTML comment -->
  73. <script language="javascript" type="text/javascript">
  74.     if(!boolVar){ document.write(boolVar()); }
  75. </script>
  76. </body>
  77. </html>
  • katana
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2391
  • Loc: Edinburgh, Scotland

Post 3+ Months Ago

Although I'm not adverse to this kind of testing, what this is really a test of is the applicant's memory. Sometimes I still reach for my Java Programmer's Reference even though I've been programming in Java for close to six years now - not because I can't program, but because I can't remember the name of a function, or can't remember the specific order of a method's parameters etc. Hence, perhaps in addition to a "spot-the-error" test you could include a test that will demonstrate that the applicant understands the basic concepts behind the technologies: i.e. ask them some questions:

What are the advantages of using CSS style sheets?

Outline the differences between client side and server side technologies, and give examples of what each might be used for.

What makes valid HTML and why is it important?

etc etc. Just my 2 cents.

K.
  • Mas Sehguh
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 1852

Post 3+ Months Ago

You could think about giving a description of a layout (with a diagram) and have him describe in words how he'd create it in CSS. (Or how it can't be created with CSS alone.) Maybe go that route (in addition to the other ideas).
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

In the five minutes I had to spare I came up with this:
PS I am so fed up with HTML at this point I probably missed a few screaming errors but I think I caught most of the ASP and JS ones
Code: [ Select ]
<%
  strURL = Request.ServerVariables("HTTP_URL")
  strQueryString = Request.ServerVariables("Query") ' dodgy? QueryString?

  function printSomethingOut(strURLtmp)
   if(instring(strURLtmp,"index.asp") then ' illegal function?
     printSomethingOut == "The URL says index.asp!" ' invalid assignment operator
   end ' end if?
  end 'end function?
// This is an ASP Comment! ' no it aint
%>
<!DOCTYPE "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <title>CARE Web Team Skill Test<title>
  <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
  <meta HTTP-EQUIV="Content-Language" CONTENT="en-us">
  <meta NAME="description" CONTENT="CARE is an international relief and development organization.">
  <meta NAME="keywords" CONTENT="united states,care,non-profit,ngo,north america">
  <meta NAME="date" CONTENT="November 12, 2003">
  <meta NAME="lastupdate" CONTENT="June 6, 2005">
  <meta NAME="robots" CONTENT="all">
</head>

<style type="css">
  body { background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; color=#000000; } /* color= ? */
  a:link { color:#ff6600; text-decoration:none; }
  a:active { color:#ff9900; text-decoration:none; }
  a:visited { color:#ff6600 text-decoration:none; }
  a:hover { color:#990000; text-decoration:underline; }
  .blackbg {background-color:#000000; color:#FFFFFF } /* unterminated style line */
  .whitebg {background-color:#ffffff; color:#000000 } /* unterminated style line */
</style>
<script language="JavaSript" type="text/javascript">
var boolVar = false;
function runTheFunction(){ // This is a line comment...
  if(boolVar = false) // need to check you equality operator
   boolVar = true;
  else
   alert("boolVar equals false\nI'm setting it to true now.");
   boolVar = true // are you looking for line termination?
}
/*
  This is a JavaScript comment block -> well it could be a comment block in most languages :)
*/
</script>

<body onload="runTheFunction();">
<-- This is an HTML comment --!> <!-- no it aint -->
<table cellpadding="1" cellspace="0" border="0"> <!-- check your spelling 'cellspacing' :) -->
 <tr>
  <td style="blackbg"><h1>Hello</h1></td> <!-- style? should be class -->
  <td style="whitebg"><!-- style? should be class -->
    <img source="images/spacer.gif" height=1 width="100" border="0"> <!-- check your spelling 'source' / inconsistent attribute wrapping :) -->
  </td>
  <td style="blackbg"><b>World</b></td> <!-- style? should be class -->
 </tr>
 <tr background="#cccccc">
  <td colspan="3"> <!-- what are you spanning? -->
   <hr size="1" witdh:"100%"><!-- illegal assignment on the width and if used this way requires a 'style' declaration -->
  </td>
 </tr>
 <tr>
  <td>Hello</td>
  <td>
   <pre>
: : : : :
 World
: : : : :
   </pre>
  </td>
 <tr>
</table>
<P><%=strURL%> <!-- no closing tag? -->
<p><%=strQueryString%><br/> <!-- no closing tag? -->
<p><%Response.Write(printSomethingOut(strURL)%></p> <!-- missing ) -->
<!-- This is another HTML comment -->
<script language="javascript" type="text/javascript">
  if(!boolVar){
   document.write(boolVar()); // when did you declare this function?
  }
</script>
</body>
</html>
  1. <%
  2.   strURL = Request.ServerVariables("HTTP_URL")
  3.   strQueryString = Request.ServerVariables("Query") ' dodgy? QueryString?
  4.   function printSomethingOut(strURLtmp)
  5.    if(instring(strURLtmp,"index.asp") then ' illegal function?
  6.      printSomethingOut == "The URL says index.asp!" ' invalid assignment operator
  7.    end ' end if?
  8.   end 'end function?
  9. // This is an ASP Comment! ' no it aint
  10. %>
  11. <!DOCTYPE "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  12. <html>
  13. <head>
  14.   <title>CARE Web Team Skill Test<title>
  15.   <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
  16.   <meta HTTP-EQUIV="Content-Language" CONTENT="en-us">
  17.   <meta NAME="description" CONTENT="CARE is an international relief and development organization.">
  18.   <meta NAME="keywords" CONTENT="united states,care,non-profit,ngo,north america">
  19.   <meta NAME="date" CONTENT="November 12, 2003">
  20.   <meta NAME="lastupdate" CONTENT="June 6, 2005">
  21.   <meta NAME="robots" CONTENT="all">
  22. </head>
  23. <style type="css">
  24.   body { background:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; color=#000000; } /* color= ? */
  25.   a:link { color:#ff6600; text-decoration:none; }
  26.   a:active { color:#ff9900; text-decoration:none; }
  27.   a:visited { color:#ff6600 text-decoration:none; }
  28.   a:hover { color:#990000; text-decoration:underline; }
  29.   .blackbg {background-color:#000000; color:#FFFFFF } /* unterminated style line */
  30.   .whitebg {background-color:#ffffff; color:#000000 } /* unterminated style line */
  31. </style>
  32. <script language="JavaSript" type="text/javascript">
  33. var boolVar = false;
  34. function runTheFunction(){ // This is a line comment...
  35.   if(boolVar = false) // need to check you equality operator
  36.    boolVar = true;
  37.   else
  38.    alert("boolVar equals false\nI'm setting it to true now.");
  39.    boolVar = true // are you looking for line termination?
  40. }
  41. /*
  42.   This is a JavaScript comment block -> well it could be a comment block in most languages :)
  43. */
  44. </script>
  45. <body onload="runTheFunction();">
  46. <-- This is an HTML comment --!> <!-- no it aint -->
  47. <table cellpadding="1" cellspace="0" border="0"> <!-- check your spelling 'cellspacing' :) -->
  48.  <tr>
  49.   <td style="blackbg"><h1>Hello</h1></td> <!-- style? should be class -->
  50.   <td style="whitebg"><!-- style? should be class -->
  51.     <img source="images/spacer.gif" height=1 width="100" border="0"> <!-- check your spelling 'source' / inconsistent attribute wrapping :) -->
  52.   </td>
  53.   <td style="blackbg"><b>World</b></td> <!-- style? should be class -->
  54.  </tr>
  55.  <tr background="#cccccc">
  56.   <td colspan="3"> <!-- what are you spanning? -->
  57.    <hr size="1" witdh:"100%"><!-- illegal assignment on the width and if used this way requires a 'style' declaration -->
  58.   </td>
  59.  </tr>
  60.  <tr>
  61.   <td>Hello</td>
  62.   <td>
  63.    <pre>
  64. : : : : :
  65.  World
  66. : : : : :
  67.    </pre>
  68.   </td>
  69.  <tr>
  70. </table>
  71. <P><%=strURL%> <!-- no closing tag? -->
  72. <p><%=strQueryString%><br/> <!-- no closing tag? -->
  73. <p><%Response.Write(printSomethingOut(strURL)%></p> <!-- missing ) -->
  74. <!-- This is another HTML comment -->
  75. <script language="javascript" type="text/javascript">
  76.   if(!boolVar){
  77.    document.write(boolVar()); // when did you declare this function?
  78.   }
  79. </script>
  80. </body>
  81. </html>


I did the old one as I didn't see you had reposted it

Katana: As for the memory thing I also look up regulary when I haven't used something for a while but I think most HTML attributes and Tags can be tested from memory.

Carnix: OKay I'll take the job, thanks :)

Now my question:
If some one knows HTML extensively does this define them as a web developer?
I was under the impression that
WebDeveloper == serverSide.scripting(true) + clientSide.scripting(true);
And
Web designer="ability To Create HTML" class="visible"

Am I going mad?
  • wombar
  • Newbie
  • Newbie
  • wombar
  • Posts: 5

Post 3+ Months Ago

Hi All,

I've not actually had time to do the test but I'm wondering why you wouldn't consider someone who uses Dreaweaver or an equivalent? I personally use a combination of the code view and design view to get things done quickly, and then do a little tidying up when necessary.

I could certainly produce a website coding by hand but if you've got a lot of deadlines I prefer to use any tool that will speed up my workflow. Don't get me wrong I realise that you want someone who is competent in HTML etc but please don't discount someone because they use WYSIWYG tools.

I'm of the opinion that skills can be taught to a certain degree, if they've got a good portfolio you can spend a couple of weeks giving them some training.

Anyway, that's my opinion.

Good luck in your search. :)
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

wombar wrote:
Hi All,

I've not actually had time to do the test but I'm wondering why you wouldn't consider someone who uses Dreaweaver or an equivalent? I personally use a combination of the code view and design view to get things done quickly, and then do a little tidying up when necessary.

I could certainly produce a website coding by hand but if you've got a lot of deadlines I prefer to use any tool that will speed up my workflow. Don't get me wrong I realise that you want someone who is competent in HTML etc but please don't discount someone because they use WYSIWYG tools.

I'm of the opinion that skills can be taught to a certain degree, if they've got a good portfolio you can spend a couple of weeks giving them some training.

Anyway, that's my opinion.

Good luck in your search. :)


My concern with dreamweaver is that it becomes a cruch. I feel that only once you have proved yourself in terms of hand coding theHTML then yoyu quailfy to go onto the WYSIWYG editors. I personally dislike them as well, they are costly, inefficient and a pain to integrate backend stuff with. Gimme my handy, FREE text editor and I will still whip up a site quicker than alot of guys doing it in dreamweaver or the likes and I will be willing to bet it will be alot cleaner and quicker
  • wombar
  • Newbie
  • Newbie
  • wombar
  • Posts: 5

Post 3+ Months Ago

I don't disagree that you should be able to hand code when necessary, but when you're trying to lay out a site it can be a lot quicker to have a visual clue.

As long as you know your HTML, using dreamweaver can be quicker tho not always. Whenever I work in dreamweaver I have a split view so I can quickly make the changes I want to the code, that's the key in my opinion. You have to have enough knowledge to know what needs changing and that's where WYSIWYG come into their own.

Each to their own at the end of the day, as long as the code is clean and concise I don't think it matters how it was built. I'm more than happy to use any tools that make my job easier and allow me to meet deadlines.
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

wombar wrote:
I don't disagree that you should be able to hand code when necessary, but when you're trying to lay out a site it can be a lot quicker to have a visual clue.

As long as you know your HTML, using dreamweaver can be quicker tho not always. Whenever I work in dreamweaver I have a split view so I can quickly make the changes I want to the code, that's the key in my opinion. You have to have enough knowledge to know what needs changing and that's where WYSIWYG come into their own.

Each to their own at the end of the day, as long as the code is clean and concise I don't think it matters how it was built. I'm more than happy to use any tools that make my job easier and allow me to meet deadlines.


LOL I agree with you on the split view!

Although I don't use dreamweaver to do it, I just have a dual monitor card LOL!
  • wombar
  • Newbie
  • Newbie
  • wombar
  • Posts: 5

Post 3+ Months Ago

:D Fair enough.
  • Carnix
  • Guru
  • Guru
  • User avatar
  • Posts: 1098

Post 3+ Months Ago

Katana: Those sorts of questions will be part of the interview. I've been doing programming for many years myself, and I use online and book resources all the time. That's why this test is really simple. You shouldn't need a book to do this. It's testing their memory, yes, but also their basic knowledge and attention to detail. There are 38 errors (+10 if you take the xhtml route), at least, that's the version I have on my desk... may not be the same as posted come to think of it... Anyway. The idea isn't to say, ooooh you only got 20 errors!! You suck! It's simply to guage the candidates ability to spot problems and know that a certian thing is a problem at all.

RD: I guess the title is intrepretive... I didn't get to name the position myself.... Oh, and you'd probably hate the job... plus you'd have to move to Atlanta on your own penny. =]

Wombar: The point isn't that they cannot use DreamWeaver or the link, the point is that they shouldn't *have* to. I've recently started using Dreamweaver myself, only in code view though since with all the coding, Dreamweaver can't really render the page right anyway. Primarily, we've started using it because of the integrated design notes and checking-checkout facilities... Q (our web designer) likes it because he can churn out mockups 10x faster, since they don't have to have perfectly clean code. When it comes time to laying out and building a production-ready page, design view goes out the window, but until that point, I could care less how he does it. The same will go for this new position.

.c
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

Carnix: Can't blame a man for trying hey? LOL. Just bought a house here so I don't think I am going to be going anywhere for a while!
  • Carnix
  • Guru
  • Guru
  • User avatar
  • Posts: 1098

Post 3+ Months Ago

Hey, that's right! You have a little one on the way... or has s/he arrived already?
.c
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

Nope she hasn't arrived yet, she is checking in on the 13th September :) by the way her name is going to be Skye
  • katana
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2391
  • Loc: Edinburgh, Scotland

Post 3+ Months Ago

Rabid Dog wrote:
Nope she hasn't arrived yet, she is checking in on the 13th September :) by the way her name is going to be Skye


13th September is my step-dad's birthday. I read the last part of your post a little too fast and for a minute there I thought you were gonna call your kid "Skype" :lol:
  • Carnix
  • Guru
  • Guru
  • User avatar
  • Posts: 1098

Post 3+ Months Ago

That's a lovely name! It's no "Sophia" but hey... =] 8)

I wish you the best of luck! We were very lucky with our daughter, she was health, quite and calm, very easy. I just hope round two will be even half and easy to deal with as Sophia has been.

So have you been dragged out shopping for little girl clothes? I found that my wife and I's taste in children's clothes differed pretty sharply, although our taste in toys really didn't. I like bolder colors, my wife likes muted colors (light pink, yellow or blue). In terms of toys, though, I find the new fangled gizmoes almost insulting. Like HELL do I want to give my daughter a bloody toy cellphone! We've pretty much stuck to blocks, books and puzzles. Later, we'll go for the learning toys, like bug collection kits, telescopes, ant farms, solariums... You can get really inexpensive kid versions. They're crappy and cheeply made, but the kid won't know the difference and if they break it... no worries. Besides, if she shows a real interest, you can always invest in a more expensive version later.

Since I have a daughter, I doubt this will be an issue, but if my next child is a boy... maybe. I REFUSE to buy a console video game system... I will not have my children raised on video games (or cable TV for that matter, which we don't have). I played my share of games, and watched my share of TV, but these days, kids spend all of their time and creative enegry playing conceptually constrained video games. It's BAD for their minds... Yes, they learn things.. they learn how to think within the confines of the game reality... yay. Instead of making up games, they play Power Rangers where they have to do what their power ranger does... Their imaginary games are constrained within the scope of the toy they are emulating... That's not really imagination, that's just simple imitation...

*(ahem)*. sorry... got off on a little tangent there... It's just I never really considered these sorts of things, not seriously anyway, until I became a parent...
.c
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

We have discussed the whole computer and TV thing. I refuse to let her watch Barney (LOL) but I think with a dog ariund and a stay home mom she will get plenty of time to play and do all the things a kid wants to do.

I will however allow her on the computer (not for extended periods of time) so she can learn how to interface with the machines as I feel it is important. I have also decided that any form of sport is a must as I feel it keeps the child healthy and helps develop team skills
  • danny77
  • Born
  • Born
  • danny77
  • Posts: 1

Post 3+ Months Ago

Hey Carnix, why don't you try with some assessment tests which you can send to your candidates? For instance Testdome has some java and c# tests, but there are more of similar tools, you just need to browse around...
  • Carnix
  • Guru
  • Guru
  • User avatar
  • Posts: 1098

Post 3+ Months Ago

hah, wow, this is a really old thread. I haven't worked for that crazy non-profit for years now (thank god, that place got into my hand and went bad... queue chainsaw), but thanks for the idea! I'm just put in a JD for a new headcount on my team where I work now (SAP) - looking to hire an advanced jQuery developer with solid jQuery/HTML5 animation skills in a couple months.
  • Rabid Dog
  • Web Master
  • Web Master
  • User avatar
  • Posts: 3245
  • Loc: South Africa

Post 3+ Months Ago

Have a look at the other JS frameworks as well, we making significant use of angular at the moment and have manage to decouple the front end from the services completely!

Post Information

  • Total Posts in this topic: 29 posts
  • Users browsing this forum: No registered users and 33 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.