Skip to content

Instantly share code, notes, and snippets.

@chadwithuhc

chadwithuhc/questions.md

Last active November 12, 2016 03:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chadwithuhc/5a8aaa0a1e580e05308cb7d13a994f5e to your computer and use it in GitHub Desktop.
Save chadwithuhc/5a8aaa0a1e580e05308cb7d13a994f5e to your computer and use it in GitHub Desktop.
Download ZIP
Front End Engineer Interview Questions
Raw
questions.md

HTML / CSS

  • What are some new features in HTML5 / CSS3?
  • What are the differences of using float vs inline-block?
  • Describe Floats and how they work in detail
  • Explain differences between inline and inline-block
  • Can you explain the differences between em, rem, px?
  • Explain reset.css vs normalize.css
  • How do display: none vs visibility: hidden differ?
  • What is the difference between classes and IDs in CSS?
  • CSS Positioning
  • Image paths in CSS vs HTML
  • Multiple selectors .one, .two
  • Using > selector
  • Nested Selectors
  • Define the box model

200px Width + 20px Padding + 1px Border

  • What is the DOM?
  • Experience with website optimization?
  • How to handle form validation?
  • What kind of challenges do you run into formatting a site for Mobile devices?
  • Can you export contents from PSD / Sketch?
  • What exposure do you have to CSS3 animations and transitions
  • What are data- attributes good for?
  • What is the difference between classes and IDs in CSS?
  • Explain how a grid system works
  • What are you favorite features in SASS?
  • What does * { box-sizing: border-box; } do? What are its advantages?
  • What kind of techniques do you use to handle images for retina screens?
  • Is there any reason you'd want to use translate() instead of absolute positioning, or vice-versa? And why?

JavaScript

  • Dom Ready vs Window Load
  • What is async vs. sync?
  • Explain event delegation / bubbling
  • Explain how this works in JavaScript
  • Explain how prototypal inheritance works
  • What is a closure, and how/why would you use one?
  • What's a typical use case for anonymous functions?
  • What's the difference between .call and .apply?
  • Explain AJAX in as much detail as possible
  • Explain Promises in as much detail as possible
  • Explain "hoisting"
  • What is the difference between == and ===?
  • Explain the difference between mutable and immutable objects
  • What are some native Array methods and how would you use them?
  • How do you debug your code?

Console, breakpoints, HTML inspector…

  • Can they use regex to parse something out of a URL?
  • Explain some of the pros and cons for CSS animations versus JavaScript animations
  • Experience with frameworks: jQuery, bootstrap, etc.

Server Side Integration

  • What are the four main HTTP Methods? [POST, GET...]
  • XSS, SQL injection, Security
  • API consumption / creation
  • What is the difference between Authorization and Authentication?
  • What is OAuth used for?

Tooling

  • What is the difference between Git and Github?
  • What would you consider an effective Git workflow?
  • What are build tools good for? Which ones are you familiar with?

Open Ended Questions

  • How did you learn to code?
  • What has been the hardest part about learning to code so far?
  • How do you stay on top of current web trends?
  • What excites or interests you about coding?
  • If you could master one technology this year, what would it be?

Team

  • Most time working with team or alone?
  • Have you worked with QA?

Will they need to QA their own code?

  • Work in Agile / Scrum?
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment