h5bp / front-end-developer-interview-questions Goto Github PK

Maybe adding questions about promises and also difference between promise and jquery deffer would be nice. With recent changes promises will play important roles.

I'm too lazy to do the 7 steps to contribute to this file.

Would anyone be willing to add a "?" to this question?

It would be cool to have links to resources explaining the answers to some of the questions.

Last week, while being interviewed on the changelog podcast, I was asked why this project doesn't have a proper website. It's not well known but we do have a Github Page that is just a nicer looking version of the markdown file at http://h5bp.github.io/Front-end-Developer-Interview-Questions/.

I've also been asked countless times about what questions a "Junior" or a "Senior" Developer should know or be asked from this document. Terminology like this, of course, can be polarizing. Everyone's concept of a Junior or Senior Developer is different and every role has it's own specific challenges and knowledge requirements. Although those specific labels aren't helpful, I've begun to think that including meta-data and having the ability to label questions would be infinitely helpful for discoverability.

Sub-categorization is already being talked about in @richgilbank's issue #257, although I think we need to think about this a bit more broadly. Currently, we're extremely limited in how we can format and showcase content based on using only a markdown file. That said, I think there's a serious need to broaden the horizons of this project and build a proper website.

The HTML5 Please site is a good example of the kind of labelling/filtering we could add to questions to make search/discoverability much easier. But that's just the beginning.

Thoughts, feedback and suggestions are welcomed.

Most acronyms in the document should be painfully obvious to developers with relevant experience but a few stood to me as relatively obscure. The concepts might be well known, but not the jargon. Could these be de-acronymized?

• FOUC
• DNT
• SSE

These entries also seemed out of place:

Write a simple slideshow page
A coding sample has a place in an interview, but not in these questions. Could this be "Describe how you would create a simple slideshow page"?

AMD vs. CommonJS?
Is this asking for personal preference, or a comparison of these projects' features and direction? "What do you think of AMD vs CommonJS?"

Thanks for your time!

最新前端开发面试题

https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions

These days most Front Ends use a MV* framework and hence it is important for your list of questions to have some on this topic too.

Any lists like this for backend web developers? Would appreciate it.

There are two questions near the bottom of the jquery section that are duplicates of each other -- both asking the differentiate .live() and .delegate()

Hi, I was thinking of translating this into Farsi/Persian. It's a right to left language like Arabic.
It will be readable on github anyway, but not looking nice. Any experience with that?

Maybe we could expand this question. There are more ways how to do animations on the web.
What do you guys think about this?
If you agree, I could send you a pull-request :)

Explain some of the pros and cons for CSS animations versus JavaScript animations.

Animations: CSS, JavaScript, SVG, Canvas or Flash. When to use which and what are some of the pros and cons of each.

Great job. Could translate?

In the JS section, there's this question:

When do you optimize your code?

Shouldn't it belong to the "General" section instead? IMO HTML and CSS code can be optimized as well.

应当是要求解释关于黑客帝国的情景。
类似于，如何判定你现在活在真实的世界，还是在一艘船上，**在一个超级计算机里。

Would it be useful to make a uber cool site out of these questions?
[We might select the best answer as well ;) ]

@darcyclarke Do you have any plans of creating a website with these? If not I'm very eager to help!

Few questions that I was asked recently in an interview for Frontend position,

HTML

1. Difference between GET and POST.

CSS

1. List all possible values for the display property? Difference between inline and inline-block?
2. Parent div with 1px solid border, no width/height contains child div floating right. How would the parent container look like? Ans - It looks like a Line

General

1. Explain the entire process, From - typing a url in the address bar, To - website finishes loading in the browser.

Resources

1. http://davidshariff.com/quiz/
2. http://blog.sourcing.io/interview-questions

Serbian translation has many Croatian phrases and isn't grammatically correct.

Howdy from The Changelog!

Sorry for a last minute ask, but @darcyclarke any chance you'd be open to come on The Changelog today at 3pm CT via Skype to talk about this project?

We had a last minute guest cancellation for today's show, and we were already linking this project up in the next issue of Weekly that ships tomorrow -- so we thought, why not get them on the podcast!

You might have heard of our show, but if not -- The Changelog is a podcast covering what's fresh and new in open source. Listen to the show here http://thechangelog.com/podcast/ or here http://5by5.tv/changelog

Looking forward to talking to ya!

Adam, EIC

Hi!

I just found this wonderful repo, but can't find any license information attached to it. Would you mind adding a LICENSE file to clearify?

Kinds regards,
Oliver

I was the first one to translate it into Swedish, then someone made a few changes to my text.

But I did the main job almost years ago.

As you can see here:

https://github.com/Muqito/Front-end-Developer-Interview-Questions/tree/master/Swedish

