Https://github.com/h5bp/Front-end-Developer-Interview-Questions#contributors
1. General Issues
- What do you learn Yesterday/this week?
- What is excites or interests you about coding?
- What UI, Security, Performance, SEO, maintainability or technology considerations does you make while building a web Applica tion or site?
- Talk about your preferred development environment. (OS, Editor or IDE, Browsers, Tools etc.)
- Which version control systems is familiar with?
- Can Describe your workflow when do you create a Web page?
- If you had 5 different stylesheets, how would do you integrate them into the site?
- Can you describe the difference between progressive enhancement and graceful degradation?
- Bonus points for describing feature detection
- How would optimize a websites assets/resources?
- Looking for a number of solutions which can include:
- File concatenation
- File minification
- CDN Hosted
- Caching
- etc.
- Traditionally, why have it been better to serve site assets from multiple domains?
- How many resources would a browser download from a given domain at a time?
- What is the exceptions?
- Bonus points for identifying mobile as a possible downside (http://www.mobify.com/blog/ domain-sharding-bad-news-mobile-performance/)
- Bonus points for identifying Http2/spdy as an exception
- Name 3 ways to decrease page load. (perceived or actual load time)
- If you jumped to a project and they used tabs and you used spaces, what does would do?
- Suggest the project utilize something like Editorconfig (http://editorconfig.org)
- Conform to the conventions (stay consistent)
issue :retab! command
- Write a simple slideshow page
- Bonus points if it does not use JS.
- What does the tools do you use to test your code ' s performance?
- Profiler, JSPerf, Dromaeo
- If you could master one technology this year, what is would it be?
- What is the differences between long-polling, Websockets and SSE?
- Explain the importance of standards and standards bodies.
- What is Fouc? How does you avoid fouc?
- Do your best to describe the process from the time of your type in a website's URL to it finishing loading on your screens.
2. HTML-related
- What ' s a
doctype does?
- What ' s the difference between standards mode and quirks mode?
- What is the limitations when serving XHTML pages?
- Is there any problems with serving pages as
application/xhtml+xml ?
- How does serve a page with the content in multiple languages?
- What kind of things must is wary of when design or developing for multilingual sites?
- What is
data- attributes good for?
- Consider HTML5 as an open web platform. What is the building blocks of HTML5?
- Describe the difference between cookies, sessionstorage and localstorage.
- Can you explain the difference between
GET and POST ?
3. CSS-related
- What's the difference between classes and IDs in CSS?
- Describe What's a "reset" CSS file does and how it ' s useful.
- Bonus for pointing out the downsides of a "reset", and/or mentioning "normalize" as a better alternative.
- Describe floats and how to they work.
- Describe Z-index and how stacking context is formed.
- What's the various clearing techniques and which is appropriate for what context?
- Explain CSS sprites, and how to would implement them on a page or site.
- What is your favourite image replacement techniques and which do?
- CSS property hacks, conditionally included. css files, or ... something else?
- How does serve your pages for feature-constrained browsers?
- What techniques/processes?
- What is the different ways to visually hide content (and do it available only for screen readers)?
- Ever used a grid system, and if so, what does you prefer?
- Have you used or implemented media queries or mobile specific LAYOUTS/CSS?
- Any familiarity with styling SVG?
- How does optimize your webpages for print?
- What is some of the "gotchas" for writing efficient CSS?
- What is the advantages/disadvantages of using CSS preprocessors? (SASS, Compass, Stylus, less)
- If So, describe "what's the" and dislike about the CSS preprocessors you have used.
- How would is implement a web design comp that uses non-standard fonts?
- Webfonts (Font services Like:google webfonts, Typekit etc)
- Explain How a browser determines what elements match a CSS selector?
- Explain your understanding of the box model and how do you would tell the browser in CSS to render your layout in different B Ox models.
- What does
* { box-sizing: border-box; } ? What is its advantages?
- List as many values for the display property so you can remember.
- What ' s the difference between inline and inline-block?
- What ' s the difference between a relative, fixed, absolute and statically positioned element?
- What existing CSS frameworks has you used locally, or in production? (Bootstrap, PURECSS, Foundation etc.)
- If so, which ones? If you could, how would are you change/improve them?
- Played around with the new CSS Flexbox or Grid specs?
- How are responsive design different from adaptive design?
- Ever worked with Retina graphics? If and what techniques do you use?
4. JS problem
- Explain Event Delegation
- Explain how
this works in JavaScript
- Explain How Prototypal Inheritance Works
- How does the go about testing your JavaScript?
- AMD vs. CommonJS?
- Explain why the following doesn ' t work as an iife:
function foo(){ }(); .
- What needs to is changed to properly do it an iife?
- What's the difference between a variable that's is:
null , undefined or undeclared ?
- How would to go about checking for any of these states?
- What's a closure, and how/why would you use one?
- What's a typical use case for anonymous functions?
- How does you organize your code? (module pattern, classical inheritance?)
- What ' s the difference between host objects and native objects?
- Difference between:
function Person(){} , var person = Person() , and var person = new Person() ?
- What ' s the difference between
.call and .apply ?
- Explain
Function.prototype.bind ?
- When does you optimize your code?
- When would
document.write() ?
- Most generated ads still utilize although their use is
document.write() 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 has you used? (Mustache.js, handlebars etc.)
- Explain "Hoisting".
- Describe event bubbling.
- What's the difference between an "attribute" and a "property"?
- Why are extending built in JavaScript objects not a good idea?
- Difference between document Load event and document ready event?
- What is the difference between
== and === ?
- Explain the Same-origin policy with regards to JavaScript.
- Make the work:
Duplicate ([1,2,3,4,//[1,2,3,4,5,1,2,3,4,5]
- Why was it called a ternary expression, what does the word "ternary" indicate?
- What's the
"use strict"; advantages and disadvantages to using it?
- Create A For loop this iterates
100 up to while outputting "Fizz" 3 at multiples of, at "buzz" multiples of 5and "Fizzbuzz" at multiples of 3 and5
6. JQuery-related
- Explain "Chaining".
- Explain "Deferreds".
- What is some jQuery specific optimizations you can implement?
- What does
.end() ?
- Name 4 different values can pass to the JQuery method.
- Selector (String), HTML (String), Callback (function), HtmlElement, object, array, element array, JQuery object etc.
- What is the difference between
.get() , [] , and .eq() ?
7. Code
Question:how Would you do this work?
Add (//7Add (2) (//7
Question:what value is returned from the following statement?
"I ' m a lasagna hog". Split (""). Reverse (). Join ("");
Answer: "Goh angasal a M ' I"
Question:what is the value of window.foo ?
"Bar"));
Answer: "Bar" (only if is window.foo Falsey otherwise it would retain its value)
Question:what is the outcome of the alerts below?
"Hello"; ("World+ Bar");
Answer: "Hello World" & Referenceerror:bar are not defined
Question:what is the value of foo.length ?
= [];foo. push (1); foo. Push (2);
Answer:2
8. Open questions
- What's a cool thing you ' ve coded recently? What's something you ' ve built so you ' re proud of?
- What is some things you like about the developer tools?
- Does any pet projects? What kind?
- What ' s your favorite feature of Internet Explorer?
9. Other
- http://programmers.stackexchange.com/questions/46716/ What-technical-details-should-a-programmer-of-a-web-application-consider-before
- http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/
- http://css-tricks.com/interview-questions-css/
- http://davidshariff.com/quiz/
- http://davidshariff.com/js-quiz/
- Http://blog.sourcing.io/interview-questions
- Http://www.toptal.com/javascript/interview-questions
- http://www.sitepoint.com/5-typical-javascript-interview-exercises/
- http://www.sitepoint.com/5-javascript-interview-exercises/
- http://www.sitepoint.com/10-typical-html-interview-exercises/
Fundamentals of "front-end Basics"
