The lack of spatial awareness demonstrates candidates will suffer with issues when navigating through deeply nested code.
I find nothing more cringe-worthy than to see poorly nested HTML, CSS, and JS code during a technical interview. The lack of spatial awareness demonstrates candidates will suffer with issues when navigating through deeply nested code, i.e. finding that elusive closing tag.
While it’s easier to maintain a flatter JS code structure thanks to ES6 async/await promises, that’s generally is not the case with HTML. Navigating the open and closing tags of proper HTML structure can be daunting, yet manageable with practice.
Another benefit of having a solid HTML structure is the ability to fully utilize CSS’s positioning rules: flexbox, CSS-grid, position, transforms, display, floats, etc. They all require a solid understanding of the HTML structure beneath it—awareness that only comes from the discipline instilled by proper spatial awareness in code structure.
The takeaway here is, format your code, guys. Nothing spells noob more than poorly-formatted code. Having that Prettier plugin is not going to cut it. I still see candidates make those mistakes as they live code—especially when the entire document formats on save!
Contributors: Art Longbottom from Origin Code Academy