Testing A FRONT-END Dev.

by 7 replies
8
Hey guys!

I'm in the process of hiring a FILIPINO front end web developer.
I want to compile a test to qualify good talents.

Services I provide for my clients are mostly PSD to html and PSD to WP

What do you think I should "look for" in a good developer?

I wonder if I should put more weight on speed VS knowledge.
Since (I think) knowledge is something I can teach them, while speed is more personality / exp. matter.

Does this makes any sense?

Anyhoo,
was thinking to make a 2 part test. one for PURE html css and one for WP.

The html css, I have them convert a REALLY simple image to a page.

Give these guidelines:

ALL styling should be in the CSS file. Keep the html file clean.
Add conditional css to IE 7 and 8
Add comments to the html and css file when needed.
Add a vertical social bar to one of the sides. Use sprites for the images.
Add contact form with validation
Remember to separate the scripts from the html. DON'T do something like this:
<a id="test" onclick="alert('I love this site!');">test</a>

Validate the page html:
The W3C Markup Validation Service
Validate the page css:
The W3C CSS Validation Service
Use a css Reset
Make it cross compatible for
Firefox
IE 7+
Chrome
Safari
Opera
Put any JS and jQuery script at the bottom of the page, right before the </body> tag
explain in a comment what each script does.
Add a Drop down navigation bar
Width like parent
Same code for all drop down menu's
Animation effect
Keep http requests to a minimum
Use sprites whenever possible
Keep all css in one file
Keep all scripts in one file (if possible)
Beware of DIVitis
For example, no need for a separate <div> for the nav menu.
Wordpress theme
Layout - 4 options
Right sidebar and content
Left side bar and content
Right sidebar, left sidebar and content
No sidebar, only content


Two languages
English
Hebrew (right to left language)


Drop down navigation bar
Width like parent
Same code for all drop down menu's
Animation effect


Different headers for different pages


Contact form with validation


Private members area
Make one page that displays different contents if the user is logged in to the site or not
Dynamic login form
If user is logged in, display "hello user", and a link to "logout"
If user is not logged in, display "log in", end something like "not a member? click to sign up"


Dynamic Slider
Make a slider anywhere on the page.
The slider should display rotating images and headlines from the recent posts.






What do you think?
Too much? Too little? Something I missed in there?

Any help is appreciated!
#website design #dev #frontend
  • Hi,
    For a web developer i would require from the start, only these:
    1. Valid HTML code (with html5)
    2. The page to apper the same in IE 8+, Mozilla, and Chrome
    3. To know to include JavaScript scripts.
  • That seems kind a low bar for me

    Someone can learn all that in a couple o' days!
  • I will be commenting only on the WP side...

    You seem to get lost in details, sorry. (e.g. " Width like parent"; "contact form validation")

    I have seen Asian coders who were able to do all that stuff - in their own convoluted way - but never understood the basics how WP works and the logic behind its engine. They didn't have a clear understanding of the WP theme "anatomy" and the template hierarchy in building a certain webpage (view) in WP.

    I would always look (in the case of WP) for guys that understand how WP works, know where to find information in Codex and know how to apply it...
    e.g. for your f.ii.1 - no need for hocus-pocus, just the knowledge where to find it in the WP Codex: Function Reference/is user logged in « WordPress Codex

    But we all have different priorities...
  • Thanks watcher man.

    In your opinion, my test doesn't validate WP knowledge and structure?
    Maybe I should add some constraints?

    Ask them to do things in a specific way?
  • btw I'm looking for a Filipino worker.

    That's part of the reasons I don't ask many questions. I don't want to lose a good developer because his English isn't all that great.

    If that makes sense.
    • [1] reply
    • Kinda... it makes.

      My approach was based on what an old professor used to do back in the good old Europe at the time when everybody else requested memorized "knowledge". This very wise old professor held the exams in the library. After getting your topic (like in a draw) you were told to go and get the books your answer would be based on. And he watched how familiar the students were with the location of books on different topics.
      You could open as many books as you wanted (i.e. there was no requirement of memorized texts) - you just needed to know where the information was in the library and in the books

      In this case, if you are the professor, you should know the library as your palm
  • Interesting!

    Well I'll try my test on a couple of applicants and see what comes up.

    If anyone has any mo' ideas?

Next Topics on Trending Feed