#Front-end Job Interview Questions
- What is your preferred development environment? (OS, Editor, Browsers, Tools etc.)
- What websites do you like?
- What version control systems have you used (Git, SVN etc.)?
- Are you on GitHub?
- If so, what are some examples of repos you follow
- Can you describe your workflow when you create a web page?
- Can you describe the difference between progressive enhancement and graceful degradation?
- Bonus points for describing feature detection
- What browser do you primary develop in and what developer tools do you use?
- How would you optimize a websites assets/resources?
- Looking for a number of solutions which can include:
- File concatenation
- File minification
- CDN Hosted
- Caching
- etc.
- Looking for a number of solutions which can include:
- Why is it better to serve site assets from multiple domains?
- How many resources will a browser download from a given domain at a time?
- Name 3 ways to decrease page load. (perceived or actual load time)
- Any experience with templating languages like Django or Smarty?
- Have you worked with a CMS like WordPress or Drupal?
- Any back-end programming/database experience?
- If you could master one technology this year, what would it be?
- What's a
doctypedo? - Explain what "Semantic HTML" means
- Name as many HTML5 elements as you can think of
- header, footer, aside, section, figure, etc
- Explain the box model
- Bonus points for mention of flexible box model
- What sort of techniques can be used to build accessible websites?
- Which JavaScript libraries have you used?
- How is JavaScript different from Java?
- What is cross site scripting?
- When you do encounter it, are they any ways around it?
- Explain AJAX in as much detail as possible
- What's the difference between JSON and JSONP?
- What is the difference between
foo = 'value';andvar foo = 'value';?- Why would you use one or the other?
- Why might you want to put a
<script>in the<head>of the page versus somewhere in the body? - What is a callback function?
- Explain "chaining".
- What is the different between
$(document).ready and $ (window).load - What does
.end()do? - What is the difference between
.bind(),.live(), and.delegate()? - Name a few ways you could hide a div on a page using jQuery
-
.hide(),.remove(),.fadeOut(),.SlideUp()
-
- Describe what a "reset" CSS file does and how it's useful.
- Describe floats and how they work.
- What are the various clearing techniques and which is appropriate for what context?
- Explain CSS sprites, and how you would implement them on a page or site.
- CSS property hacks, conditionally included .css files, or... something else?
- What are the different ways to visually hide content (and make it available only for screen readers)?
- Have you used or implemented media queries or mobile specific layouts/CSS?
- Have you worked with icon fonts? How might you implement one?
- How do you optimize your webpages for print?
- Do you use CSS preprocessors? (SASS, Compass, LESS)
- How would you implement a web design comp that uses non-standard fonts?
- What are your favorite CSS3 properties
- What is the difference between ems, pxs, and rems?
- How might you use them in a design?