How to be Extraordinary: Resources for the Discerning Front-end Developer
Posted by onAt work, I participate in a lot of candidate interviews for our open positions. If you do a lot of interviews, you know that the knowledge and skill level of candidates varies greatly. It’s hard to ever quantify exactly what you are looking for in a candidate, but from a technical perspective I think it’s useful to know what an extraordinary candidate would look like. Having this ideal in mind can help focus your questions and quickly determine the technical level of the candidate.
I tend to categorize a candidate’s knowledge into four levels: never heard of it, heard of it, tried it, know it. With this in mind, I started putting together a list of skills that I would want an ideal front-end candidate to have so that I could properly judge their skills.
In doing, I realized that I don’t even have all of these fine skills and I expect that probably no one on my team does either. In all likelihood, you don’t have all of these skills either. This should bother you! You should want to be the best you can possibly be. It’s not about just knowing enough to get the job done. Our industry changes to fast too settle with what you know now.
Take a look at this list of resources and make yourself better!
Articles you should read
- The Dao of Web Design - John Allsopp
- Responsive Web Design - Ethan Marcotte
- Mobile First - Luke Wroblewski
- One Web - Jeremy Keith
- A Responsive Mind - Jeremy Keith
- A Baseline for Front-end Developers - Rebecca Murphey
Books you should read
- Responsive Web Design – Ethan Marcotte
- Mobile First – Luke Wroblewski
- Harboiled Web Design – Andy Clarke
- SMACSS – Jonathan Snook
- Dom Scripting – Jeremy Keith
- Javascript: The Good Parts – Douglas Crockford
- Javascript Patterns – Stoyan Stefanov
- Learning Javascript Design Patterns - Addy Osmani
- Designing with Web Standards – Jeffery Zeldman
- HTML5 for Web Designers – Jeremy Keith
- CSS3 for Web Designers – Dan Cederholm
- Sass for Web Designers - Dan Cederholm
Techniques/tools you should get familiar with
Sass/Compass
- http://thesassway.com/beginner/getting-started-with-sass-and-compass
- http://www.alistapart.com/articles/getting-started-with-sass/
- http://sonspring.com/journal/sass-for-designers
Mobile First, Responsive Web Design
- http://www.html5rocks.com/en/mobile/responsivedesign/
- http://bradfrostweb.com/blog/mobile/anatomy-of-a-mobile-first-responsive-web-design/
- http://viljamis.com/blog/2012/responsive-workflow/
Git and Github
Object Oriented CSS
- http://www.stubbornella.org/content/2009/03/23/object-oriented-css-video-on-ydn/
- http://coding.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss/
- http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
- http://ianstormtaylor.com/oocss-plus-sass-is-the-best-way-to-css/
- http://24ways.org/2012/a-harder-working-class/
- https://github.com/stubbornella/oocss
- https://github.com/ScalesCSS/scales
- https://github.com/csswizardry/inuit.css
Javasript Unit Testing
Javascript Templating
Vertical Rhythm and Modular Scale
- http://atendesigngroup.com/blog/vertical-rhythm-compass
- http://compass-style.org/reference/compass/typography/vertical_rhythm/
- http://www.alistapart.com/articles/more-meaningful-typography/
- http://thesassway.com/projects/modular-scale
Advanced CSS Selectors
- http://www.yourhtmlsource.com/stylesheets/advancedselectors.html
- http://coding.smashingmagazine.com/2009/08/17/taming-advanced-css-selectors/
BEM (Block, Element, Modifier)
- http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/
- https://css-tricks.com/bem-101/
Performance
- http://csswizardry.com/2013/01/front-end-performance-for-web-designers-and-front-end-developers/
- http://stevesouders.com/hpws/rules.php
Accessibility
- https://developer.mozilla.org/en-US/docs/Accessibility
- http://www.netmagazine.com/features/simple-introduction-web-accessibility
- http://dev.opera.com/articles/view/introduction-to-wai-aria/
- http://microformats.org/wiki/introduction
- http://www.paciellogroup.com/blog/2013/02/using-wai-aria-landmarks-2013/