The 3-Second Frontend Developer Test
Tags: profession, html, css, codequality
Published: 2021-07-22 08:38:55

If you had to hire a frontend developer and had just one question, what would you ask?

I recommend the 3-second frontend developer test:

<strong>Do you validate <ins>[your HTML and CSS code]</ins>?</strong>

A truthful answer gives you more than any other question would do.

Why is that?

The answer tells you several important things:

<ol>
<li>
<p>Foundational knowledge: Through validating and the correcting of validation issues, the developer is sure to have and to maintain <em>foundational</em> knowledge of development with HTML and CSS. A developer not validating <em>may or may not</em> have this knowledge.</p>
</li>
<li>
<p>Base quality: Assuming a validation routine, validation ensures base quality of the output. A developer who doesn’t validate, on the other hand, is guaranteed to deliver inferior quality. Guaranteed, because even with perfect HTML and CSS knowledge, they will make mistakes. No one writes perfect code, all the time, and a senior frontend developer is not permitted an excuse from checking their code on issues.</p>
</li>
<li>
<p>Professional conduct: Frontend development is open to everyone. To this day, there is nothing tangible that differentiates a professional frontend developer from a wannabe or amateur developer. (I’m close to recording how my houseplants write HTML and CSS less invalid than <a href="https://meiert.com/en/blog/valid-html-2021/">that of the most popular sites</a>.) Nothing differentiates professional and amateur developers—except for a habit of validation. A developer who doesn’t validate and who doesn’t ship valid code is not a professional developer.</p>
</li>
<li>
<p>Aspiration: The practice of validation suggests aspiration; the developer is not content with using HTML and CSS incorrectly, with not using them professionally. A developer not validating their HTML and CSS does not demonstrate any more aspiration than a driver revving their car’s engine in the central business district. That may appear competitive, but they’re a far cry from a professional race driver.</p>
</li>
</ol>

Validation is important. Validation is <strong>the</strong> thing that makes frontend developers <em>professional</em> frontend developers. Validation is therefore a key criterion for hiring. By applying it, you set a well-defined bar, and you help the field of frontend development <a href="https://meiert.com/en/blog/critical-frontend-development/">level up as a profession and a craft</a>. Be a frontend developer who validates and ships valid HTML and CSS; hire frontend developers who validate and ship valid HTML and CSS.

<em>PS.<br />The few exceptions do prove the rule. They may consist in pending updates to validators, but can also relate to false positives. They do not consist in a developer or an organization putting themselves above the rule—especially not <a href="https://meiert.com/en/blog/good-embed-code/">when their code is shared</a>. As the impact is larger, even higher standards apply here. The time of unconditionally accepted sloppiness in professional frontend development must end.</em>

<em>PPS.<br />If you like another perspective at the benefits of validation, <a href="https://www.htmlvalidator.com/htmlval/whyvalidate.html"><cite>Why Validate Your Pages?</cite></a> tries to be super-comprehensive. If you like a list of (web-based) validators, <a href="https://uitest.com/analysis/#conformance">UITest.com’s “conformance” section</a> features the main ones, covering other languages as well (disclosure: I run UITest.com).</em>