This information is intended for the potential Front End Developer candidates. The following list includes a basic theoretical and code questions.
I hope, that my experience and experience of other developers will helps you to get the best interview results.
- Common interview questions
- Common technical interview questions
- HTML
- CSS
- Javascript
- Javascript Coding
- React interview questions
- Funny Questions
- Contributing
- What was the most interesting solution did you implemented at the last project?
- What is the last book you read?
- How big your team ever was?
- Have you ever worked in Agile, Scrum or Kanban environments?
- What developers of Front End community do you know?
- What is 'Gangs of four'?
- What is REST? - @library--restcookbook
- What is the difference between PUT and PATCH methods in REST? - @answer--stackoverflow
- Tell about the differences between websockets, long polling and SSE. - @answer--stackoverflow
- What is CORS? - @answer--maxcdn.com, @doc--mdn
- What is the main things you can do to increase page speed loading? - @answer--crazyegg.com
- Progressive enhancement vs graceful degradation. What is the difference? - @answer--w3
- Do you use Grunt, Gulp, Webpack or Browserify in your projects?
- What do you know about "60fps"? What way to achieve this? - @answer--github
- What is the difference between layout, painting and compositing? - @answer--google
- Could you list main HTML5 tags? - @doc--mdn
- What does mean optional closing tag? - @doc--w3
- When and how to preload resources? - @answer--medium
- What is different between mobile first and desktop first - @answer--codemyviews.com?
- Which of those selectors has the highest specificity. What color will be applied to the paragraph?
- What pseudo-class
:rootrefer to? - What preprocessor do you use (Sass, Less)?
- Who is the author of JavaScript Language? -
- What is the JavaScript Event Loop? - @answer--altitudelabs.com, @video-Roberts--youtube
- What is the Event Delegation? - @answer--davidwalsh, @code-example
- What is the difference between e.target and e.currentTarget? - @doc--mdn, @code-example
- What patterns do you know and successfully use in JavaScript?
- What is
Window.postMessage()and where it can be used? - @doc--mdn - Is there any difference between Promises and callbacks? Which is better? - @answer-callback--callbackhell.com,
- Write a
pipefyfunction where a string received is returned, but with the|character between each character. Make it possible to execute function in this way:'javascript'.pipefy(). - @code-answer - write a currying function that return sum of two numbers.
- Write a factorial function without side effect. @code
// Code below must return true
alert(factorial(3) === 6 && factorial(0) === 1);- Which line of the below code will be executed cowith an error. Why?
10 .toString();
(10).toString();
10..toString();- What is the order of alerts?
setTimeout(function(){
alert('gorilla');
setTimeout(function(){
alert('classical inheritance')
}, 0);
alert('drumroll');
}, 0);
alert('banana');- What is the result after code execution: 1, 2 or 3?
var x = 1;
var foo = {
x:2,
bar: function() {
x = 3;
return this.x;
}
}
var run = foo.bar;
alert(run());- What below code will return: true or false. What does each part of code return?
new String('a') instanceof String && 'b' instanceof String;- What happens when you execute
setState()in therender()method? - What is the difference between 'smart and dummy' components?
- How to create higher order component?
- Tell about React in the SEO context.
- Why rendering of React Components in the custom
<div id="app">is good practice than simple to the<body>? - What does mean "Isomorphic React Application"? - @answer--smashingmagazine
- Do you like parties?
- Do you know that we have a dress code?
Contributions, questions and comments, pull requests are all welcome.
Note: if you want to change a structure, please open an issue and we will discuss it, but if you have interesting questions or answers, please make pull request.
@answer-[tag]--[source tag] - General Theoretical Answer.
@doc-[tag]--[source tag] - Documentation
@library-[tag]--[source tag] - More Complex Answer
@code-[tag] - Code Example from jsfiddle || codepen || jsbin
@practice-[tag]--[source tag] - Good Practices
@video-[tag]--[source tag] - Video Materials