Connecting to LinkedIn...

Interview Questions for a front end web developer

about 4 years ago by

W1siziisijiwmtqvmdmvmjuvmtcvmdmvmzyvnjiwl2dvb2dszv9jahjvbwvfmzawediymy5qcgcixsxbinailcj0ahvtyiisijiymdb4njawxhuwmdnjil0swyjwiiwib3b0aw1pemuixv0

General Questions:

  • Are you on Twitter?
    • If so, who do you follow on Twitter?
  • Are you on GitHub?
    • If so, what are some examples of repos you follow
  • What blogs do you follow?
  • What version control systems have you used (Git, SVN etc.)?
  • What is your preferred development environment? (OS, Editor, Browsers, Tools etc.)
  • 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
  • Explain what “Semantic HTML” means.
  • 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.
  • 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)
  • If you jumped on a project and they used tabs and you used spaces, what would you do?
    • Suggest the project utilize something like EditorConfig (http://editorconfig.org)
    • Conform to the conventions (stay consistant)
    • issue :retab! command
  • Write a simple slideshow page
    • Bonus points if it does not use JS.
  • What tools do you use to test your code’s performance?
  • If you could master one technology this year, what would it be?
  • Explain the importance of standards and standards bodies.
  • What is FOUC? How do you avoid FOUC?

HTML-Specific Questions:

  • What’s a doctype do, and how many can you name?
  • What’s the difference between standards mode and quirks mode?
  • What are the limitations when serving XHTML pages?
    • Are there any problems with serving pages as application/xhtml+xml?
  • How do you serve a page with content in multiple languages?
    • What kind of things must you be wary of when design or developing for multilingual sites?
  • Can you use XHTML syntax in HTML5?
  • How do you use XML in HTML5?
  • What are data- attributes good for?
  • What are the content models in HTML4 and are they different in HTML5?
  • Consider HTML5 as an open web platform. What are the building blocks of HTML5?
  • Describe the difference between cookies, sessionStorage and localStorage.

JS-Specific Questions

  • Which JavaScript libraries have you used?
  • Have you ever looked at the source code of the libraries/frameworks you use?
  • How is JavaScript different from Java?
  • What’s a hashtable?
  • What are undefined and undeclared variables?
  • What is a closure, and how/why would you use one?
    • Your favorite pattern used to create them? argyle (Only applicable to IIFEs)
  • What’s a typical use case for anonymous functions?
  • Explain the “JavaScript module pattern” and when you’d use it.
    • Bonus points for mentioning clean namespacing.
    • What if your modules are namespace-less?
  • How do you organize your code? (module pattern, classical inheritance?)
  • What’s the difference between host objects and native objects?
  • Difference between: javascript function Person(){} var person = Person() var person = new Person()
  • What’s the difference between .call and .apply?
  • explain Function.prototype.bind?
  • When do you optimize your code?
  • Can you explain how inheritance works in JavaScript?
  • When would you use document.write()?
    • Most generated ads still utilize document.write() although its use is frowned upon
  • What’s the difference between feature detection, feature inference, and using the UA string
  • Explain AJAX in as much detail as possible
  • Explain how JSONP works (and how it’s not really AJAX)
  • Have you ever used JavaScript templating?
    • If so, what libraries have you used? (Mustache.js, Handlebars etc.)
  • Explain “hoisting”.
  • Describe event bubbling.
  • What’s the difference between an “attribute” and a “property”?
  • Why is extending built in JavaScript objects not a good idea?
  • Why is extending built ins a good idea?
  • Difference between document load event and document ready event?
  • What is the difference between == and ===?
  • Explain how you would get a query string parameter from the browser window’s URL.
  • Explain the same-origin policy with regards to JavaScript.
  • Explain event delegation.
  • Describe inheritance patterns in JavaScript.
  • Make this work: javascript [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
  • Describe a strategy for memoization (avoiding calculation repetition) in JavaScript.
  • Why is it called a Ternary statement, what does the word “Ternary” indicate?
  • What is the arity of a function?
  • What is "use strict";? what are the advantages and disadvantages to using it?

This content was taken from the github page:

https://github.com/darcyclarke/Front-end-Developer-Interview-Questions