The JS Questions section is getting pretty large - I'd be inclined to break it into two smaller sections: JS language questions and JS usage questions, or JS implementation questions...or something. As an example, a question like Explain how 'this' works in JavaScript would be clearly a language-specific question, while the fizzbuzz question would be about implementation. Just throwing this out there.
Thoughts?

Definitely change or remove the question about the "IE box model". Unless you expect the correct answer to be "there is no difference". But then it would essentially be a trick question, which I don't think is appropriate for an interview.

IE6 and above have the exact same box model as every other browser and version. See:

http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug#Workarounds

You could instead ask: "What the difference between the old IE box model and the W3C box model". But the way it's currently worded, it sounds like all versions of IE have the same box model.

hi, I've been looking at both lists of questions and it seems like the contents are out of sync. for ex. the master README contains network questions but doesn't contain a jQuery section. the index.html page (http://h5bp.github.io/Front-end-Developer-Interview-Questions/) contains a jQuery section but no network section. thanks.

General Question

What is a recent technical challenge you experienced and how did you solve it?

So in the CSS section, there's this standalone question:

CSS property hacks, conditionally included .css files, or... something else?

What exactly is this question asking? Sorry I couldn't trace back to its origin.

Perhaps I'm just being stupid but I don't understand the questions that are entitled "Question: What is the mean for?". Perhaps it could be simplified or refined in some way.

This will help with translation not falling behind or if they fell behind it's easy to track which questions are missing or modified.

Like official documents assign a section code to each question and indicate that code after each question .

Foe example:

#### General Questions (§ 1):

* What did you learn yesterday/this week? (§ 1.1)
* What excites or interests you about coding? (§ 1.2)

I'd like to add some questions about UI Regression testing using tools such as PhantomJS, Huxley and so on. I was wondering if you'd be open to that sort of thing because they're not usually asked in interviews.

Thanks!

Explain the differences between AJAX, iFrame and Frameset. How do they differentiate?

"i'm a lasagne hog".split("").reverse().join("");

"Lasagna" ends with an 'a'. Then it works as a palindrome: "Go hang a salami, I'm a lasagna hog". With the current spelling it's just "go heng a salami" which doesn't sound as fun.

Several questions have hints/examples following them:

Talk about your preferred development environment. (OS, Editor or IDE, Browsers, Tools, etc.)

What are the advantages/disadvantages of using CSS preprocessors? (Sass, Compass, Stylus, LESS)

What existing CSS frameworks have you used locally, or in production? (Bootstrap, PureCSS, Foundation etc.)

Have you ever used JavaScript templating?
If so, what libraries have you used? (Mustache.js, Handlebars etc.)

IMHO these are redundant. For a certain, an interviewer doesn't need them. A good candidate wouldn't need them, either. So why are they even here?

https://github.com/hawx1993/Front-end-Interview-questions

单词打错了吧！

请指出'.bing','.live()'和'.delegate()'的区别

请指出'.bind','.live()'和'.delegate()'的区别

Was doing an interview and a candidate tried to convince me that they preferred to use vanilla Javascript because jQuery messed with the prototype. I tried to explain that perhaps they're thinking of Prototype.js and they corrected me, not Prototype.js, but the Javascript native prototypes at which point I realized they had no idea how jQuery worked or the difference between the wrapper frameworks like jQuery/YUI/Dojo/Ext and the frameworks that do extend the JS natives like Prototype/Mootools.

Does this mean using the test framework behind Dromaeo test suite to test your code? Never seen people do that...

• What tools do you use to test your code's performance?
  • JSPerf (http://jsperf.com/)
  • Dromaeo (http://dromaeo.com/)
  • etc.

There is a little typo in the german section: It's in the first part in that note where it's said "Fährigkeiten" instead of "Fähigkeiten".

Seems like we don't have questions on jQuery.fn.queue() & friends. I'd like to have some in, it's a really powerful feature which is currently kinda underrated. I'd suggest these questions:

• What does .queue() do and why would you use it? What's .dequeue()?
• What queue is the default one?

What's the importance and benefits?

Please do not open issues or pull requests that invlove including answers to any of the questions.

Change to:
Please do not open issues or pull requests that involve including answers to any of the questions.

Also:

IMPORTANT: By submitting pathes, you agree to allow the project owners to license your

Change to:
IMPORTANT: By submitting patches, you agree to allow the project owners to license your

"Conform to the conventions (stay consistant)" should be "consistent".

Continue to build atop of and pull from great resources like:
http://programmers.stackexchange.com/questions/46716/what-should-every-programmer-know-about-web-development

I would argue this has nothing to do with HTML. Its a HTTP question. Perhaps it belongs under general?

( window.foo || ( window.foo = "bar" ) );

Question: What is the value of window.foo?
Answer: "bar" if intially window.foo was false, undefined or zero else it will retain its value.

The list of possible values is not comprehensive. Either include all falsey values in the list or just say "if window.foo was falsey" or "if !window.foo".