Merged conflict

wwwebman · wwwebman · commit 65deb14eac5f · 2017-08-30T23:41:50.000+02:00
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017 Dmytro Chumak
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/readme.md b/readme.md
@@ -1,8 +1,10 @@
-# Front-End Interview Questions and Answers
+![github front end develeper interview questions and answers teaser](https://webman.pro/assets/img/main/webman-front-end-interview-questions-answers-github.jpg)
+
+# Front End Interview Questions and Answers
 This information is intended for the potential Front End Developer candidates.
-The following list include a basic theoretical and code questions.
+The following list includes a basic theoretical and code questions.
 
-Dude or pretty lady, I hope that my experience and experience of other developers will help you get the best interview result.
+I hope, that my experience and experience of other developers will helps you to get the best interview results.
 
 ## List of Content
 1. [Common interview questions](#common-interview-questions)
@@ -13,6 +15,8 @@ Dude or pretty lady, I hope that my experience and experience of other developer
 1. [Javascript Coding](#javascript-coding-questions)
 1. [React interview questions](#react-interview-questions)
 1. [Funny Questions](#funny-questions)
+1. [Contributing](#contributing)
+    1. [Examples for Answers classification](#answers-classification)
 
 ## Common interview questions
 1. What was the most interesting solution did you implemented at the last project? 
@@ -26,16 +30,16 @@ Dude or pretty lady, I hope that my experience and experience of other developer
 1. What is [REST](http://www.restapitutorial.com/)? - [@library--restcookbook](http://restcookbook.com/)
 1. What is the difference between PUT and PATCH methods in REST? - [@answer--stackoverflow](https://stackoverflow.com/questions/21660791/what-is-the-main-difference-between-patch-and-put-request)
 1. Tell about the differences between [websockets](https://developer.mozilla.org/en-US/docs/Web/API/WebSocket), long polling and [SSE](https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events). - [@answer--stackoverflow](https://stackoverflow.com/questions/11077857/what-are-long-polling-websockets-server-sent-events-sse-and-comet)
-1. What is CORS? - [@answer--maxcdn.com](https://www.maxcdn.com/one/visual-glossary/cors/), [@answer--mdn](https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS)
+1. What is CORS? - [@answer--maxcdn.com](https://www.maxcdn.com/one/visual-glossary/cors/), [@doc--mdn](https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS)
 1. What is the main things you can do to increase page speed loading? - [@answer--crazyegg.com](https://www.crazyegg.com/blog/speed-up-your-website/)
 1. Progressive enhancement vs graceful degradation. What is the difference? - [@answer--w3](https://www.w3.org/wiki/Graceful_degradation_versus_progressive_enhancement)
 1. Do you use [Grunt](https://gruntjs.com/), [Gulp](https://gulpjs.com/), [Webpack](https://webpack.github.io/) or Browserify in your projects?
 1. What do you know about "60fps"? What way to achieve this? - [@answer--github](https://github.com/vasanthk/browser-rendering-optimization)
 1. What is the difference between layout, painting and compositing? - [@answer--google](https://developers.google.com/web/fundamentals/performance/rendering/?hl=en)
 
 ## HTML Interview Questions
-1. Could you list main HTML5 tags? - [@answer--mdn](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)
-1. What does mean optional closing tag? - [@answer--w3](https://www.w3.org/TR/REC-html40/index/elements.html) 
+1. Could you list main HTML5 tags? - [@doc--mdn](https://developer.mozilla.org/en-US/docs/Web/HTML/Element)
+1. What does mean optional closing tag? - [@doc--w3](https://www.w3.org/TR/REC-html40/index/elements.html) 
 1. When and how to preload resources? - [@answer--medium](https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf)
 
 ## CSS Interview Questions
@@ -46,22 +50,22 @@ Dude or pretty lady, I hope that my experience and experience of other developer
 
 ## Javascript Interview Questions
 1. Who is the author of JavaScript Language? - 
-1. What is the JavaScript Event Loop? - [@answer--](http://altitudelabs.com/blog/what-is-the-javascript-event-loop/), [Philip Roberts answer](https://www.youtube.com/watch?v=8aGhZQkoFbQ&t=1244s)
-1. What is the Event Delegation? - [@answer--](https://davidwalsh.name/event-delegate), [example](https://jsfiddle.net/thisman/h2eqfsx6/)
-1. What is the difference between e.target and e.currentTarget? - [@answer--](https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget), [example](https://jsfiddle.net/thisman/gkdeocd6/)
+1. What is the JavaScript Event Loop? - [@answer--altitudelabs.com](http://altitudelabs.com/blog/what-is-the-javascript-event-loop/), [@video-Roberts--youtube](https://www.youtube.com/watch?v=8aGhZQkoFbQ&t=1244s)
+1. What is the Event Delegation? - [@answer--davidwalsh](https://davidwalsh.name/event-delegate), [@code-example](https://jsfiddle.net/thisman/h2eqfsx6/)
+1. What is the difference between e.target and e.currentTarget? - [@doc--mdn](https://developer.mozilla.org/en-US/docs/Web/API/Event/currentTarget), [@code-example](https://jsfiddle.net/thisman/gkdeocd6/)
 1. What patterns do you know and successfully use in JavaScript?
-1. What is [`Window.postMessage()`](https://davidwalsh.name/window-postmessage) and where it can be used? - [@answer--](https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage)
-1. Is there any difference between Promises and callbacks? Which is better? - [callbackhell.com](http://callbackhell.com/),  
+1. What is [`Window.postMessage()`](https://davidwalsh.name/window-postmessage) and where it can be used? - [@doc--mdn](https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage)
+1. Is there any difference between Promises and callbacks? Which is better? - [@answer-callback--callbackhell.com](http://callbackhell.com/),  
 
 ## Javascript Coding Questions
-* Write a `pipefy` function where a string received is returned, but with the `|` character between each character. Make it possible to execute function in this way: `'javascript'.pipefy()`. - [@answer--](https://jsfiddle.net/thisman/6ynaf3ot/)
+* Write a `pipefy` function 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](https://jsfiddle.net/thisman/6ynaf3ot/)
 * write a [currying function](https://medium.com/@adambene/currying-in-javascript-es6-540d2ad09400) that return sum of two numbers.
-* Write a [factorial](https://www.mathsisfun.com/numbers/factorial.html) function without [side effect](https://stackoverflow.com/a/8129277/5513804). [@answer--](https://jsfiddle.net/thisman/8v0h5oLq/)
+* Write a [factorial](https://www.mathsisfun.com/numbers/factorial.html) function without [side effect](https://stackoverflow.com/a/8129277/5513804). [@code](https://jsfiddle.net/thisman/8v0h5oLq/)
 ```js
 // Code below must return true
 alert(factorial(3) === 6 && factorial(0) === 1);
 ```
-* Which line of the below code will be executed with an error. Why?
+* Which line of the below code will be executed  cowith an error. Why?
 ```js
 10 .toString();
 (10).toString();
@@ -105,16 +109,20 @@ new String('a') instanceof String && 'b' instanceof String;
 1. How to create higher order component?
 1. Tell about React in the SEO context.
 1. Why rendering of React Components in the custom `<div id="app">` is good practice than simple to the `<body>`?
-1. What does mean "Isomorphic React Application"? - [@answer--](https://www.smashingmagazine.com/2015/04/react-to-the-future-with-isomorphic-apps/)
+1. What does mean "Isomorphic React Application"? - [@answer--smashingmagazine](https://www.smashingmagazine.com/2015/04/react-to-the-future-with-isomorphic-apps/)
 
 ## Funny Questions
 1. Do you like parties?
-2. Do you know that we have a dress code? (asked as a joke)
+2. Do you know that we have a dress code?
 
+### Contributing
+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.
 
 #### Answers classification
-@answer-[tag]--[source tag] - General Theoretical Answer  
-@library-[tag]--[source tag] - More Complex Answer  
-@code-[tag]--[source tag] - Code Example  
-@practice-[tag]--[source tag] - Good Practices  
-@video-[tag]--[source tag] - Video Materials
+ **@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
