paul-hebert/front-end-developer-interview-questions

A list of helpful front-end related questions you can use to interview potential candidates, test yourself or completely ignore.

General Questions:

• What is one of your favorite projects you've worked on? Can you describe your process?
• What did you learn yesterday/this week?
• What excites or interests you about coding?
• What is a recent technical challenge you experienced and how did you solve it?
• Talk about your preferred development environment.
• Which version control systems are you familiar with?
• Can you describe your workflow when you create a web page?
• If you have 5 different stylesheets, how would you best integrate them into the site?
• How would you optimize a website's assets/resources?
• Name 3 ways to decrease page load (perceived or actual load time).
• Describe how you would create a simple slideshow page.
• If you could master one technology this year, what would it be?
• Explain the importance of standards and standards bodies.
• Explain some of the pros and cons for CSS animations versus JavaScript animations.
• Have you other worked with other developers and designers on the same project and if so, how did that collaboration work?
• What resources do you use to stay up to date on new design and development information?

Development Questions:

• How would you use CSS to make a website display well across different screen sizes?
• What are some of the restrictions when developing HTML emails?
• Describe Floats and how they work.
• What are the various clearing techniques and which is appropriate for what context?
• How would you approach fixing browser-specific styling issues?
• What are the different ways to visually hide content?
• Have you ever used a grid system, and if so, what do you prefer?
• Are you familiar with styling SVG?
• How would you implement a web design comp that uses non-standard fonts?
• Describe pseudo-elements and discuss what they are used for.
• Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
• List as many values for the display property that you can remember.
• What's the difference between a relative, fixed, absolute and statically positioned element?
• Describe z-index and how stacking context is formed.
• What existing CSS frameworks have you used locally, or in production? How would you change/improve them?
• What color formats are usable in HTML/CSS?
• What are some different ways to use transparency in CSS?
• How do you incorporate developer tools into your workflow?
• How would you horizontally center an element?
• What are the advantages of CSS preprocessors?
• When would you use px vs pt vs em vs rem vs %?

Design Questions:

• What do you do before you even start coding a project?
• Define leading, kerning and tracking
• When would you use Photoshop vs. Illustrator vs. inDesign
• What is the difference between raster and vector images?
• What is the difference between additive and subtractive color models?
• What is the difference between a serif and sans-serif font?
• What are some of your favorite fonts?
• What are some different types of color schemes?
• How do you choose colors for a project?
• How would you format a document for print?
• What is a bleed?
• How can you insure that the print shop prints your fonts correctly?
• How do you incorporate grids into your designs? What is the advantage of designing around a grid?