├── .editorconfig
├── CONTRIBUTING.md
├── LICENSE.md
├── README.md
└── Translations
    ├── Bulgarian
        └── README.md
    ├── Chinese-Traditional
        └── README.md
    ├── Chinese
        └── README.md
    ├── Croatian
        └── README.md
    ├── Czech
        └── README.md
    ├── Danish
        └── README.md
    ├── Dutch
        └── README.md
    ├── French
        └── README_FR.md
    ├── German
        └── README.md
    ├── Greek
        └── README.md
    ├── Hungarian
        └── README.md
    ├── Indonesian
        └── README.md
    ├── Italian
        └── README_IT.md
    ├── Japanese
        └── README.md
    ├── Korean
        ├── README_KR.md
        └── Reference_KR.md
    ├── Latvian
        └── README.md
    ├── Polish
        └── README_PL.md
    ├── Portuguese
        └── README.md
    ├── Romanian
        └── README.md
    ├── Russian
        └── README_RU.md
    ├── Serbian
        └── README.md
    ├── Slovakian
        └── README.md
    ├── Slovenian
        └── README.md
    ├── Spanish
        └── README_ES.md
    ├── Swedish
        └── README.md
    └── Turkish
        └── README_TR.md


/.editorconfig:
--------------------------------------------------------------------------------
 1 | # editorconfig.org
 2 | 
 3 | root = true
 4 | 
 5 | [*]
 6 | charset = utf-8
 7 | end_of_line = lf
 8 | indent_size = 2
 9 | indent_style = space
10 | insert_final_newline = true
11 | trim_trailing_whitespace = true
12 | 
13 | [*.md]
14 | trim_trailing_whitespace = false
15 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contributing to Front-end Developer Interview Questions
 2 | 
 3 | Please take a moment to review this document in order to make the contribution
 4 | process easy and effective for everyone involved.
 5 | 
 6 | Following these guidelines helps to communicate that you respect the time of
 7 | the developers managing and developing this open source project. In return,
 8 | they should reciprocate that respect in addressing your issue or assessing
 9 | patches and features.
10 | 
11 | 
12 | ## Using the issue tracker
13 | 
14 | The [issue tracker](https://github.com/h5bp/Front-end-Developer-Interview-Questions/issues) is
15 | the preferred channel for spelling mistakes, errors or any general feedback. Please respect the following restrictions:
16 | 
17 | * Please **do not** derail or troll issues. Keep the discussion on topic and respect the opinions of others.
18 | 
19 | * Please **do not** open issues or pull requests that involve including **answers** to any of the questions.
20 | 
21 | <a name="pull-requests"></a>
22 | ## Pull requests
23 | 
24 | Please adhere to the coding conventions used throughout the project (spelling, indentation, punctuation etc.).
25 | 
26 | Adhering to the following process is the best way to get your work included in the project:
27 | 
28 | 1. [Fork](https://help.github.com/articles/fork-a-repo) the project, clone your fork, and configure the remotes:
29 | 
30 |    ```bash
31 |    # Clone your fork of the repo into the current directory
32 |    git clone https://github.com/<your-username>/Front-end-Developer-Interview-Questions.git
33 |    # Navigate to the newly cloned directory
34 |    cd Front-end-Developer-Interview-Questions
35 |    # Assign the original repo to a remote called "upstream"
36 |    git remote add upstream https://github.com/h5bp/Front-end-Developer-Interview-Questions.git
37 |    ```
38 | 
39 | 2. If you cloned a while ago, get the latest changes from upstream:
40 | 
41 |    ```bash
42 |    git checkout master
43 |    git pull upstream master
44 |    ```
45 | 
46 | 3. Create a new topic branch (off the main project development branch) to
47 |    contain your feature, change, or fix:
48 | 
49 |    ```bash
50 |    git checkout -b <topic-branch-name>
51 |    ```
52 | 
53 | 4. Locally merge (or rebase) the upstream development branch into your topic branch:
54 | 
55 |    ```bash
56 |    git pull [--rebase] upstream master
57 |    ```
58 | 
59 | 5. Squash your commits down to a single one (we want to keep the master branch nice and clean)
60 | 
61 | 5. Push your topic branch up to your fork:
62 | 
63 |    ```bash
64 |    git push origin <topic-branch-name>
65 |    ```
66 | 
67 | 7. [Open a Pull Request](https://help.github.com/articles/using-pull-requests/)
68 |     with a clear title and description.
69 | 
70 | **IMPORTANT**: By submitting patches, you agree to allow the project owners to license your work under the terms of the [MIT License](LICENSE.md).
71 | 


--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2012 - 2015 Contributors to https://github.com/h5bp/Front-end-Developer-Interview-Questions
 4 | 
 5 | 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:
 6 | 
 7 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 8 | 
 9 | 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.
10 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | #Front-end Job Interview Questions
  2 | 
  3 | This file contains a number of front-end interview questions that can be used when vetting potential candidates. It is by no means recommended to use every single question here on the same candidate (that would take hours). Choosing a few items from this list should help you vet the intended skills you require.
  4 | 
  5 | **Note:** Keep in mind that many of these questions are open-ended and could lead to interesting discussions that tell you more about the person's capabilities than a straight answer would.
  6 | 
  7 | ## Table of Contents
  8 | 
  9 |   1. [General Questions](#general-questions)
 10 |   1. [HTML Questions](#html-questions)
 11 |   1. [CSS Questions](#css-questions)
 12 |   1. [JS Questions](#js-questions)
 13 |   1. [Network Questions](#network-questions)
 14 |   1. [Coding Questions](#coding-questions)
 15 |   1. [Fun Questions](#fun-questions)
 16 | 
 17 | ## Getting Involved
 18 | 
 19 |   1. [Contributors](#contributors)
 20 |   1. [How to Contribute](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/CONTRIBUTING.md)
 21 |   1. [License](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md)
 22 | 
 23 | #### General Questions:
 24 | 
 25 | * What did you learn yesterday/this week?
 26 | * What excites or interests you about coding?
 27 | * What is a recent technical challenge you experienced and how did you solve it?
 28 | * What UI, Security, Performance, SEO, Maintainability or Technology considerations do you make while building a web application or site?
 29 | * Talk about your preferred development environment.
 30 | * Which version control systems are you familiar with?
 31 | * Can you describe your workflow when you create a web page?
 32 | * If you have 5 different stylesheets, how would you best integrate them into the site?
 33 | * Can you describe the difference between progressive enhancement and graceful degradation?
 34 | * How would you optimize a website's assets/resources?
 35 | * How many resources will a browser download from a given domain at a time?
 36 |   * What are the exceptions?
 37 | * Name 3 ways to decrease page load (perceived or actual load time).
 38 | * If you jumped on a project and they used tabs and you used spaces, what would you do?
 39 | * Describe how you would create a simple slideshow page.
 40 | * What tools do you use to test your code's performance?
 41 | * If you could master one technology this year, what would it be?
 42 | * Explain the importance of standards and standards bodies.
 43 | * What is Flash of Unstyled Content? How do you avoid FOUC?
 44 | * Explain what ARIA and screenreaders are, and how to make a website accessible.
 45 | * Explain some of the pros and cons for CSS animations versus JavaScript animations.
 46 | 
 47 | #### HTML Questions:
 48 | 
 49 | * What does a `doctype` do?
 50 | * What's the difference between standards mode and quirks mode?
 51 | * What's the difference between HTML and XHTML?
 52 | * Are there any problems with serving pages as `application/xhtml+xml`?
 53 | * How do you serve a page with content in multiple languages?
 54 | * What kind of things must you be wary of when design or developing for multilingual sites?
 55 | * What are `data-` attributes good for?
 56 | * Consider HTML5 as an open web platform. What are the building blocks of HTML5?
 57 | * Describe the difference between a `cookie`, `sessionStorage` and `localStorage`.
 58 | * Describe the difference between `<script>`, `<script async>` and `<script defer>`.
 59 | * Why is it generally a good idea to position CSS `<link>`s between `<head></head>` and JS `<script>`s just before `</body>`? Do you know any exceptions?
 60 | 
 61 | #### CSS Questions:
 62 | 
 63 | * What is the difference between classes and ID's in CSS?
 64 | * What's the difference between "resetting" and "normalizing" CSS? Which would you choose, and why?
 65 | * Describe Floats and how they work.
 66 | * Describe z-index and how stacking context is formed.
 67 | * What are the various clearing techniques and which is appropriate for what context?
 68 | * Explain CSS sprites, and how you would implement them on a page or site.
 69 | * What are your favourite image replacement techniques and which do you use when?
 70 | * How would you approach fixing browser-specific styling issues?
 71 | * How do you serve your pages for feature-constrained browsers?
 72 |   * What techniques/processes do you use?
 73 | * What are the different ways to visually hide content (and make it available only for screen readers)?
 74 | * Have you ever used a grid system, and if so, what do you prefer?
 75 | * Have you used or implemented media queries or mobile specific layouts/CSS?
 76 | * Any familiarity with styling SVG?
 77 | * How do you optimize your webpages for print?
 78 | * What are some of the "gotchas" for writing efficient CSS?
 79 | * What are the advantages/disadvantages of using CSS preprocessors?
 80 |   * Describe what you like and dislike about the CSS preprocessors you have used.
 81 | * How would you implement a web design comp that uses non-standard fonts?
 82 | * Explain how a browser determines what elements match a CSS selector.
 83 | * Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.
 84 | * What does ```* { box-sizing: border-box; }``` do? What are its advantages?
 85 | * List as many values for the display property that you can remember.
 86 | * What's the difference between inline and inline-block?
 87 | * What's the difference between a relative, fixed, absolute and statically positioned element?
 88 | * The 'C' in CSS stands for Cascading.  How is priority determined in assigning styles (a few examples)?  How can you use this system to your advantage?
 89 | * What existing CSS frameworks have you used locally, or in production? How would you change/improve them?
 90 | * Have you played around with the new CSS Flexbox or Grid specs?
 91 | * How is responsive design different from adaptive design?
 92 | * Have you ever worked with retina graphics? If so, when and what techniques did you use?
 93 | * Is there any reason you'd want to use `translate()` instead of *absolute positioning*, or vice-versa? And why?
 94 | 
 95 | #### JS Questions:
 96 | 
 97 | * Explain event delegation
 98 | * Explain how `this` works in JavaScript
 99 | * Explain how prototypal inheritance works
100 | * How do you go about testing your JavaScript?
101 | * What do you think of AMD vs CommonJS?
102 | * Explain why the following doesn't work as an IIFE: `function foo(){ }();`.
103 |   * What needs to be changed to properly make it an IIFE?
104 | * What's the difference between a variable that is: `null`, `undefined` or `undeclared`?
105 |   * How would you go about checking for any of these states?
106 | * What is a closure, and how/why would you use one?
107 | * What's a typical use case for anonymous functions?
108 | * How do you organize your code? (module pattern, classical inheritance?)
109 | * What's the difference between host objects and native objects?
110 | * Difference between: `function Person(){}`, `var person = Person()`, and `var person = new Person()`?
111 | * What's the difference between `.call` and `.apply`?
112 | * Explain `Function.prototype.bind`.
113 | * When would you use `document.write()`?
114 | * What's the difference between feature detection, feature inference, and using the UA string?
115 | * Explain AJAX in as much detail as possible.
116 | * Explain how JSONP works (and how it's not really AJAX).
117 | * Have you ever used JavaScript templating?
118 |   * If so, what libraries have you used?
119 | * Explain "hoisting".
120 | * Describe event bubbling.
121 | * What's the difference between an "attribute" and a "property"?
122 | * Why is extending built in JavaScript objects not a good idea?
123 | * Difference between document load event and document ready event?
124 | * What is the difference between `==` and `===`?
125 | * Explain the same-origin policy with regards to JavaScript.
126 | * Make this work:
127 | ```javascript
128 | duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
129 | ```
130 | * Why is it called a Ternary expression, what does the word "Ternary" indicate?
131 | * What is `"use strict";`? what are the advantages and disadvantages to using it?
132 | * Create a for loop that iterates up to `100` while outputting **"fizz"** at multiples of `3`, `"buzz"` at multiples of `5` and **"fizzbuzz"** at multiples of `3` and `5`
133 | * Why is it, in general, a good idea to leave the global scope of a website as-is and never touch it?
134 | * Why would you use something like the `load` event? Does this event have disadvantages? Do you know any alternatives, and why would you use those?
135 | * Explain what a single page app is and how to make one SEO-friendly.
136 | * What is the extent of your experience with Promises and/or their polyfills?
137 | 
138 | #### Network Questions:
139 | 
140 | * Traditionally, why has it been better to serve site assets from multiple domains?
141 | * Do your best to describe the process from the time you type in a website's URL to it finishing loading on your screen.
142 | * What are the differences between Long-Polling, Websockets and Server-Sent Events?
143 | * Explain the following request and response headers:
144 |   * Diff. between Expires, Date, Age and If-Modified-...
145 |   * Do Not Track
146 |   * Cache-Control
147 |   * Transfer-Encoding
148 |   * ETag
149 |   * X-Frame-Options
150 | * Can you explain the difference between `GET` and `POST`?
151 | * Can you explain the difference between `GET` and `HEAD`?
152 | 
153 | #### Coding Questions:
154 | 
155 | *Question: What is the value of `foo`?*
156 | ```javascript
157 | var foo = 10 + '20';
158 | ```
159 | 
160 | *Question: How would you make this work?*
161 | ```javascript
162 | add(2, 5); // 7
163 | add(2)(5); // 7
164 | ```
165 | 
166 | *Question: What value is returned from the following statement?*
167 | ```javascript
168 | "i'm a lasagna hog".split("").reverse().join("");
169 | ```
170 | 
171 | *Question: What is the value of `window.foo`?*
172 | ```javascript
173 | ( window.foo || ( window.foo = "bar" ) );
174 | ```
175 | 
176 | *Question: What is the outcome of the two alerts below?*
177 | ```javascript
178 | var foo = "Hello";
179 | (function() {
180 |   var bar = " World";
181 |   alert(foo + bar);
182 | })();
183 | alert(foo + bar);
184 | ```
185 | 
186 | *Question: What is the value of `foo.length`?*
187 | ```javascript
188 | var foo = [];
189 | foo.push(1);
190 | foo.push(2);
191 | ```
192 | 
193 | #### Fun Questions:
194 | 
195 | * What's a cool project that you've recently worked on?
196 | * What are some things you like about the developer tools you use?
197 | * Do you have any pet projects? What kind?
198 | * What's your favorite feature of Internet Explorer?
199 | * How do you like your coffee?
200 | 
201 | 
202 | #### Contributors:
203 | 
204 | This document started in 2009 as a collaboration of [@paul_irish](http://twitter.com/paul_irish) [@bentruyman](http://twitter.com/bentruyman) [@cowboy](http://twitter.com/cowboy) [@ajpiano](http://twitter.com/ajpiano)  [@SlexAxton](http://twitter.com/slexaxton) [@boazsender](http://twitter.com/boazsender) [@miketaylr](http://twitter.com/miketaylr) [@vladikoff](http://twitter.com/vladikoff) [@gf3](http://twitter.com/gf3) [@jon_neal](http://twitter.com/jon_neal) [@sambreed](http://twitter.com/sambreed) and [@iansym](http://twitter.com/iansym).
205 | 
206 | It has since received contributions from [100 developers](https://github.com/h5bp/Front-end-Developer-Interview-Questions/graphs/contributors).
207 | 


--------------------------------------------------------------------------------
/Translations/Bulgarian/README.md:
--------------------------------------------------------------------------------
  1 | #Въпроси за интервю за front-end разработчици
  2 | 
  3 | Това репозитори съдържа въпроси от интервюта на front-end разработчици, които могат да бъдат използвани за отсяване на потенциални кандидати. Не препоръчваме използването на всеки въпрос за всеки кандидат (това би отнело часове). Избирането на няколко въпроса от списъка би могло да помогне да се проверят търсените умения у кандидатите.
  4 | 
  5 | Статията [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) на [Rebecca Murphey](http://rmurphey.com/) също е чудесен ресурс за четене преди провеждането на интервю.
  6 | 
  7 | **Бележка:** Имайте предвид, че много от тези въпроси могат да породят интересни дискусии и да ви помогнат по-добре да проверите познанията и начина на мислене на кандидата, отколкото ако получавате директен отговор.
  8 | 
  9 | ## <a name='toc'>Съдържание</a>
 10 | 
 11 |   1. [Участници в проекта](#contributors)
 12 |   1. [Общи въпроси](#general)
 13 |   1. [HTML въпроси](#html)
 14 |   1. [CSS въпроси](#css)
 15 |   1. [JS въпроси](#js)
 16 |   1. [jQuery въпроси](#jquery)
 17 |   1. [Въпроси, свързани с програмиране](#jscode)
 18 |   1. [Забавни въпроси](#fun)
 19 |   1. [Допълнителни ресурси](#references)
 20 | 
 21 | ####[[⬆]](#toc) <a name='contributors'>Участници в проекта:</a>
 22 | 
 23 | Мнозинството от въпроси са взети от [oksoclap](http://oksoclap.com/) измислени от [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) и благодарение на:
 24 | 
 25 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 26 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 27 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 28 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 29 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 30 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 31 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 32 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 33 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 34 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 35 | * [@iansym](http://twitter.com/iansym) - http://twitter.com/iansym
 36 | 
 37 | ####[[⬆]](#toc) <a name='general'>Общи въпроси:</a>
 38 | 
 39 | * Какво научихте вчера / тази седмица?
 40 | * Какво ви привлича в писането на код?
 41 | * Какви неща свързани с потребителския интерфейс, сигурността, бързодействието, SEO, поддръжката или технологиите взимате предвид, когато създавате уеб приложения или сайтове?
 42 | * Разкажете за предпочитаната среда за разработка. (операционна система, редактор, браузър, инструменти и т.н.)
 43 | * Можете ли да обясните последователността от действия, които извършвате, когато създавате уеб страници?
 44 | * Можете ли да обясните разликите между progressive enhancement и graceful degradation?
 45 |   * Бонус точки за обяснението на feature detection (определяне на това, какво поддържа браузъра и какво не)
 46 | * Обяснете какво означава "Semantic HTML".
 47 | * Как бихте оптимизирали зареждането на ресурси за дадена уеб страница?
 48 |   * Има различни техники, които решават този проблем. Сред тях са:
 49 |     * Събиране на няколко файла заедно
 50 |     * Минифициране на файловете (премахване на празни места, махане на коментари и т.н.)
 51 |     * Използване на CDN за доставяне на ресурсите
 52 |     * Кеширане
 53 |     * и т.н.
 54 | * Защо е добра идея да сайтовете да свалят ресурсите от няколко различни домейна?
 55 |   * По колко ресурса едновременно свалят браузърите от даден домейн?
 56 | * Назовете 3 начина да намалите скоростта на зареждане на дадена страница. (забележимата или реалната скорост на зареждане)
 57 | * Ако се присъедините към проект, който използва табулации, а вие използвате разстояния за отстъп, какво ще направите?
 58 |   * Предложете EditorConfig (http://editorconfig.org) или подобен проект
 59 |   * Използвайте конвенцията на проекта
 60 |   * `Използвайте :retab! командата`
 61 | * Реализирайте примерно слайд-шоу
 62 |   * Бонус точки, ако не използвате JS.
 63 | * Какви инструменти използвате за да тествате бързодействието на вашия код?
 64 |   * Profiler, JSPerf, Dromaeo
 65 | * Ако можете да научите много добре 1 технология тази година, каква ще е тя?
 66 | * Каква е разликата между Long-Polling, Websockets и SSE?
 67 | * Обяснете важността на стандартите и организациите за стандартизация.
 68 | * Какво е FOUC? Как се справяте с FOUC?
 69 | 
 70 | ####[[⬆]](#toc) <a name='html'>HTML въпроси:</a>
 71 | 
 72 | * Какво прави `doctype`?
 73 | * Каква е разликата между standards mode и quirks mode?
 74 | * Какви са ограниченията при XHTML страниците?
 75 |   * Има ли проблеми при обработката на страници с `application/xhtml+xml`?
 76 | * Как връщате страници със съдържание на няколко езика?
 77 |   * Какви неща трябва да се имат предвид, когато правите дизайн или разработвате многоезични страници?
 78 | * За какво служат HTML атрибутите, които започват с `data-`?
 79 | * Представете си HTML5 като отворена уеб платформа. Кои са градивните елементи на HTML5?
 80 | * Обяснете разликата между бисквитки, sessionStorage и localStorage.
 81 | 
 82 | ####[[⬆]](#toc) <a name='css'>CSS въпроси:</a>
 83 | 
 84 | * Обяснете както е "reset" CSS файл и за какво е необходим.
 85 | * Обяснете плаващите елементи (floats) и как работят.
 86 | * Кои са различните clearing техники и кои в какъв контекст се използват?
 87 | * Обяснете CSS sprite-овете, и как можете да ги вкарате на уеб страница или сайт.
 88 | * Кои са любимите ви техники, които заменят картинките и в кои случаи кои от тях използвате?
 89 | * Коя техника предпочитате: CSS свойства за всеки браузър, условно включени .css файлове, или... нещо друго?
 90 | * Как показвате страниците си на браузъри, които не поддържат част от възможностите на HTML5?
 91 |   * Какви техники/процеси използвате?
 92 | * Какви са различните начини визуално да скриете съдържание от уеб страницата (и да го направите видимо само за екранните четци)?
 93 | * Използвали ли сте грид система и ако да, коя предпочитате?
 94 | * Използвали ли сте media queries или специфичен за мобилните платформи layouts или CSS?
 95 | * Запознати ли сте със стилизирането на SVG?
 96 | * Как оптимизирате вашите уеб страници за принтиране?
 97 | * Кои са някои от "триковете" за писане на ефективен CSS?
 98 | * Какви са предимствата/недостатъците при използване на SASS, Compass, Stylus, LESS и подобни?
 99 |   * Опишете какво ви харесва и не ви харесва при използването им.
100 | * Как реализирате уеб дизайни, които използват нестандартни фонтове?
101 |   * Уеб фонтове (фонт сървиси като: Google Webfonts, Typekit и т.н.)
102 | * Обяснете как уеб браузърите разбират кои елементи отговарят на даден CSS селектор.
103 | * Как разбирате box модела и как казвате на уеб браузъра чрез CSS да рендира вашия лейаут с различен box модел.
104 | 
105 | ####[[⬆]](#toc) <a name='js'>JS въпроси:</a>
106 | 
107 | * Обяснете делегатите на събития
108 | * Обяснете как работи `this` в JavaScript
109 | * Обяснете как работят прототипните интерфейси
110 | * Как тествате вашия JavaScript?
111 | * AMD или CommonJS?
112 | * Какво е хеш-таблица?
113 | * Обяснете защо този код не работи като IIFE: `function foo(){ }();`. 
114 |   * Какво е нужно да се промени, за да може кодът да работи като IIFE?
115 | * Каква е разликата между променлива, която е: `null`, `undefined` или `недекларирана`?
116 |   * Как проверявате всяко от тези състояния на променливите?
117 | * Какво е closure? Как и защо се използва?
118 | * Какви са типичните употреби на анонимните функции?
119 | * Обяснете "JavaScript модул патърна" и кога се използва.
120 |   * Бонус точки за споменаване на "замърсяване на глобалния scope".
121 |   * Какво ще стане ако модулите нямат namespace?
122 | * Как организирате своя код? (модул патърн, класическо наследяване?)
123 | * Каква е разликата между host обекти и native обекти?
124 | * Каква е разликата между: `function Person(){}`, `var person = Person()` и `var person = new Person()`?
125 | * Каква е разликата между `.call` и `.apply`?
126 | * Обяснете `Function.prototype.bind`?
127 | * Кога оптимизирате кода си?
128 | * Можете ли да обясните как работи наследяването в JavaScript?
129 | * В какви случаи бихте използвали `document.write()`?
130 |   * Повечето генерирани реклами все още използват `document.write()`
131 | * Каква е разликата между feature detection, feature inference, и използването на информация, кой е браузъра?
132 | * Обяснете AJAX във възможно най-много детайли.
133 | * Обяснете как работи JSONP (и защо не е точно AJAX)
134 | * Използвали ли сте JavaScript темплейти?
135 |   * Ако да, коя библиотека сте използвали? (Mustache.js, Handlebars и т.н.)
136 | * Обяснете "hoisting".
137 | * Обяснете event bubbling-а.
138 | * Каква е разликата между "атрибут" и "свойство"?
139 | * Защо extending built в JavaScript обктите не е добра идея?
140 | * Защо extending built е добра идея?
141 | * Каква е разликата между събитията "document load" и "document ready"?
142 | * Каква е разликата между `==` и `===`?
143 | * Обяснете как да вземете query string параметъра от адреса в браузъра.
144 | * Обяснете same-origin policy-то от гледна точка на JavaScript.
145 | * Опишете патърните за наследяване в JavaScript.
146 | * Оправете кода, така че да работи:
147 | ```javascript
148 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
149 | ```
150 | * Опишете стратегия за memoization (избягване на повторните изчисления) в JavaScript.
151 | * Защо тернарният оператор се нарича така? Какво означава думата "тернарен"?
152 | * Какво е arity на функция?
153 | * Какво е `"use strict";`? Какви са предимствата и недостатъците от слагането му в кода?
154 | 
155 | ####[[⬆]](#toc) <a name='jquery'>jQuery въпроси:</a>
156 | 
157 | * Обяснете "chaining".
158 | * Обяснете "deferreds".
159 | * Какви специфични за jQuery оптимизации, можете да направите?
160 | * Какво прави `.end()`?
161 | * Как и защо бихте сложили bound event handler в namespace?
162 | * Назовете 4 различни типа стойности, които можете да подадете на jQuery метод.
163 |   * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object etc.
164 | * Какво е effects (или fx) queue?
165 | * Каква е разликата между `.get()`, `[]`, и `.eq()`?
166 | * Каква е разликата между `.bind()`, `.live()`, и `.delegate()`?
167 | * Каква е разликата между `$` и `$.fn`? Или просто: Какво е `$.fn`?
168 | * Оптимизирайте този селектор:
169 | ```javascript
170 | $(".foo div#bar:eq(0)")
171 | ```
172 | 
173 | ####[[⬆]](#toc) <a name='jscode'>Въпроси, свързани с програмиране:</a>
174 | 
175 | 
176 | ```javascript
177 | modulo(12, 5) // 2
178 | ```
179 | *Въпрос: Имплементирайте функция за намиране на остатък от деление която отговаря на горното условие (да връща 2 при аргументи 12 и 5)*
180 | 
181 | ```javascript
182 | "i'm a lasagna hog".split("").reverse().join("");
183 | ```
184 | *Въпрос: Каква стойност ще върне горният израз?*
185 | 
186 | **Отговор: "goh angasal a m'i"**
187 | 
188 | ```javascript
189 | ( window.foo || ( window.foo = "bar" ) );
190 | ```
191 | *Въпрос: Каква е стойността на `window.foo`?*
192 | 
193 | **Отговор: "bar", ако `window.foo` има стойност `false`, иначе стойността на `window.foo`)**
194 | 
195 | ```javascript
196 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
197 | ```
198 | *Въпрос: Какво ще изкарат двете alert функции от горния код?*
199 | 
200 | **Отговор: "Hello World" и ReferenceError: bar is not defined**
201 | 
202 | ```javascript
203 | var foo = [];
204 | foo.push(1);
205 | foo.push(2);
206 | ```
207 | *Въпрос: Каква е стойността на `foo.length`?*
208 | 
209 | **Отговор: `2`**
210 | 
211 | ####[[⬆]](#toc) <a name='fun'>Забавни въпроси:</a>
212 | 
213 | * Кое е най-якото нещо, което сте писали и от което сте най-горд?
214 | * Кое най-много ви допада в инструментите за разработчици, които използвате?
215 | * Разработвате ли някакви проекти като хоби? Какви?
216 | * Какво най-много ви харесва в Internet Explorer?
217 | 
218 | ####[[⬆]](#toc) <a name='references'>Допълнителни ресурси:</a>
219 | 
220 | * http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before
221 | * http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/
222 | * http://css-tricks.com/interview-questions-css/
223 | 


--------------------------------------------------------------------------------
/Translations/Chinese-Traditional/README.md:
--------------------------------------------------------------------------------
  1 | # 前端工程師面試問題集
  2 | 
  3 | 譯注：此翻譯版，主要給不能流利的讀英文的人看，相關專有名詞還是保留原文，翻譯不好地方請協助 Pull request。
  4 | 
  5 | 此文件包含了一些前端開發的面試問題，來審查一個有潛力的面試者。這並不是建議你對同一個面試者問上所有的問 (那會花費好幾小時)。從列表中挑幾個題目，應該就夠幫助你審查面試者是否擁有你需要的技能。
  6 | 
  7 | **注意：** 請記住一點，很多問題都是隨情況而變化，能引發很多有趣的討論，比直接的標準答案更能讓你瞭解此人的能力。
  8 | 
  9 | ## <a name='toc'>目錄</a>
 10 | 
 11 |   1. [常見問題](#general-questions)
 12 |   1. [HTML 問題](#html-questions)
 13 |   1. [CSS 問題](#css-questions)
 14 |   1. [JS 問題](#js-questions)
 15 |   1. [Network 問題](#network-questions)
 16 |   1. [程式碼問題](#coding-questions)
 17 |   1. [有趣問題](#fun-questions)
 18 | 
 19 | ## 參與貢獻
 20 | 
 21 |   1. [貢獻作者群](#contributors)
 22 |   1. [如何貢獻](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/CONTRIBUTING.md)
 23 |   1. [版權宣告](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md)
 24 | 
 25 | 
 26 | #### <a name='general-questions'>常見問題：</a>
 27 | 
 28 | * 你昨天或這週學習了什麼？
 29 | * 寫程式的哪部份最讓你感到很興奮或是有興趣？
 30 | * What is a recent technical challenge you experienced and how did you solve it?
 31 | * 當你開發Web應用程式或網站時，針對UI、安全性、效能、SEO、維護性，以及技術，你考量的點是什麼？
 32 | * 說說你喜好的開發環境 (作業系統, 編輯器或 IDE, 瀏覽器, 開發工具 … 之類)
 33 | * 你最熟悉哪一套版本控制系統？
 34 | * 你可以描述你在開發一個網站時的工作流程嗎？
 35 | * 如果有 5 種不同的樣式表 (stylesheets)，該如何整併到網站？
 36 | * 你可以描述漸進增強 (progressive enhancement) 和優美退化 (graceful degradation) 間的差異嗎？
 37 | * 你怎麼優化一個網站的靜態檔案 (assets) 和資源 (resources)？
 38 | * 說出三種能加快網頁讀取速度的方法 (感覺上的速度或是真正的讀取時間)。
 39 | * 如果你加入了一個專案，但是他們的程式碼用 tabs，但是你習慣用spaces (空白鍵)，你會怎麼做？
 40 | * 寫一個簡易的投影片頁面
 41 | * 你用什麼工具來測試你的程式碼效能？
 42 | * 如果今年你能精通一項技術，那會是什麼？
 43 | * 描述標準和製定標準機構的重要性？
 44 | * 什麼是 FOUC？ 你怎麼避免 FOUC?
 45 | * Explain what ARIA and screenreaders are, and how to make a website accessible.
 46 | * Explain some of the pros and cons for CSS animations versus JavaScript animations.
 47 | 
 48 | #### <a name='html-questions'>HTML 問題:</a>
 49 | 
 50 | * `doctype` 做什麼用的？
 51 | * standards mode 和 quirks mode 有什麼不同？
 52 | * 使用 XHTML 有什麼限制？?
 53 | * 如果網頁使用 `application/xhtml+xml` 會有問題嗎？
 54 | * 你怎麼做一個需要支持多國語言的網頁？
 55 | * 當開發和設計一個多國語言網站時，有什麼需要小心的？
 56 | * `data-` 屬性的好處在哪？
 57 | * 考慮 HTML5 作為一個開放式的網站平台。HTML5 的 building blocks 有哪些？
 58 | * 請描述 `cookies`, `sessionStorage` 和 `localStorage` 的不同？
 59 | * Describe the difference between `<script>`, `<script async>` & `<script defer>`.
 60 | * Why is it generally a good idea to position CSS `<link>`s between `<head></head>` and JS `<script>`s just before `</body>`? Do you know any exceptions?
 61 | 
 62 | #### <a name='css-questions'>CSS 問題：</a>
 63 | 
 64 | * CSS 的 class 和 ID 兩者有何差異？
 65 | * 描述 "resetting" 和 "normalizing" 的差異性？你會選擇哪一種，為什麼選擇它？
 66 | * 描述 Floats 並解釋如何運作。
 67 | * 描述 z-index 並且描述堆疊內容 (stacking context) 如何形成。
 68 | * 有哪些不同的 clearing 技術？哪個適用在哪種內容上？
 69 | * 描述 CSS sprites, 你如何實作在網頁或網站上？
 70 | * 你最喜愛的圖片取代技術是什麼？你什麼時候會用到？
 71 | * CSS 屬性 hacks, 也條件引用 .css 檔案, 或是… 其他的？
 72 | * 你怎麼讓你的網頁支援有功能限制的瀏覽器？
 73 |   * 你會使用什麼樣的技術/流程 ？
 74 | * 有什麼方法來隱藏網頁的內容？ (只顯示在 screen readers)？
 75 | * 你使用過 grid system 嗎？如果有的話？你較推薦哪個？
 76 | * 你曾經實作 media queries 或是 mobile specific (手機規格的) layouts/CSS?
 77 | * 你熟悉任何有關 SVG 嗎？
 78 | * 你如何優化你的網頁以利於列印？
 79 | * 在寫高效的 CSS 時，有什麼要注意的？
 80 | * 使用 CSS preprocessors 的優點和缺點是什麼？ (Sass, Compass, Stylus, LESS)
 81 |   * 描述你使用過的喜歡和不喜歡的 CSS preprocessors
 82 | * 你如何使用非標準字體來實作網頁設計？
 83 | * 解釋瀏覽器如何按照 CSS selector 找到對應的 element。
 84 | * 解釋你所認知的 box model，以及你如何在 CSS 告訴瀏覽器使用不同 box model 來呈現圖層？
 85 | * 請解釋 `* { box-sizing: border-box; }`？並且說明使用它的好處？
 86 | * 請列出您記憶中 display 屬性的全部值
 87 | * 請說明 inline 和 inline-block 的差異性？
 88 | * 請說明 relative、fixed、absolute 和 static 元件差異性？
 89 | * The 'C' in CSS stands for Cascading. How is priority determined in assigning styles (a few examples)? How can you use this system to your advantage?
 90 | * 你目前有使用哪一套 CSS Framework 在開發環境或產品線上？
 91 |   * 如果有，請問是哪一套，並且描述如果改善或提昇 CSS Framework？
 92 | * 請問你有使用過 CSS Flexbox 或 Grid specs？
 93 | * 如何區分 responsive design 與 adaptive design 有何不同？
 94 | * 你曾經使用過 retina graphics？如果有，是在什麼時機以及用了什麼技術？
 95 | * Is there any reason you'd want to use `translate()` instead of *absolute positioning*, or vice-versa? And why?
 96 | 
 97 | #### <a name='js-questions'>JS 規格問題集：</a>
 98 | 
 99 | * 描述 event delegation
100 | * 描述 `this` 如果運作在 JavaScript 中
101 | * 描述 prototypal inheritance 如何運作？
102 | * 你如何測試你的 JavaScript？
103 | * AMD vs. CommonJS?
104 | * 解釋下列程式碼為什麼不是IIFE: `function foo(){ }();`.  (Immediately Invoked Function Expression,立即函式)
105 |   * 需要修改那裡使它成為IIFE?
106 | * `null`、`undefined`和 `undeclared`變數之間有什麼差異？
107 |   * 你如何檢查？
108 | * 什麼是 closure, 如何/為什麼使用?
109 | * anonymous functions 典型的使用時機？
110 | * 你如何架構你的程式碼？ (module pattern, classical inheritance?)
111 | * host objects 和 native objects 有何不同？
112 | * `function Person(){}`、`var person = Person()`和`var person = new Person()`之間有何不同？
113 | * `.call` 和 `.apply`有何不同？
114 | * 描述 `Function.prototype.bind`?
115 | * 你什麼時候優化你的程式？
116 | * 你什麼情況會使用 `document.write()`？
117 |   * 多數的廣告產生仍然使用 `document.write()` 雖然這樣用會令人皺眉
118 | * feature detection, feature inference, 和使用 UA string 有什麼不同？
119 | * 盡可能的詳述描述 AJAX。
120 | * 描述 JSONP 如何運作 (且為何它不是真正的 AJAX)。
121 | * 你是用過 JavaScript templating (樣板) ？
122 |   * 如果有的話，你有用過哪些 libraries？ (Mustache.js, Handlebars … 等)
123 | * 描述 "hoisting"
124 | * 描述 event bubbling.
125 | * "attribute" 和 "property" 的不同？
126 | * 為什麼擴展 JavaScript 內建的 objects 不是個好方法？
127 | * document load event 和 document ready event 有什麼不同？
128 | * `==` 和 `===` 有什麼不同？
129 | * 描述 JavaScript 的 same-origin policy (同源策略)
130 | * 實作如下程式:
131 | 
132 | ```javascript
133 | duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
134 | ```
135 | 
136 | * Ternary expression 怎麼來的, "Ternary" 的意思是什麼？
137 | * 什麼是 `"use strict";`? 使用他的優點和缺點是什麼？
138 | * Create a for loop that iterates up to `100` while outputting **"fizz"** at multiples of `3`, `"buzz"` at multiples of `5` and **"fizzbuzz"** at multiples of `3` and `5`
139 | 
140 | #### <a name='network-questions'>網路問題集:</a>
141 | 
142 | * 傳統上為什麼用多個域名來放置網站資源會比較好？
143 | * 請詳細描述當您在網址列打入網址開始到最後網頁呈現在螢幕前的整個流程。
144 | * Long-Polling, Websockets, SSE (Server-Sent Event) 之間有什麼差異？
145 | * 請描述下列 request 和 response headers：
146 |   * Diff. between Expires, Date, Age and If-Modified-...
147 |   * DNT
148 |   * Cache-Control
149 |   * Transfer-Encoding
150 |   * ETag
151 |   * X-Frame-Options
152 | * 請描述 `GET` 和 `POST` 的差異性？
153 | 
154 | #### <a name='coding-questions'>程式碼問題集:</a>
155 | 
156 | 問題：實作符合下面的函式
157 | 
158 | ```javascript
159 | add(2, 5); // 7
160 | add(2)(5); // 7
161 | ```
162 | 
163 | 問題: 下面的 statement(陳述式) 會回傳什麼？
164 | 
165 | ```javascript
166 | "i'm a lasagna hog".split("").reverse().join("");
167 | ```
168 | 
169 | 問題:  window.foo 的值是什麼？
170 | 
171 | ```javascript
172 | ( window.foo || ( window.foo = "bar" ) );
173 | ```
174 | 
175 | 問題: 下面的兩個 alerts 的結果會是什麼？
176 | 
177 | ```javascript
178 | var foo = "Hello";
179 | (function() {
180 |   var bar = " World";
181 |   alert(foo + bar);
182 | })();
183 | alert(foo + bar);
184 | ```
185 | 
186 | 問題: 下面 foo.length 的值是什麼？
187 | 
188 | ```javascript
189 | var foo = [];
190 | foo.push(1);
191 | foo.push(2);
192 | ```
193 | 
194 | #### <a name='fun-questions'>有趣問題：</a>
195 | 
196 | * 你最近寫過最酷的專案是？
197 | * 你使用的開發工具中，你最喜歡的部分是什麼？
198 | * 你有任何的 pet projects (個人開發的小專案)？ 什麼樣的？
199 | * 你最喜歡 IE 瀏覽器的什麼特點？
200 | * How do you like your coffee?
201 | 
202 | #### <a name='contributors'>貢獻作者群:</a>
203 | 
204 | 此文件是由 [@paul_irish](http://twitter.com/paul_irish) [@bentruyman](http://twitter.com/bentruyman) [@cowboy](http://twitter.com/cowboy) [@ajpiano](http://twitter.com/ajpiano)  [@SlexAxton](http://twitter.com/slexaxton) [@boazsender](http://twitter.com/boazsender) [@miketaylr](http://twitter.com/miketaylr) [@vladikoff](http://twitter.com/vladikoff) [@gf3](http://twitter.com/gf3) [@jon_neal](http://twitter.com/jon_neal) [@sambreed](http://twitter.com/sambreed) and [@iansym](http://twitter.com/iansym) 於 2009 年共同發起。
205 | 
206 | 目前已經超過 [100 開發者](https://github.com/h5bp/Front-end-Developer-Interview-Questions/graphs/contributors) 參與此專案.
207 | 


--------------------------------------------------------------------------------
/Translations/Chinese/README.md:
--------------------------------------------------------------------------------
  1 | #前端工作面试问题
  2 | 
  3 | **备注:** 本 repo 包含了一些前端面试问题用于考查候选者。不建议对单个候选者问及每个问题（那需要好几个小时）。只要从列表里挑选一些，就能帮助你考查候选者是否具备所需要的技能了。
  4 | 
  5 | [Rebecca Murphey](http://rmurphey.com/) 的 [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) 是你在准备面试前应该阅读的绝佳资源。
  6 | 
  7 | **记住：** 很多问题都是开放的，可以引发有趣的讨论。这比直接的答案更能体现此人的能力。
  8 | 
  9 | ## <a name='toc'>目录</a>
 10 | 
 11 |   1. [最初的贡献者](#contributors)
 12 |   1. [常见问题](#general)
 13 |   1. [HTML 相关问题](#html)
 14 |   1. [CSS 相关问题](#css)
 15 |   1. [JS 相关问题](#js)
 16 |   1. [jQuery 相关问题](#jquery)
 17 |   1. [代码相关的问题](#jscode)
 18 |   1. [有趣的问题](#fun)
 19 |   1. [其他参考资料](#references)
 20 |   1. [协议](#license)
 21 | 
 22 | ####[[⬆]](#toc) <a name='contributors'>最初贡献者</a>
 23 | 
 24 | 这里大部分的面试题都摘抄自 [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) 在 [oksoclap](http://oksoclap.com/) 创建的帖子，这份原帖的贡献者还有：
 25 | 
 26 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 27 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 28 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 29 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 30 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 31 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 32 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 33 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 34 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 35 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 36 | * [@darcy_clarke](http://twitter.com/darcy) - http://darcyclarke.me
 37 | * [@iansym](http://twitter.com/iansym)
 38 | 
 39 | 
 40 | ####[[⬆]](#toc) <a name='general'>常见问题：</a>
 41 | 
 42 | * 你在昨天/本周学到了什么？
 43 | 
 44 | * 编写代码的哪些方面能够使你兴奋或感兴趣？
 45 | 
 46 | * 在制作一个Web应用或Web站点的过程中，你是如何考虑它的UI、安全性、高性能、SEO、可维护性以及技术因素的？
 47 | 
 48 | * 谈谈你喜欢的开发环境。(例如操作系统，编辑器，浏览器，工具等等。)
 49 | 
 50 | * 你最熟悉哪一套版本控制系统？
 51 | 
 52 | * 你能描述一下当你制作一个网页的工作流程吗？
 53 | 
 54 | * 你能描述一下渐进增强和优雅降级之间的不同吗?
 55 | 	* 如果提到了特性检测，可以加分。
 56 | 
 57 | * 假若你有5个不同的 CSS 文件, 加载进页面的最好方式是?
 58 |   * 文件拼合
 59 | 
 60 | 
 61 | * 你如何对网站的文件和资源进行优化？
 62 | 	* 期待的解决方案包括：
 63 | 		* 文件合并
 64 | 		* 文件最小化/文件压缩
 65 | 		* 使用 CDN 托管
 66 | 		* 缓存的使用
 67 | 		* 其他
 68 | 
 69 | * 为什么利用多个域名来提供网站资源会更有效？
 70 | 	* 浏览器同一时间可以从一个域名下载多少资源？
 71 |     * 有什么例外吗？
 72 |         * 加分项： 指出在手机端可能有负面影响 (http://www.mobify.com/blog/domain-sharding-bad-news-mobile-performance/)
 73 |         * 加分项： HTTP2 / SPDY
 74 | 
 75 | * 请说出三种减少页面加载时间的方法。（加载时间指感知的时间或者实际加载时间）
 76 | 
 77 | * 如果你参与到一个项目中，发现他们使用 Tab 来缩进代码，但是你喜欢空格，你会怎么做？
 78 | 	* 建议这个项目使用像 EditorConfig (http://editorconfig.org/) 之类的规范
 79 | 	* 为了保持一致性，接受项目原有的风格
 80 | 	* 直接使用 VIM 的 retab 命令
 81 | 
 82 | * 请写一个简单的幻灯效果页面
 83 | 	* 如果不使用JS来完成，可以加分。
 84 | 
 85 | * 你都使用哪些工具来测试代码的性能？
 86 | 	* Profiler, JSPerf, Dromaeo
 87 | 
 88 | * 如果今年你打算熟练掌握一项新技术，那会是什么？
 89 | 
 90 | * Long-Polling, Websockets, SSE(Server-Sent Event) 之间有什么区别？
 91 | 
 92 | * 请谈一下你对网页标准和标准制定机构重要性的理解。
 93 | 
 94 | * 什么是 FOUC（无样式内容闪烁）？你如何来避免 FOUC？
 95 | 
 96 | * 请尽可能完整得描述下从输入URL到整个网页加载完毕及显示在屏幕上的整个流程
 97 | 
 98 | ####[[⬆]](#toc) <a name='html'>HTML相关问题：</a>
 99 | 
100 | * `doctype`（文档类型）的作用是什么？
101 | 
102 | * 浏览器标准模式和怪异模式之间的区别是什么？
103 | 
104 | * 使用 XHTML 的局限有哪些？
105 | 	* 如果页面使用 'application/xhtml+xml' 会有什么问题吗？
106 | 
107 | * 如果网页内容需要支持多语言，你会怎么做？
108 | 	* 在设计和开发多语言网站时，有哪些问题你必须要考虑？
109 | 
110 | * `data-`属性的作用是什么？
111 | 
112 | * 如果把 HTML5 看作做一个开放平台，那它的构建模块有哪些？
113 | 
114 | * 请描述一下 cookies，sessionStorage 和 localStorage 的区别？
115 | 
116 | * 请描述一下 `GET` 和 `POST` 的区别?
117 | 
118 | ####[[⬆]](#toc) <a name='css'>CSS 相关问题：</a>
119 | 
120 | * CSS 中类(classes)和 ID 的区别。
121 | 
122 | * 描述下 “reset” CSS 文件的作用和使用它的好处。
123 |     * 期待能够指出它的负面影响，或者提到它的一个更好的替换者"normalize"
124 | 
125 | * 解释下浮动和它的工作原理。
126 | 
127 | * 描述`z-index`和叠加上下文是如何形成的。
128 | 
129 | * 列举不同的清除浮动的技巧，并指出它们各自适用的使用场景。
130 | 
131 | * 解释下 CSS sprites，以及你要如何在页面或网站中实现它。
132 | 
133 | * 你最喜欢的图片替换方法是什么，你如何选择使用。
134 | 
135 | * 讨论CSS hacks，条件引用或者其他。
136 | 
137 | * 如何为有功能限制的浏览器提供网页？
138 |   * 你会使用哪些技术和处理方法？
139 | 
140 | * 有哪些的隐藏内容的方法（如果同时还要保证屏幕阅读器可用呢？）
141 | 
142 | * 你用过栅格系统吗？如果使用过，你最喜欢哪种？
143 | 
144 | * 你用过媒体查询，或针对移动端的布局/CSS 吗？
145 | 
146 | * 你熟悉 SVG 样式的书写吗？
147 | 
148 | * 如何优化网页的打印样式？
149 | 
150 | * 在书写高效 CSS 时会有哪些问题需要考虑？
151 | 
152 | * 使用 CSS 预处理器的优缺点有哪些？(SASS，Compass，Stylus，LESS)
153 |   * 描述下你曾经使用过的 CSS 预处理的优缺点。
154 | 
155 | * 如果设计中使用了非标准的字体，你该如何去实现？
156 |   * Webfonts (字体服务例如：Google Webfonts，Typekit 等等。)
157 | 
158 | * 解释下浏览器是如何判断元素是否匹配某个 CSS 选择器？
159 | 
160 | * 解释一下你对盒模型的理解，以及如何在 CSS 中告诉浏览器使用不同的盒模型来渲染你的布局。
161 | 
162 | * 请解释一下 ```* { box-sizing: border-box; }``` 的作用, 并且说明使用它有什么好处？
163 | 
164 | * 请罗列出你所知道的 display 属性的全部值
165 | 
166 | * 请解释一下 inline 和 inline-block 的区别？
167 | 
168 | * 请解释一下 relative、fixed、absolute 和 static 元素的区别
169 | 
170 | * 你目前在使用哪一套CSS框架，或者在产品线上使用过哪一套？(Bootstrap, PureCSS, Foundation 等等)
171 |   * 如果有，请问是哪一套？如果可以，你如何改善CSS框架？
172 | 
173 | * 请问你有使用过 CSS Flexbox 或者 Grid specs 吗？
174 |   * 如果有，请问在性能和效率的方面你是怎么看的？
175 | 
176 | * 为什么响应式设计（responsive design）和自适应设计（adaptive design）不同？
177 | 
178 | * 你有兼容 retina 屏幕的经历吗？如果有，在什么地方使用了何种技术？
179 | 
180 | ####[[⬆]](#toc) <a name='js'>JS相关问题：</a>
181 | 
182 | * 解释下事件代理。
183 | 
184 | * 解释下 JavaScript 中 `this` 是如何工作的。
185 | 
186 | * 解释下原型继承的原理。
187 | 
188 | * 你是如何测试 JavaScript 代码的？
189 | 
190 | * AMD vs. CommonJS？
191 | 
192 | * 什么是哈希表？
193 | 
194 | * 解释下为什么接下来这段代码不是 IIFE(立即调用的函数表达式)：`function foo(){ }();`.
195 |   * 要做哪些改动使它变成 IIFE?
196 | 
197 | * 描述以下变量的区别：`null`，`undefined` 或 `undeclared`？
198 |   * 该如何检测它们？
199 | 
200 | * 什么是闭包，如何使用它，为什么要使用它？
201 | 
202 | * 请举出一个匿名函数的典型用例？
203 | 
204 | * 解释 “JavaScript 模块模式” 以及你在何时使用它。
205 |   * 如果有提到无污染的命名空间，可以考虑加分。
206 |   * 如果你的模块没有自己的命名空间会怎么样？
207 | 
208 | * 你是如何组织自己的代码？是使用模块模式，还是使用经典继承的方法？
209 | 
210 | * 请指出 JavaScript 宿主对象和原生对象的区别？
211 | 
212 | * 指出下列代码的区别：
213 | ```javascript
214 | function Person(){}
215 | var person = Person();
216 | var person = new Person();
217 | ```
218 | 
219 | * `.call` 和 `.apply` 的区别是什么？
220 | 
221 | * 请解释 `Function.prototype.bind`？
222 | 
223 | * 你何时优化自己的代码？
224 | 
225 | * 在什么时候你会使用 `document.write()`？
226 |     * 大多数生成的广告代码依旧使用 `document.write()`，虽然这种用法会让人很不爽。
227 | 
228 | * 请指出浏览器特性检测，特性推断和浏览器 UA 字符串嗅探的区别？
229 | 
230 | * 请尽可能详尽的解释 AJAX 的工作原理。
231 | 
232 | * 请解释 JSONP 的工作原理，以及它为什么不是真正的 AJAX。
233 | 
234 | * 你使用过 JavaScript 模板系统吗？
235 |     * 如有使用过，请谈谈你都使用过哪些库，比如 Mustache.js，Handlebars 等等。
236 | 
237 | * 请解释变量声明提升。
238 | 
239 | * 请描述下事件冒泡机制。
240 | 
241 | * "attribute" 和 "property" 的区别是什么？
242 | 
243 | * 为什么扩展 JavaScript 内置对象不是好的做法？
244 | 
245 | * 请指出 document load 和 document ready 两个事件的区别。
246 | 
247 | * `==` 和 `===` 有什么不同？
248 | 
249 | * 请解释一下 JavaScript 的同源策略。
250 | 
251 | * 如何实现下列代码：
252 | ```javascript
253 | [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
254 | ```
255 | 
256 | * 什么是三元表达式？“三元” 表示什么意思？
257 | 
258 | * 什么是 `"use strict";` ? 使用它的好处和坏处分别是什么？
259 | 
260 | ####[[⬆]](#toc) <a name='jquery'>jQuery 相关问题：</a>
261 | 
262 | * 解释"chaining"。
263 | 
264 | * 解释"deferreds"。
265 | 
266 | * 你知道哪些针对 jQuery 的优化方法。
267 | 
268 | * 请解释 `.end()` 的用途。
269 | 
270 | * 你如何给一个事件处理函数命名空间，为什么要这样做？
271 | 
272 | * 请说出你可以传递给 jQuery 方法的四种不同值。
273 | 	* 选择器（字符串），HTML（字符串），回调函数，HTML元素，对象，数组，元素数组，jQuery对象等。
274 | 
275 | * 什么是效果队列？
276 | 
277 | * 请指出 `.get()`，`[]`，`eq()` 的区别。
278 | 
279 | * 请指出 `.bind()`，`.live()` 和 `.delegate()` 的区别。
280 | 
281 | * 请指出 `$` 和 `$.fn` 的区别，或者说出 `$.fn` 的用途。
282 | 
283 | * 请优化下列选择器：
284 | ```javascript
285 | $(".foo div#bar:eq(0)")
286 | ```
287 | 
288 | ####[[⬆]](#toc) <a name='jscode'>代码相关的问题：</a>
289 | 
290 | ```javascript
291 | modulo(12, 5) // 2
292 | ```
293 | 
294 | 问题：实现满足上述结果的modulo函数
295 | 
296 | ```javascript
297 | "i'm a lasagna hog".split("").reverse().join("");
298 | ```
299 | 
300 | 问题：上面的语句的返回值是什么？
301 | **答案："goh angasal a m'i"**
302 | 
303 | ```javascript
304 | ( window.foo || ( window.foo = "bar" ) );
305 | ```
306 | 
307 | 问题：window.foo 的值是什么？
308 | **答案："bar"**
309 | 只有 window.foo 为假时的才是上面答案，否则就是它本身的值。
310 | 
311 | ```javascript
312 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
313 | ```
314 | 
315 | 问题：上面两个 alert 的结果是什么
316 | **答案: "Hello World" 和 ReferenceError: bar is not defined**
317 | 
318 | ```javascript
319 | var foo = [];
320 | foo.push(1);
321 | foo.push(2);
322 | ```
323 | 
324 | 问题：foo.length 的值是什么？
325 | **答案：`2`**
326 | 
327 | ####[[⬆]](#toc) <a name='fun'>有趣的问题：</a>
328 | 
329 | * 你编写过的最酷的代码是什么？其中你最自豪的是什么？
330 | 
331 | * 在你使用的开发工具中，最喜欢哪些方面？
332 | 
333 | * 你有什么业余项目吗？是哪种类型的？
334 | 
335 | * 你最爱的 IE 特性是什么？
336 | 
337 | ####[[⬆]](#toc) <a name='references'>其他参考资料：</a>
338 | 
339 | * http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before
340 | * http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/
341 | * http://css-tricks.com/interview-questions-css/
342 | * http://davidshariff.com/quiz/
343 | * http://blog.sourcing.io/interview-questions
344 | * http://www.toptal.com/javascript/interview-questions
345 | 
346 | ####[[⬆]](#toc) <a name='license'>协议:</a>
347 | 
348 | Copyright 2012 by Darcy Clarke, 基于[MIT License](http://opensource.org/licenses/MIT) 协议。点击协议文件查看详细。
349 | 


--------------------------------------------------------------------------------
/Translations/Croatian/README.md:
--------------------------------------------------------------------------------
  1 | #Intervju za posao Front-end Developera
  2 | 
  3 | @version 2.0.0
  4 | 
  5 | Ovaj repozitorij sadrži brojna pitanja za intervju iz područja front-end-a koja možete koristiti u procjeni potencijalnih kandidata. Nikako se ne preporuča da upotrijebite svako ovdje navedeno pitanje za jednog kandidata (to bi trajalo satima). Odabir nekoliko ciljanih pitanja s ove liste bi Vam trebao pomoći u odabiru.
  6 | 
  7 | [Rebecca Murphey](http://rmurphey.com/) [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) je prilično dobro štivo za pročitati prije samog razgovora.
  8 | 
  9 | **Napomena:** Imajte na umu da su mnoga ovdje navedena pitanja otvorenog tipa i mogla bi voditi u zanimljive rasprave koje govore više o sposobnostima osobe nego pitanja sa direktnim odgovorima.
 10 | 
 11 | ####Autori originalne liste
 12 | 
 13 | Većina pitanja je preuzeta sa [oksoclap](http://oksoclap.com/) tj. rasprave koju je u originalu pokrenuo [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) i kojoj su pridonijele sljedeće osobe:
 14 | 
 15 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 16 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 17 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 18 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 19 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 20 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 21 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 22 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 23 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 24 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 25 | * [@darcy_clarke](http://twitter.com/darcy) - http://darcyclarke.me
 26 | * [@iansym](http://twitter.com)
 27 | 
 28 | ### Općenita pitanja:
 29 | 
 30 | * Opišite Vašu preferiranu razvojnu okolinu. (OS, Editor, Broseri, Alati itd.)
 31 | * Možete li opisati Vaš postupak izrade web stranice? 
 32 | * Možete li opisati razliku između progresivnog poboljšanja i neprimjetne degradacije? 
 33 | 	* Bonus bodovi ako se opiše detektiranje mogućnosti browsera 
 34 | * Objasnite što je to "Semantički HTML". 
 35 | * Kako biste optimirali infrastrukturu i resurse web stranice?
 36 | 	* Traženje više rješenja poput:
 37 | 		* Spajanje datoteka
 38 | 		* Minifikacija datoteka
 39 | 		* Korištenje CDN-a
 40 | 		* Međuspremanje (Caching)
 41 | 		* itd.
 42 | * Zašto je sadržaj bolje poslužiti sa više domena?
 43 | 	* Koliko resursa preglednik skida sa jedne domene odjednom? 
 44 | * Navedite tri načina za smanjivanje vremena učitavanja stranice. (primijećeno ili stvarno vrijeme učitavanje) 
 45 | * Ako bi došli na projekt gdje se koriste tabovi a Vi koristite razmake, što biste učinili?
 46 | 	* Npr. preporučanje korištenja EditorConfig-a (http://editorconfig.org)
 47 | 	* Konformacija postojećoj praksi (zadržavanje konzistentnosti)
 48 | 	* `korištenje :retab! naredbe`
 49 | * Napravite jednostavnu stranicu za držanje prezentacije
 50 | 	* Bonus bodovi za nekorištenje JavaScript-a.  
 51 | * Koje alate koristite za testiranje performansi koda?
 52 | 	* Profiler, JSPerf, Dromaeo
 53 | * Kad bi mogli odabrati jednu tehologiju koju ćete naučiti ove godine, što bi to bila? 
 54 | * Objasnite važnost standarda i tijela za standardizaciju
 55 | * Što je FOUC? Kako biste izbjegli FOUC?  
 56 | 
 57 | ### Pitanja za HTML:
 58 | 
 59 | * Što radi `doctype`?
 60 | * Koja je razlika između standardnog i dosjetljivog (quirks) modusa? 
 61 | * Koja su ograničenja kod posluživanja XHTML stranica? 
 62 | 	* Postoje li problemi kod posluživanja stranica sa `application/xhtml+xml`?  
 63 | * Kako biste poslužili stranicu sa sadržajem na više jezika? 
 64 | 	* Na što morate paziti kod dizajniranja ili razvoja za višejezičnu stranicu?
 65 | * Za što se koriste `data-` atributi? 
 66 | * Razmotrite HTML5 kao platformu otvorenog web-a. Koji su gradivni elementi HTML5-ice?
 67 | * Pojasnite razliku između kolačića, podataka sjednice (sessionStorage) i lokalne pohrane. 
 68 | 
 69 | ### Pitanja za JavaScript:
 70 | 
 71 | * Objasnite delegaciju događaja.
 72 | * Objasnite kako se u Javascriptu koristi `this`
 73 | * Pojasnite prototipno nasljeđivanje
 74 | * Kako testirate JavaScript? 
 75 | * AMD u usporedbi sa CommonJS-om?
 76 | * Što je to hash tabela?
 77 | * Što su `undefined` i `undeclared` varijable? 
 78 | * Što je closure, kako i zašto se koristi?
 79 | 	* Vaš omiljeni način njihovog kreiranja? argyle (samo kod IIFE-a)  
 80 | * Koja je uobičajena primjena za anonimnu funkciju? 
 81 | * Objasnite "JavaScript module pattern" i kada biste ga koristili.
 82 | 	* Bonus bodovi za spomen čistih imenskih prostora (namespacing)
 83 | 	* Što učiniti ako moduli nemaju imenske prostore
 84 | * Kako organizirate kod? (module pattern, klasično nasljeđivanje?) 
 85 | * Koja je razlika između host i native objekta?
 86 | * Razlika između: 
 87 | ```javascript
 88 | function Person(){} var person = Person() var person = new Person()
 89 | ```
 90 | * Koja je razlika između `.call` i `.apply`? 
 91 | * Objasnite `Function.prototype.bind` 
 92 | * Kad optimirate Vaš kod?
 93 | * Možete li objasniti nasljeđivanje u JavaScriptu?   
 94 | * Kada biste koristili `document.write()`?
 95 | 	* Većina generiranih oglasa još uvijek koristi `document.write()` premda se to zamjera.
 96 | * Koja je razlika između detekcije mogućnosti (feature detection), pretpostavljanje mogućnosti (feature inference) i korištenja UA string-a 
 97 | * Objasnite AJAX sa što više detalja 
 98 | * Objasnite kako radi JSONP (i zašto nije pravi AJAX) 
 99 | * Da li ste ikad koristili JavaScript predloške (templating)?
100 | 	* Ako da, koje ste biblioteke koristili? (Mustache.js, Handlebars etc.) 
101 | * Objasnite "hoisting".
102 | * Objasnite propagaciju događaja (event bubbling). 
103 | * Koja je razlika između "attribute"-a i "property"-a? 
104 | * Zašto proširivanje ugrađenih JavaScript objekata nije najbolja ideja? 
105 | * Zašto je proširivanje ugrađenih JavaScript objekata dobra ideja? 
106 | * Koja je razlika između document load i document ready događaja? 
107 | * Koja je razlika između `==` i `===`?
108 | * Objasnite kako bi došli do parametra iz URL adrese prozora preglednika. 
109 | * Objasnite politiku jednog izvorišta gledano sa stajališta JavaScript-e. 
110 | * Opišite načine nasljeđivanja u JavaScript-u.
111 | * Popravite: 
112 | ```javascript
113 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
114 | ```
115 | * Opišite strategiju za memoizaciju (izbjegavanje ponovljenog računanja) u Javascript-u.
116 | * Zašto se Ternarni operator zove Ternarni? 
117 | * Što je arnost funkcije?  
118 | * Što je `"use strict";`? Koje su mane, koje prednosti?
119 | 
120 | ### JavaScript primjeri koda:
121 | 
122 | ```javascript
123 | ~~3.14
124 | ```
125 | Pitanje: Koja je povratna vrijednost gornjeg izraza? 
126 | **Odgovor: 3** 
127 | 
128 | ```javascript
129 | "Ovo je proba".split("").reverse().join("");
130 | ```
131 | Pitanje: Koja je povratna vrijednost gornjeg izraza? 
132 | **Odgovor: "aborp ej ovO"** 
133 | 
134 | ```javascript
135 | ( window.foo || ( window.foo = "bar" ) );
136 | ```
137 | Pitanje: Koju vrijednost ima window.foo? 
138 | **Odgovor: "bar"** 
139 | Samo ako window.foo nije istinit u suprotnom će zadržati vrijednost.
140 | 
141 | ```javascript
142 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
143 | ```
144 | Pitanje: Kako će izgledati obavijesti iz gornjeg primjera? 
145 | **Odgovor: "Hello World" nakon toga ReferenceError: bar is not defined** 
146 | 
147 | ```javascript
148 | var foo = [];
149 | foo.push(1);
150 | foo.push(2);
151 | ```
152 | Pitanje: Koja je vrijednost za foo.length? 
153 | **Odgovor: `2`
154 | 
155 | ```javascript
156 | var foo = {};
157 | foo.bar = 'hello';
158 | ```
159 | Pitanje: Koja je vrijednost za foo.length? 
160 | **Odgovor: `undefined`
161 | 
162 | ### Pitanja za jQuery:
163 | 
164 | * Objasnite "chaining". 
165 | * Objasnite "deferreds".
166 | * Navedite koje optimizacije korištenja jQuery-a poznajete?
167 | * Što radi `.end()` ? 
168 | * Kada i zašto bi vezani (bound) događaj stavili u imenski prostor (namespace)? 
169 | * Navedite četiri vrijednosti koje možete poslati jQuery metodi.
170 | 	* Selektor (string), HTML (string), Callback (funkcija), HTMLElement, object, array, element array, jQuery Object itd.
171 | * Što je red efekata (fx)? 
172 | * Koja je razlika između .get()`, `[]`, i `.eq()`? 
173 | * Koja je razlika između .bind()`, `.live()`, i `.delegate()`? 
174 | * Koja je razlika između `$` i `$.fn`? Ili samo što je `$.fn`.
175 | * Optimirajte selektor: 
176 | ```javascript
177 | $(".foo div#bar:eq(0)")
178 | ```
179 | * Razlika između 'delegate()' i 'live()'? 
180 | 
181 | 
182 | ### Pitanja za CSS:
183 | 
184 | * Objasnite što je to "reset" CSS i zašto je koristan. 
185 | * Opišite što su i kako rade Float-ovi. 
186 | * Koje su tehnike clearing-a i koji su konteksti prikladni za njihovu primjenu? 
187 | * Pojasnite CSS sprite-ove i kako biste ih izveli na stranici ili site-u. 
188 | * Koje su Vaše omiljene tehnike zamjene slike i kada ih koristite? 
189 | * CSS hack-ovi property-a, kondicionalno uključivanje .css datoteka, ili ... nešto drugo? 
190 | * Kako poslužujete sadržaj za preglednike (browser-e) slabijih mogućnosti? 
191 | 	* Koje tehnike/procese koristite?  
192 | * Koji su mogući načini za vizualno sakrivanje sadržaja (ostaju dostupni samo screen reader-ima)? 
193 | * Da li ste ikad koristili grid system, ako jeste koji preferirate? 
194 | * Da li ste koristili ili implementirali media querie-je ili layout/CSS specifičan za mobile? 
195 | * Imate li iskustva u stiliziranju sa SVG-om? 
196 | * Kako optimirate stranice za ispis? 
197 | * Koje su "kvake" za pisanje učinkovitog CSS-a? 
198 | * Koje su prednosti/nedostatci korištenja CSS preprocessore? (SASS, Compass, Stylus, LESS) 
199 | 	* Ako da, opišite što vam se (ne)sviđa kod CSS preprocessora koje ste koristili. 
200 | * Kako bi izradili preliminarni web dizajn koji ne koristi standardne fontove? 
201 | 	* Webfont-ovi (font servisi poput: Google Webfonts, Typekit itd.)
202 | * Objasnite kako browser utvrđuje koji elementi odgovaraju CSS selector-u.  
203 | 
204 | ### Opcionalna zabavna pitanja:
205 | 
206 | * Koja je najbolja stvar koju ste isprogramirali, na što ste najviše ponosni?
207 | * Koji su Vam omiljena svojstva razvojnih alata koje koristite?
208 | * Imate li kakve omiljene vlastite projekte? Koje? 
209 | * Koja Vam je omiljena mogućnost Internet Explorer-a?
210 | 


--------------------------------------------------------------------------------
/Translations/Czech/README.md:
--------------------------------------------------------------------------------
  1 | #Front-end vývojář - otázky k pohovoru 
  2 | 
  3 | Tento repozitář obsahuje řadu otázek, které můžete směle položit u pohovoru kandidátovi na pozici front-end vývojář a ověřit si tak jeho znalosti v tomto oboru. Není zamýšleno položit všechny tyto otázky (jejich korektní zodpovězení by trvalo hodiny), leč pouze určitou část vyhovující vašim potřebám.   
  4 | 
  5 | Za přečtení stojí také:
  6 | 
  7 | * [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/)(Anglicky) od [Rebecca Murphey](http://rmurphey.com/)
  8 | * [Interview Questions and Exercises About CSS](http://css-tricks.com/interview-questions-css/)(Anglicky) od [Chris Coyier](http://chriscoyier.net/)
  9 | 
 10 | **Poznámka:** Mějte na paměti, že tyto otázky mají vést spíše k diskusi na dané téma a prozradit tak něco více o schopnostech daného vývojáře než aby byly zodpovězeny jedním slovem nebo větou.
 11 | 
 12 | ## <a name='toc'>Obsah</a>
 13 | 
 14 |   1. [Původní přispěvovatelé](#contributors)
 15 |   1. [Obecné otázky](#general)
 16 |   1. [HTML otázky](#html)
 17 |   1. [CSS otázky](#css)
 18 |   1. [JS otázky](#js)
 19 |   1. [jQuery otázky](#jquery)
 20 |   1. [Otázky z kódu](#jscode)
 21 |   1. [Zábavné otázky](#fun)
 22 | 
 23 | ####<a name='contributors'>Původní přispěvovatelé:</a>
 24 | 
 25 | Většina otázek byla převzata z [oksoclap](http://oksoclap.com/) původně vytvořeného [Paulem Irishem](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) a následně doplněna těmito osobami:
 26 | 
 27 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 28 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 29 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 30 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 31 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 32 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 33 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 34 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 35 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 36 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 37 | * [@iansym](http://twitter.com/iansym) - http://twitter.com/iansym
 38 | 
 39 | **[[⬆]](#toc)**
 40 | 
 41 | ####<a name='general'>Obecné otázky:</a>
 42 | 
 43 | * Co jste se naučili včera/minulý týden nového?
 44 | * Co Vás vzrušuje nebo zajímá na kódování? 
 45 | * Povězte něco o Vašem oblíbeném vývojovém prostředí (operační systém, editor, prohlížeč, nástroje, atd.).
 46 | * Popište jak postupujete při vytváření nové webové stránky.
 47 | * Dokážete vysvětlit rozdíl mezi pozvolným degradováním(graceful degradation) a postupným vylepšováním(progressive enhancement)?
 48 |   * Body navíc za popsání detekce pokročilé funkcionality
 49 | * Vysvětlete pojem "sémantické HTML".
 50 | * Jak byste optimalizovali zdroje(obrázky, JS, CSS, atd.) webové stránky?
 51 |   * K dispozici je celá řada optimalizací např.:
 52 |     * Spojování souborů
 53 |     * Minifikace souborů
 54 |     * CDN hostování
 55 |     * Caching
 56 |     * atd.
 57 | * Proč je lepší posílat zdroje webové stránky z více domén?
 58 |   * Kolik souborů může z dané domény stahovat prohlížeš najednou?
 59 | * Vyjmenujte tři způsoby jak snížit dobu nahrávání webové stránky (vnímanou nebo skutečnou dobu nahrávání)
 60 | * Pokud naskočíte do projektu, kde se místo odsazování tabulátory používají mezery, co uděláte?
 61 |   * Navrhnutí, že projekt by mohl využívat něco jako EditorConfig (http://editorconfig.org)
 62 |   * Přízpůsobení se konvenci (ale zústat konzistentní).
 63 |   * `issue :retab! command`
 64 | * Napište jednoduchou stránku se slideshow.
 65 |   * Body navíc pokud nepoužívá JS.
 66 | * Jaké nástroje používáte pro testování rychlosti Vašeho kódu?
 67 |   * Profiler, JSPerf, Dromaeo
 68 | * Pokud byste se chtěl/chtěla letos naučit jednu novou technologii, která by to byla?
 69 | * Vysvětlete důležitost standardů a standardizačních orgánů
 70 | * Co to je FOUC? Jak je možné se vyhnout FOUC?
 71 | 
 72 | **[[⬆]](#toc)**
 73 | 
 74 | ####<a name='html'>HTML otázky:</a>
 75 | 
 76 | * Co dělá `doctype` ?
 77 | * Jaký je rozdíl mezi standardním módem a quirks módem? 
 78 | * Jaká jsou omezení při poskytování XHTML stránek?
 79 |   * Existuje nějaký problém při poskytování stránek jako `application/xhtml+xml`?
 80 | * Jak poskytujete stránku s vícejazyčným obsahem?  
 81 |   * Na co všechno si musíte dát pozor při vytváření vícejazyčné stránky?
 82 | * K čemu jsou atribut `data-` dobrý?
 83 | * Uvažujte o HTML5 jako o otevření platormě. Jaké jsou základní stavební kameny HTML5?
 84 | * Popište rozdíl mezi cookies, sessionStorage a localStorage.
 85 | 
 86 | **[[⬆]](#toc)**
 87 | 
 88 | ####<a name='css'>CSS otázky:</a>
 89 | 
 90 | * Popište co děla a k čemu je dobrý "reset" CSS soubor. 
 91 | * Popište obtékání (floats) a jak funguje.
 92 | * Popiště různé techniky pro zastavení obtékání(clear fixing) a řekněte, které se hodí v kterém kontextu.
 93 | * Vysvětlete, co to jsou CSS sprites a jak byste je implementovali.
 94 | * Jaká je Vaše oblíbená technika pro nahrazování obrázků a kterou a kdy používáte?
 95 | * CSS property hacks, kondicionální vkládání .css souborů nebo něco dalšího?
 96 | * Jak poskytujete stránky pro funkcionálně/vlastnostmi omezený prohlížeč?
 97 |   * Jakou techniku/proces používáte?
 98 | * Jaké jsou způsoby pro zneviditelní obsahu (a zachování jeho dostupnosti pro čtečky)?
 99 | * Použili jste někdy grid system a pokud ano, který upřednostňujete?
100 | * Použili jset někdy mediální selektor(media query) nebo specifický layout/CSS pro mobilní zařízení?
101 | * Máte nějaké zkušenosti s vytvářením SVG?
102 | * Jak optimalizujete stránky pro tisk?
103 | * Jaké jsou zásady pro psaní efektnivního CSS?
104 | * Jaké jsou výhody/nevýhody použítí CSS preprocesorů (SASS, Compass, Stylus, LESS)?
105 |   * Popiště, co se Vám na CSS preprocesorech, které jste použili, líbí/nelíbí.
106 | * Jak byste implementovali návrh webové stránky, která používá nestandardní řezy písma?
107 |   * Webfonts (služby typu: Google Webfonts, Typekit etc.)
108 | * Vysvětlete jak prohlížeč určuje, který element odpovída CSS selektoru.
109 | * Vysvětlete Vaše chápání box modelu a jak řeknete pomocí CSS prohlížeči, aby Váš layout vykreslil v odlišném box modelu
110 | 
111 | **[[⬆]](#toc)**
112 | 
113 | ####<a name='js'>JS otázky:</a>
114 | 
115 | * Vysvětlete delegaci událostí.
116 | * Vysvětlete jak funguje `this` v JavaScriptu.
117 | * Vysvětlete jak funguje funguje prototypová dědičnost.
118 | * Jak testujete JavaScript?
119 | * AMD vs. CommonJS?
120 | * Co je hashovací tabulka?
121 | * Vysvětlete proč následující volání nebude fungovat jako IIFE: `function foo(){ }();`.
122 |   * Co musíte změnit, aby volání zafungovalo jako IIFE?
123 | * Vysvětlete rozdíl mezi proměnou, která je `null`, `nedefinovaná` nebo `nedeklarovaná`?
124 |   * Jakým způsobem ověříte jednotlivé stavy proměnné?
125 | * Co to je closure a jak/proč bychom je měli používat?  
126 | * Jaké je typické využití pro anonymní funkce?
127 | * Vysvětlete "JavaScript module pattern" a kdybyste ho měli použít.
128 |   * Body navíc za zmínku o čistých jmených prostorech.
129 |   * Co když moduly nemají jmené prostory?
130 | * Jak organizujete Váš kód? Module pattern, klasická dědičn5ost?
131 | * Jaký je rozdíl mezi nativními a hostitelskými objekty?
132 | * Rozdíl mezi:
133 | ```javascript
134 | function Person(){} var person = Person() var person = new Person()
135 | ```
136 | * Jaký je rozdíl mezi `.call` a `.apply`?
137 | * Jaký je rozdíl mezi `undefined` and `null`?
138 | * Vysvětlete `Function.prototype.bind`.
139 | * Kdy optimalizujete Váš kód?
140 | * Vysvětlete jak funguje dědičnost v JavaScriptu.
141 | * Kdy byste použili `document.write()`?
142 |   * Většina generovaných reklam stále používá tento přístup i přesto, že je to dlouhodobě odsuzováno.
143 | * Jaký je rozdíl mezi detekcí vlastností, odvození vlastností a použití UA řetězce?
144 | * Vysvětlete AJAX co nejpodrobněji to jde.
145 | * Vysvětlete jak funguje JSONP (a proč to není opravdový AJAX).
146 | * Použili jste někdy JavaScriptové šablony?
147 |   * Pokud ano, které knihovny jste použili (Mustache.js, Handlebars etc.)?
148 | * Vysvětlete "hoisting".
149 | * Vysvětlete probublávání událostí.
150 | * Jaký je rozdíl mezi atributem(attribute) a vlastností(property)?
151 | * Proč není dobrý nápad rozšiřovat nativní JavaScriptové objekty?
152 | * Proč je dobrý nápad rozšiřovat nativní JavaScriptové objekty?
153 | * Jaký je rozdíl mezi událostmi document load a document ready?
154 | * Jaký je rozdíl mezi `==` a `===`?
155 | * Vysvětlete jakým způsobem získáte parametr z URL zadaného v okně prohlížeče.
156 | * Vysvětlete JavaScriptové pravidlo stejného původu(same-origin policy). 
157 | * Popište přístupy k dědění v JavaScriptu.
158 | * Následující kód upravte tak, aby fungoval:
159 | ```javascript
160 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
161 | ```
162 | * Popište strategie pro memorizaci (odstranění opakovaných výpočtů) v JavaScriptu.
163 | * Proč se říká ternární operátor, co označuje slovo ternární?
164 | * Co je označováné jako "arity" funkce?
165 | * Co znamená `"use strict";`? Jaké jsou výhody a nevýhody použití?
166 | 
167 | **[[⬆]](#toc)**
168 | 
169 | ####<a name='jquery'>jQuery otázky:</a>
170 | 
171 | * Vysvětlete řetězení(chaining).
172 | * Vysvětlete odkládání(deferreds).
173 | * Jaké znáte a umíte implementovat optimalizace speciálně pro jQuery?
174 | * Co dělá `.end()`?
175 | * Jak a proč byste váš event handler opatřili jmeným prostorem?
176 | * Jmenujte čtyři různé typy hodnot, které můžete předat jako vstupní parametr metod v jQuery.
177 |   * Selektor (řetězec), HTML (řetězec), Callback (funkce), HTMLElement, object, pole, pole elementu, jQuery Object, atd.
178 | * Co to je fronta efektů (nebo fx fronta)?
179 | * Jaký je rozdíl mezi `.get()`, `[]` a `.eq()`?
180 | * Jaký je rozdíl mezi `.bind()`, `.live()` a `.delegate()`?
181 | * Jaký je rozdíl mezi `$` a `$.fn`? Nebo jenom, co je `$.fn`?
182 | * Zoptimalizujte tento selektor:
183 | ```javascript
184 | $(".foo div#bar:eq(0)")
185 | ```
186 | * Jaký je rozdíl mezi 'delegate()' a 'live()'?
187 | 
188 | **[[⬆]](#toc)**
189 | 
190 | ####<a name='jscode'>Otázky z kódu:</a>
191 | 
192 | ```javascript
193 | ~~3.14
194 | ```
195 | Otázka: Jakou hodnotu vrátí uvedený výraz?
196 | **Odpověď: 3**
197 | 
198 | ```javascript
199 | "i'm a lasagna hog".split("").reverse().join("");
200 | ```
201 | Otázka: Jakou hodnotu vrátí uvedený výraz?
202 | **Odpověď: "goh angasal a m'i"**
203 | 
204 | ```javascript
205 | ( window.foo || ( window.foo = "bar" ) );
206 | ```
207 | Otázka: Jakou hodnotu má window.foo?
208 | **Odpověď: "bar"**
209 | pouze pokud window.foo bylo false, jinak vrátí svojí hodnotu.
210 | 
211 | ```javascript
212 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
213 | ```
214 | Otázka: Co zobrazí uvedené dva alerty?
215 | **Odpověď: "Hello World" a ReferenceError: bar is not defined**
216 | 
217 | ```javascript
218 | var foo = [];
219 | foo.push(1);
220 | foo.push(2);
221 | ```
222 | Otázka: Jaká je hodnota foo.length?
223 | **Odpověď: `2`**
224 | 
225 | ```javascript
226 | var foo = {};
227 | foo.bar = 'hello';
228 | ```
229 | Otázka: Jaká je hodnota foo.length?
230 | **Odpověď: `undefined`**
231 | 
232 | **[[⬆]](#toc)**
233 | 
234 | ####<a name='fun'>Zábavné otázky:</a>
235 | 
236 | * Jaká je nejúžasnější věc, kterou jste kdy nakódovali, nebo na kterou jste nejvíce pyšní?
237 | * Jaké jsou Vaše oblíbené části vývojářských nástrojů, které používáte?
238 | * Máte nějaký vlastní hobby projekt?
239 | * Jaká je Vaše oblíbená vlastnost Internet Exploreru?
240 | 
241 | **[[⬆]](#toc)**
242 | 


--------------------------------------------------------------------------------
/Translations/Danish/README.md:
--------------------------------------------------------------------------------
  1 | #Front-end Job Interview Spørgsmål
  2 | 
  3 | @version 1.0
  4 | 
  5 | **Bemærk:** Dette arkiv indeholder et udvalg af spørgsmål, der kan bruges til samtale til stillingen som front-end udvikler. Det kan på ingen måde anbefales at bruge hver eneste spørgsmål på samme kandidat da det ville tage flere timer.
  6 | 
  7 | Husk på, at mange af disse spørgsmål er åbne og kan føre til interessante diskussioner, der fortæller dig mere om personens evner end et klart svar ville.
  8 | 
  9 | ####Originale bidragydere
 10 | 
 11 | **Bemærk:** Størstedelen af spørgsmålene blev plukket fra en tråd skabt og bidraget af følgende personer:
 12 | 
 13 | * @bentruyman (http://bentruyman.com)
 14 | * @cowboy (http://benalman.com)
 15 | * @roger_raymond (http://twitter.com/iansym)
 16 | * @ajpiano (http://ajpiano.com)
 17 | * @paul_irish (http://paulirish.com)
 18 | * @SlexAxton (http://alexsexton.com)
 19 | * @boazsender (http://boazsender.com)
 20 | * @miketaylr (http://miketaylr.com)
 21 | * @vladikoff (http://vladfilippov.com)
 22 | * @gf3 (http://gf3.ca)
 23 | * @jon_neal (http://twitter.com/jon_neal)
 24 | * @wookiehangover (http://wookiehangover.com)
 25 | * @darcy_clarke (http://darcyclarke.me)
 26 | * @tairraos (http://xiaole.happylive.org)
 27 | 
 28 | ### Generelle spørgsmål:
 29 | 
 30 | * Er du på Twitter?
 31 |    * Hvis ja, hvem følger du?
 32 | * Er du på GitHub?
 33 |    * Hvis ja, hvilke repoer følger du?
 34 | * Hvilke blogs følger du?
 35 | * Hvilke version kontrolsystemer har du brugt (Git, SVN osv.)?
 36 | * Hvad er dit foretrukne udviklingsmiljø? (OS, Editor, Browsere, Tools osv.)
 37 | * Kan du beskrive din arbejdsgang, når du bygger en webside?
 38 | * Kan du beskrive forskellen mellem 'progressive enhancement' og 'graceful degradation'?
 39 |    * Bonuspoint beskrive 'feature detection'
 40 | * Forklar hvad "Semantisk HTML" betyder.
 41 | * Hvilken browser udvikler du primært i og hvad hvilke udviklingsværktøjer bruger du?
 42 | * Hvordan vil du optimere et websites ressourcer?
 43 |    * Du leder efter en række løsninger, som kan omfatte:
 44 |        * Fil sammenkædning (File concatenation)
 45 |        * Fil minification
 46 |        * CDN Hosted
 47 |        * Caching
 48 |        * Osv.
 49 | * Hvorfor er det bedre at have flere domæner som man serverer sit website fra?
 50 |    * Hvor mange ressourcer vil en browser hente ad gangen fra et givent domæne?
 51 | * Navn 3 måder at mindske et websites belastning. (formodet eller faktisk lade tid)
 52 | * Hvis du hoppede på et projekt, og de brugte tabulering og du brugte mellemrum, hvad ville du gøre?
 53 |    * Foreslå projektet at benytte noget lignende EditorConfig (http://editorconfig.org)
 54 |    * Følge konventioner (være consistent)
 55 |    * 'Indføre :retab! kommandoen'
 56 | * Skriv et simpelt billed slideshow side
 57 |    * Bonuspoint, hvis det ikke bruger JS.
 58 | * Hvilke værktøjer bruger du til at teste din kode effektivitet?
 59 |    * JSPerf (http://jsperf.com/)
 60 |    * Dromaeo (http://dromaeo.com/)
 61 |    * Osv.
 62 | * Hvis du kunne mestre en teknologi i år, hvad ville det så være?
 63 | * Forklare vigtigheden af standarder.
 64 | * Hvad er FOUC? Hvordan undgår man FOUC?
 65 | 
 66 | ### HTML-specifikke spørgsmål:
 67 | 
 68 | * Hvad er et `doctype` gøre, og hvor mange kan du nævne?
 69 | * Hvad er forskellen mellem `standards mode` og `quirks mode`?
 70 | * Hvilke Begrænsninger er der med XHTML-sider?
 71 |    * Er der nogen problemer med at serverer sider som `application/xhtml+xml`?
 72 | * Hvordan du serverer man en side med indhold på flere sprog?
 73 |    * Hvilken slags ting skal du være opmærksom på, når der skal designes eller udviklings til flersprogede sites?
 74 | * Kan du bruge XHTML syntaks i HTML5?    
 75 | * Hvordan bruger du XML i HTML5?
 76 | * Hvad er `data-` attributter godt for?
 77 | * Hvad er indholds modeller i HTML4 og er de anderledes i HTML5?
 78 | * Tænk på HTML5 som en åben web-platform. Hvad er byggestenene i HTML5?
 79 | * Consider HTML5 as an open web platform. What are the building blocks of HTML5?
 80 | * Beskriv forskellen mellem cookies, sessionStorage og localStorage.
 81 | 
 82 | ### JS-specifikke spørgsmål
 83 | 
 84 | * Hvilke JavaScript-biblioteker har du brugt?
 85 | * Har du nogensinde kigget på kildekoden til bibliotekerne eller frameworks som du bruger?
 86 | * Hvordan er JavaScript forskellig fra Java?
 87 | * Hvad er en Hashtable?
 88 | * Hvad er `undefined` og `undeclared` variabler?
 89 | * Hvad er en closure, og hvordan/hvorfor ville du bruge en?
 90 |    * Din yndlings mønster bruges til at skabe dem? argyle (Gælder kun for IIFEs)
 91 | * En typisk eksempel på brug af anonyme funktioner?
 92 | * Forklare "JavaScript module pattern", og hvornår du skal bruge det.
 93 |    * Bonuspoint for at nævne ren namespacing.
 94 |    * Hvad hvis dine moduler er uden namespace?
 95 | * Hvordan tilrettelægger du din kode? (module pattern, classical inheritance?)
 96 | * Hvad er forskellen mellem 'host objects' og 'native objects'?
 97 | * Forskel mellem:
 98 | ```javascript
 99 | function Person(){} var person = Person() var person = new Person()
100 | ```
101 | * Hvad er forskellen mellem `.call` og `.apply`?
102 | * Forklare `Function.prototype.bind`?
103 | * Hvornår skal du optimere din kode?
104 | * Kan du forklare, hvordan arv(inheritance) virker i JavaScript?
105 | * Hvornår vil du bruge `document.write()`?
106 |    * De fleste annoncer stadig genereres ved brug af `document.write()` selvom dets anvendelse er ildeset.
107 | * Hvad er forskellen mellem `feature detection`, `feature inference`, og brug af UA string
108 | * Forklar AJAX så udførligt som muligt.
109 | * Forklare hvordan JSONP virker (og hvordan det egentlig ikke er AJAX)
110 | * Har du nogensinde brugt JavaScript templating?
111 |    * Hvis ja, hvilke biblioteker har du brugt (Mustache.js, Handlebars osv.)
112 | * Forklare "hoisting".
113 | * Forklare "event bubbling".
114 | * Hvad er forskellen mellem en "attribute" og en "property"?
115 | * Hvorfor er det ikke en god idé Udvide indbygget JavaScript-objekter?
116 | * Hvorfor er Udvidelse af ins en god idé?
117 | * Forskel mellem document load event og document ready event?
118 | * Hvad er forskellen mellem `==` og `===`?
119 | * Forklar, hvordan du ville få en query string parameter fra browservinduets URL.
120 | * Forklare den samme oprindelse politik med hensyn til JavaScript.
121 | * Forklare event delegation.
122 | * Beskrive arv mønstre(inheritance patterns) i JavaScript.
123 | * Få det til at virke:
124 | ```javascript
125 | [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
126 | ```
127 | * Beskrive en strategi for memoization (undgå beregning gentagelser) i JavaScript.
128 | * Hvorfor hedder det en Ternary erklæring, hvad betyder ordet "Ternary"?
129 | * Hvad er arity af en funktion?
130 | * Hvad er `"use strict";`? hvad er fordelene og ulemperne ved at bruge det?
131 | 
132 | ### JS-kode eksempler:
133 | 
134 | ```javascript
135 | ~~3.14
136 | ```
137 | Spørgsmål: Hvilken værdi er returneret fra ovenstående?
138 | **Svar: 3**
139 | 
140 | ```javascript
141 | "i'm a lasagna hog".split("").reverse().join("");
142 | ```
143 | Spørgsmål: Hvilken værdi er returneret fra ovenstående?
144 | **Svar: "goh angasal a m'i"**
145 | 
146 | ```javascript
147 | ( window.foo || ( window.foo = "bar" ) );
148 | ```
149 | Spørgsmål: Hvad er værdien af window.foo?
150 | **Svar: "bar"**
151 | Hvis window.foo er falsk ellers vil det bevare sin værdi.
152 | 
153 | ```javascript
154 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
155 | ```
156 | Spørgsmål: Hvad er resultatet af de to ovennævnte alerts?
157 | ** Svar: "Hello World" & ReferenceError: bar er ikke defineret **
158 | 
159 | ```javascript
160 | var foo = [];
161 | foo.push(1);
162 | foo.push(2);
163 | ```
164 | Spørgsmål: Hvad er værdien af foo.length?
165 | **Svar: `2`
166 | 
167 | ```javascript
168 | var foo = {};
169 | foo.bar = 'hello';
170 | ```
171 | Spørgsmål: Hvad er værdien af foo.length?
172 | **Svar: `undefined`
173 | 
174 | ```javascript
175 | foo = foo||bar
176 | ```
177 | Spørgsmål: Hvad betyder?
178 | **Svar: if(!foo) foo = bar
179 | 
180 | ```javascript
181 | foo>>1
182 | ```
183 | Spørgsmål: Hvad betyder?
184 | **Svar: Math.floor(foo/2)
185 | 
186 | ```javascript
187 | foo|0
188 | foo+.5|0
189 | ```
190 | Spørgsmål: Hvad betyder?
191 | **Svar: parseInt(foo) & Math.round(foo)
192 | 
193 | ```javascript
194 | function foo(bar1, bar2, bar3){}
195 | ```
196 | Spørgsmål: Hvordan får man antallet af parametre?
197 | **Svar: foo.length //dette eksempel er 3
198 | 
199 | 
200 | ### jQuery-specifikke spørgsmål:
201 | 
202 | * Forklar "kæde"(chaining).
203 | * Forklar "deferreds".
204 | * Nævn nogle jQuery specifikke optimeringer du kan implementere?
205 | * Hvad betyder `.end()` gøre?
206 | * Hvordan og hvorfor, ville du namespace en bundet event handler?
207 | * Navn 4 forskellige værdier, du kan give en jQuery metoden.
208 |    * Selector (string), HTML (string), Callback (funktion), HTMLElement, objekt, array, element array, jQuery objekt osv.
209 | * Hvad er effects (eller fx) queue?
210 | * Hvad er forskellen mellem `.get()`, `[]`, og `.eq()`?
211 | * Hvad er forskellen mellem `.bind()`, `.live()`, og `.delegate()`?
212 | * Hvad er forskellen mellem `$` og `$.fn`? Eller hvad er `$.fn`.
213 | * Optimer denne selector:
214 | ```javascript
215 | $(".foo div#bar:eq(0)")
216 | ```
217 | * Forskel mellem `delegate()` og `live()`?
218 | 
219 | 
220 | ### CSS-specifikke spørgsmål:
221 | 
222 | * Beskriv hvad en "reset" CSS-fil laver, og hvordan den nyttigt.
223 | * Beskrive Floats og hvordan de virker.
224 | * Hvilken clearing teknikker findes der og hvilke er passende for hvilken sammenhæng?
225 | * Forklar CSS sprites, og hvordan du vil indføre dem på en side eller et websted.
226 | * Hvad er din yndlings billed udskiftning(image replacement) teknik og som bruger du?
227 | * CSS property hacks, konditionel inkluderet. css filer, eller ... noget andet?
228 | * Hvordan serverer du dine sider for funktionen begrænset browsere?
229 |    * Hvilke teknikker/processer bruger du?
230 | * Hvilke forskellige måder findes der for at visuelt skjule indhold (og gør det kun tilgængelig for skærmlæsere)?
231 | * Har du nogensinde brugt et grid system, og hvis ja, hvad foretrækker du?
232 | * Har du brugt eller implementeret media queries eller mobile specifikke layouts/CSS?
233 | * Noget kendskab til styling af SVG?
234 | * Hvordan optimerer du dine websider til tryk?
235 | * Hvad skal der til for at skrive effektiv CSS?
236 | * Bruger du CSS præprocessorer? (SASS, Compass, Stylus, LESS)
237 |    * Hvis ja, beskriv, hvad du kan lide og ikke lide ved CSS præprocessorer som du har brugt.
238 | * Hvordan vil du implementere en web-design, der ikke bruger standard skrifttyper?
239 |    * Webfonts (skrifttype tjenester som: Google Webfonts, Typekit osv.)
240 | * Forklare hvordan en browser afgør, hvilke elementer matcher en CSS selector?
241 | 
242 | ### Valgfri sjove spørgsmål:
243 | 
244 | * Hvad er den fedeste ting, du nogensinde har kodet, hvad er du mest stolt af?
245 | * Kender du HTML5 bandetegn?
246 | * Er du nu, eller har du nogensinde været på en båd.
247 | * Hvad er dine foretrukne dele om de udviklere værktøjer som du bruger?
248 | * Har du nogen hygge projekter? Hvilken slags?
249 | * Forklare betydningen af ​​"cornify".
250 | * På et stykke papir, skriv ned bogstaverne A B C D E lodret. Nu sæt dem i faldende rækkefølge uden at skrive én linje kode.
251 |    * Vent og se, om de vender papiret på hovedet
252 | * Pirate eller Ninja?
253 |    * Bonus hvis det er en kombination og en god grund blev givet (+2 for zombie abe pirat ninjas)
254 | * Hvad ville du gøre, hvis ikke Webudvikling?
255 | * Hvor i verden er Carmen Sandiego?
256 | * Where in the world is Carmen Sandiego?
257 |    * Tip: deres svar er altid forkert
258 | * Hvad er dit foretrukne funktion i Internet Explorer?
259 | * Færdiggør denne sætning: Brendan Eich og Doug Crockford er __________ af javascript.
260 | * JQuery: et godt bibliotek eller den bedste bibliotek? Diskuter.
261 | * http://www.w3schools.com/ eller http://w3fools.com/
262 | 


--------------------------------------------------------------------------------
/Translations/Dutch/README.md:
--------------------------------------------------------------------------------
  1 | #Front-end interview vragen
  2 | 
  3 | @version 2.0.0
  4 | 
  5 | Deze repo bevat een aantal front-end interview vragen die je kunnen helpen om ervaren kandidaten te vinden. Het is uiteraard niet aangeraden om elke vraag aan een sollicitant te stellen (dat zou ook uren in beslag nemen). Maar als je er een paar gebruikt is het mogelijk om het gewenste skillniveau te vinden dat je zoekt.
  6 | 
  7 | [Rebecca Murphey](http://rmurphey.com/)'s [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) is ook een geweldige bron om je in te lezen voordat je aan een interview begint.
  8 | 
  9 | **Let op:** Houd er rekening mee dat deze vragen meestal een open einde hebben en dat zou kunnen leiden tot interessante discussies die je meer over de persoon zelf kan vertellen dan een standaard antwoord.
 10 | 
 11 | ####Originele Bijdragers
 12 | 
 13 | De meerderheid van deze vragen is geplukt uit een [oksoclap](http://oksoclap.com/) thread origineel gemaakt door [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) en aan bijgedragen door de volgende individuen:
 14 | 
 15 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 16 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 17 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 18 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 19 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 20 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 21 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 22 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 23 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 24 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 25 | * [@darcy](http://twitter.com/darcy) - http://darcyclarke.me
 26 | * [@iansym](http://twitter.com/iansym)
 27 | 
 28 | ### Algemene Vragen:
 29 | 
 30 | * Praat over je favoriete ontwikkelomgeving. (OS, Editor, Browsers, Tools etc.) 
 31 | * Kan je jouw workflow beschrijven als je een nieuwe web pagina maakt? 
 32 | * Kan je het verschil beschrijven tussen progressieve verbeteringen en gracieuse degradatie? 
 33 | 	* Bonus punten voor het beschrijven van feature detection 
 34 | * Leg uit wat "Semantische HTML" betekent. 
 35 | * Hoe zou je website assets/resources optimaliseren?
 36 | 	* Kijk naar een aantal oplossingen zoals:
 37 | 		* Bestands concatenatie
 38 | 		* Betands minificatie
 39 | 		* Content Delivery Network
 40 | 		* Caching
 41 | 		* etc.
 42 | * Waarom is het beter om website resources van meerdere domeinen te laden? 
 43 | 	* Hoeveel resources kan een browser tegelijkertijd downloaden van een domein? 
 44 | * Noem 3 manieren om pagina laadtijd te verminderen. (waargenomen of gemeten tijd) 
 45 | * Als je op een project kwam te werken waar ze tabs gebruiken en jij gebruikt spaties, wat zou je doen? 
 46 | 	* Suggereren dat het project misschien iets als [EditorConfig] (http://editorconfig.org) kan gebruiken. 
 47 | 	* Je aanpassen aan de conventie (consistent blijven)
 48 | 	* `issue :retab! command`
 49 | * Schrijf een simpele slideshow pagina 
 50 | 	* Bonus punten als het geen JS gebruikt.  
 51 | * Welke tools gebruik je om je je code performance te testen?
 52 | 	* Profiler, JSPerf, Dromaeo
 53 | * Als je dit jaar één techniek zou willen beheersen, wat zou het zijn? 
 54 | * Kan je de verschillen tussen Long-Polling, Websockets en SSE benoemen?
 55 | * Leg het belang uit van standaards en standaards organisaties.
 56 | * Wat is FOUC? Hoe voorkom je FOUC?  
 57 | 
 58 | ### HTML-Specifieke Vragen:
 59 | 
 60 | * Wat doet een `doctype`?
 61 | * Wat is het verschil tussen standaard modus en quirks modus? 
 62 | * Wat zijn de beperkingen als je XHTML pagina's serveert? 
 63 | 	* Zijn er problemen als je ze serveert als `application/xhtml+xml`?  
 64 | * Hoe serveer je een pagina met content in meerdere talen? 
 65 | 	* Wat voor dingen moet je voor op passen als je designt of ontwikkelt voor meertalige sites?
 66 | * Waar zijn `data-` attributen goed voor? 
 67 | * Stel je HTML5 voor als een open web platform. Wat zijn dan de bouwstenen van HTML5? 
 68 | * Beschrijf het verschil tussen cookies, sessionStorage en localStorage. 
 69 | 
 70 | ### JS-Specifieke Vragen:
 71 | 
 72 | * Beschrijf event delegatie
 73 | * Leg uit hoe `this` werkt in JavaScript
 74 | * Leg uit prototypal inheritance werkt
 75 | * Hoe kan je je JavaScript testen?
 76 | * AMD vs. CommonJS?
 77 | * Wat is een hashtable?
 78 | * Wat zijn `undefined` en `undeclared` variabelen? 
 79 | * Wat is een closure, en hoe/waarom zou je het gebruiken? 
 80 | 	* Je favoriete pattern om deze te gebruiken? argyle (Alleen toepasbaar bij IIFEs)  
 81 | * Wat is een typische use case voor anonieme functies? 
 82 | * Leg de "JavaScript module pattern" uit wanneer je het zou gebruiken. 
 83 | 	* Bonus punten voor het noemen van clean namespacing. 
 84 | 	* Wat als je modules namespace-loos zijn?  
 85 | * Hoe organiseer je je code? (module pattern, classical inheritance?) 
 86 | * Wat is het verschild tussen host objects en native objects? 
 87 | * Verschil tussen: 
 88 | ```javascript
 89 | function Person(){} var person = Person() var person = new Person()
 90 | ```
 91 | * Wat is het verschil tussen `.call` en `.apply`? 
 92 | * Leg uit `Function.prototype.bind`? 
 93 | * Wanneer optimaliseer je je code? 
 94 | * Kan je uitleggen hoe overerving werkt in JavaScript?   
 95 | * Wanneer zou je `document.write()` gebruiken?
 96 | 	* Veel ads gebruiken nog steeds `document.write()` ookal wordt dit meestal afgekeurd
 97 | * Wat is het verschil tussen feature detection, feature inference en het gebruiken van een UA string 
 98 | * Leg AJAX zo gedetailleerd mogelijk uit 
 99 | * Leg uit hoe JSONP werkt (en hoe het niet echt AJAX is) 
100 | * Heb je ooit JavaScript templating gebruikt?
101 | 	* Zo ja, welke libraries heb je gebruikt? (Mustache.js, Handlebars etc.) 
102 | * Leg "hoisting" uit.
103 | * Beschrijf event bubbling. 
104 | * Wat is het verschil tussen een "attribuut" en een "property"? 
105 | * Waarom is het uitbreiden van built-in JavaScript objects geen goed idee? 
106 | * Waarom is het uitbreiden van built ins een goed idee? 
107 | * Wat is het verschil tussen document load en document ready? 
108 | * Wat is het verschil tussen `==` en `===`? 
109 | * Leg uit hoe je een query string parameter uit een browsers window URL kan halen. 
110 | * Leg de same-origin policy met betrekking tot JavaScript uit. 
111 | * Beschrijf overerving patronen in JavaScript. 
112 | * Maak dit werkend: 
113 | ```javascript
114 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
115 | ```
116 | * Beschrijf een strategie voor memoization (ontwijken van berekening repetitie) in JavaScript. 
117 | * Waarom heet het een Ternary expression, waar doelt het woord "Ternary" op? 
118 | * Wat is de ariteit van een functie?  
119 | * Wat is `"use strict";`? Wat zijn de voor- en nadelen om dit te gebruiken?
120 | 
121 | ### JS-Code Voorbeelden:
122 | 
123 | ```javascript
124 | ~~3.14
125 | ```
126 | Vraag: Welke waarde wordt terug gegeven bij de bovenstaande code? 
127 | **Antwoord: 3** 
128 | 
129 | ```javascript
130 | "ik hou van lasagna".split("").reverse().join("");
131 | ```
132 | Vraag: Welke waarde wordt terug gegeven bij de bovenstaande code? 
133 | **Antwoord: "angasal nav uoh ki"** 
134 | 
135 | ```javascript
136 | ( window.foo || ( window.foo = "bar" ) );
137 | ```
138 | Vraag: What is the value of window.foo? 
139 | **Antwoord: "bar"** 
140 | Alleen als window.foo falsy was, anders leverde het zijn waarde op.
141 | 
142 | ```javascript
143 | var foo = "Hallo"; (function() { var bar = " Wereld"; alert(foo + bar); })(); alert(foo + bar);
144 | ```
145 | Vraag: Wat is de uitkomst van de twee alerts? 
146 | **Antwoord: "Hallo Wereld" & ReferenceError: bar is not defined** 
147 | 
148 | ```javascript
149 | var foo = [];
150 | foo.push(1);
151 | foo.push(2);
152 | ```
153 | Vraag: Wat is de waarde van foo.length? 
154 | **Antwoord: `2`
155 | 
156 | ```javascript
157 | var foo = {};
158 | foo.bar = 'hello';
159 | ```
160 | Vraag: Wat is de waarde van foo.length? 
161 | **Antwoord: `undefined`
162 | 
163 | ### jQuery-Specifieke Vragen:
164 | 
165 | * Leg "chaining" uit. 
166 | * Leg "deferreds" uit.
167 | * Wat zijn een paar jQuery specifieke optimalisaties die jij kan implementeren?
168 | * Wat doet `.end()`? 
169 | * Hoe en waarom zou je een bound event handler namespacen? 
170 | * Noem 4 verschillende waardes die je aan een jQuery methode kan geven.
171 | 	* Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object etc.
172 | * Wat is de effecten (fx) queue? 
173 | * Wat is het verschil tussen `.get()`, `[]`, en `.eq()`? 
174 | * Wat is het verschil tussen `.bind()`, `.live()`, en `.delegate()`? 
175 | * Wat is het verschil tussen `$` en `$.fn`? Of sowieso, wat is `$.fn`.
176 | * Optimaliseer deze selector: 
177 | ```javascript
178 | $(".foo div#bar:eq(0)")
179 | ```
180 | * Wat is het verschil tussen 'delegate()' en 'live()'? 
181 | 
182 | 
183 | ### CSS-Specifieke Vragen:
184 | 
185 | * Beschrijf wat een "reset" CSS bestand doet en hoe dit bruikbaar is. 
186 | * Beschrijf Floats en hoe ze werken. 
187 | * Wat zijn de verschillende clearing technieken en welke is toepasselijk voor welke context? 
188 | * Leg CSS sprites uit en hoe je ze kan implementeren op een pagina. 
189 | * Wat zijn jouw favoriete image replacement technieken en welke gebruik je wanneer? 
190 | * CSS property hacks, conditionele ingeladen .css files, of... iets anders? 
191 | * Hoe serveer je je pagina's voor feature-constrained browsers? 
192 | 	* Welke technieken/processen gebruik je?  
193 | * Wat zijn de verschillende manieren om content visueel te verbergen (en het alleen zichtbaar te houden voor screenreaders)? 
194 | * Heb je ooit een grid-systeem gebruikt en zo ja, wat is je voorkeur? 
195 | * Heb je ooit media queries of mobiel specifieke layouts/CSS gebruikt of geïmplementeerd? 
196 | * Ben je bekend met SVG styling? 
197 | * Hoe optimaliseer je je pagina's voor printen? 
198 | * Wat zijn sommige van de "gotchas" voor het schrijven van efficiënte CSS? 
199 | * Wat zijn de voor- en nadelen van CSS preprocessors? (SASS, Compass, Stylus, LESS) 
200 | 	* Wat vind je wel en niet fijn aan diegene die jij hebt gebruikt. 
201 | * Hoe zou je een website design implementeren dat gebruik maakt van non-standard fonts? 
202 | 	* Webfonts (font services zoals: Google Webfonts, Typekit etc.)
203 | * Leg uit hoe een browser beslists welke elementen hij moet matchen met een CSS selector?  
204 | 
205 | ### Optionele Losse Vragen:
206 | 
207 | * Wat is het coolste dat je ooit gemaakt hebt. Waar ben je trots op?
208 | * Wat zijn de favoriete dingen van de ontwikkeltools die je gebruikt?
209 | * Heb je hobbyprojecten? Zo ja, wat voor? 
210 | * Wat is je favoriete feature van Internet Explorer?
211 | 


--------------------------------------------------------------------------------
/Translations/Indonesian/README.md:
--------------------------------------------------------------------------------
  1 | #Front-end Job Interview Questions
  2 | 
  3 | File ini berisi sejumlah pertanyaan wawancara kerja yang dapat digunakan saat pemeriksaan calon potensial. Namun Hal ini tidak berarti dianjurkan untuk menggunakan setiap pertanyaan tunggal di sini pada calon yang sama (yang akan memakan waktu beberapa jam). Memilih beberapa item dari daftar ini akan membantu Anda dokter hewan keterampilan dimaksudkan Anda butuhkan.
  4 | 
  5 | **Catatan:** Perlu diingat bahwa banyak dari pertanyaan-pertanyaan ini terbuka dan dapat menyebabkan diskusi menarik yang memberitahu lebih lanjut tentang kemampuan seseorang dari jawaban langsung akan.
  6 | 
  7 | ## Daftar Isi
  8 | 
  9 |   1. [Pertanyaan dasar](#pertanyaan-dasar)
 10 |   1. [Pertanyaan HTML](#pertanyaan-html)
 11 |   1. [Pertanyaan CSS](#pertanyaan-css)
 12 |   1. [Pertanyaan JS](#Pertanyaan-js)
 13 |   1. [jQuery Questions](#jquery-questions)
 14 |   1. [Pertanyaan Coding](#Pertanyaan-coding)
 15 |   1. [Pertanyaan-seru](#Pertanyaan-seru)
 16 |   
 17 | 
 18 | ## Pranala
 19 | 
 20 |   1. [Original Contributors](#original-contributors)
 21 |   1. [Recent Contributors](https://github.com/h5bp/Front-end-Developer-Interview-Questions/graphs/contributors)
 22 |   1. [How to Contribute](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/CONTRIBUTING.md)
 23 |   1. [License](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md)
 24 |   
 25 | #### Pertanyaan Dasar:
 26 | 
 27 | * Apa yang Anda pelajari kemarin / minggu ini?
 28 | * Apa menggairahkan atau kepentingan Anda tentang coding?
 29 | * Apa tantangan teknis baru-baru ini yang Anda alami dan bagaimana Anda mengatasinya?
 30 | * Apa UI, Keamanan, Kinerja, SEO, Maintainability atau Teknologi pertimbangan Anda membuat sambil membangun aplikasi web atau situs?
 31 | * Bicara tentang lingkungan pengembangan pilihan Anda. (OS, Editor atau IDE, Browser, Tools, dll)
 32 | * Yang sistem kontrol versi yang Anda kenal?
 33 | * Dapatkah Anda menjelaskan alur kerja Anda ketika Anda membuat halaman web?
 34 | * Jika Anda memiliki 5 stylesheet yang berbeda, bagaimana Anda terbaik mengintegrasikan mereka ke situs ini?
 35 | * Dapatkah Anda menjelaskan perbedaan antara peningkatan progresif dan degradasi anggun?
 36 | * Bagaimana Anda akan mengoptimalkan sebuah website aset / sumber daya?
 37 | * Secara tradisional, mengapa itu lebih baik untuk melayani aset situs dari beberapa domain?
 38 | * Berapa banyak sumber daya akan download browser dari domain yang diberikan pada suatu waktu?
 39 |  * Apa pengecualian?
 40 | * Nama 3 cara untuk mengurangi beban halaman (dirasakan atau waktu buka yang sebenarnya).
 41 | * Jika Anda melompat pada sebuah proyek dan mereka menggunakan tab dan Anda menggunakan ruang, apa yang akan Anda lakukan?
 42 | * Tulis slideshow halaman sederhana
 43 | * Alat apa yang Anda gunakan untuk menguji kinerja kode Anda?
 44 | * Jika Anda bisa menguasai satu teknologi tahun ini, apakah itu?
 45 | * Apa perbedaan antara panjang-Polling, Websockets dan SSE?
 46 | * Jelaskan pentingnya standar dan badan-badan standar.
 47 | * Apa FOUC? Bagaimana Anda menghindari FOUC?
 48 | * Lakukan yang terbaik untuk menggambarkan proses dari saat Anda mengetikkan URL situs web untuk itu menyelesaikan loading pada layar Anda.
 49 | * Jelaskan apa ARIA dan screenreaders, dan bagaimana membuat sebuah website dapat diakses.
 50 | * Jelaskan beberapa pro dan kontra untuk animasi CSS dibandingkan animasi JavaScript
 51 | * Jelaskan permintaan dan respon header berikut:
 52 |   * Diff. antara Expires, Date, Age dan If-Modified-...
 53 |   * DNT
 54 |   * Cache-Control
 55 |   * Transfer-Encoding
 56 |   * ETag
 57 |   * X-Frame-Options
 58 | 
 59 | #### Pertanyaan HTML:
 60 | 
 61 | * Apa yang `doctype` lakukan?
 62 | * Apa perbedaan antara modus standar dan modus quirks?
 63 | * Apa keterbatasan ketika melayani halaman XHTML?
 64 | * Apakah ada masalah dengan melayani halaman sebagai `aplikasi/xhtml+xml`?
 65 | * Bagaimana Anda melayani halaman dengan konten dalam berbagai bahasa?
 66 | * Apa jenis hal yang harus Anda berhati-hati ketika desain atau mengembangkan untuk situs multibahasa?
 67 | * Apa `data` atribut baik untuk?
 68 | * Pertimbangkan HTML5 sebagai platform web terbuka. Apa blok bangunan HTML5?
 69 | * Jelaskan perbedaan antara cookie, sessionStorage dan localStorage.
 70 | * Dapatkah Anda menjelaskan perbedaan antara `GET` dan` POST`?
 71 | * Jelaskan perbedaan antara `<script>`, `<script async>` & `<script defer>`.
 72 | 
 73 | #### Pertanyaan CSS:
 74 | 
 75 | * Apa perbedaan antara CLASS dan ID dalam CSS?
 76 | * Jelaskan apa "reset" CSS berkas dilakukan dan bagaimana hal itu berguna.
 77 | * Jelaskan Mengapung dan bagaimana mereka bekerja.
 78 | * Jelaskan z-index dan bagaimana susun konteks terbentuk.
 79 | * Apa saja berbagai teknik kliring dan yang sesuai untuk konteks apa?
 80 | * Jelaskan sprite CSS, dan bagaimana Anda akan menerapkannya pada halaman atau situs.
 81 | * Apa teknik pengganti gambar favorit Anda dan mana yang Anda gunakan kapan?
 82 | * Hacks properti CSS, kondisional termasuk Css file, atau ... sesuatu yang lain?
 83 | * Bagaimana Anda melayani halaman Anda untuk browser fitur-dibatasi?
 84 |    * Teknik apa / proses yang Anda gunakan?
 85 | * Apa cara yang berbeda untuk visual menyembunyikan konten (dan membuatnya tersedia hanya untuk pembaca layar)?
 86 | * Apakah Anda pernah menggunakan sistem grid, dan jika demikian, apa yang Anda inginkan?
 87 | * Apakah Anda menggunakan atau menerapkan pertanyaan media atau mobile tertentu layout / CSS?
 88 | * Setiap keakraban dengan styling SVG?
 89 | * Bagaimana Anda mengoptimalkan halaman web Anda untuk cetak?
 90 | * Apa adalah beberapa "gotchas" untuk menulis CSS efisien?
 91 | * Apa keuntungan / kerugian dari menggunakan preprosesor CSS? (Sass, Compass, Stylus, LESS)
 92 |    * Jika demikian, jelaskan apa yang Anda suka dan tidak suka tentang preprosesor CSS yang telah digunakan.
 93 | * Bagaimana Anda akan menerapkan desain web comp yang menggunakan font non-standar?
 94 | * Jelaskan bagaimana browser menentukan apa elemen cocok dengan pemilih CSS.
 95 | * Jelaskan pemahaman Anda tentang model kotak dan bagaimana Anda akan memberitahu browser di CSS untuk membuat tata letak Anda dalam model kotak yang berbeda.
 96 | * Apa ```* { box-sizing: border-box; }```? Apa keuntungan?
 97 | * Daftar sebagai banyak nilai untuk properti display yang dapat Anda ingat.
 98 | * Apa perbedaan antara inline dan inline-block?
 99 | * Apa perbedaan antara, tetap, unsur mutlak dan statis diposisikan relatif?
100 | * The 'C' di CSS adalah singkatan dari Cascading. Bagaimana prioritas ditentukan dalam menentukan gaya (beberapa contoh)? Bagaimana Anda bisa menggunakan sistem ini untuk keuntungan Anda?
101 | * Apa yang ada kerangka kerja CSS telah Anda gunakan secara lokal, atau dalam produksi? (Bootstrap, PureCSS, Foundation dll)
102 |    * Jika demikian, yang mana? Jika Anda bisa, bagaimana Anda akan mengubah / memperbaiki mereka?
103 | * Apakah Anda bermain-main dengan yang baru CSS Flexbox atau Grid spesifikasi?
104 | * Bagaimana desain responsif yang berbeda dari desain adaptif?
105 | * Apakah Anda pernah bekerja dengan grafis retina? Jika demikian, kapan dan teknik apa yang Anda gunakan?
106 | 
107 | #### Pertanyaan JS:
108 | 
109 | * Jelaskan delegasi acara
110 | * Jelaskan bagaimana `this` bekerja dalam JavaScript
111 | * Jelaskan karya warisan bagaimana prototypal
112 | * Bagaimana Anda pergi tentang pengujian Anda JavaScript?
113 | * AMD vs CommonJS?
114 | * Jelaskan mengapa berikut tidak bekerja sebagai Iife: `function foo () {} ();`.
115 |   * Apa yang perlu diubah untuk benar menjadikannya sebuah Iife?
116 | * Apa perbedaan antara variabel yaitu: `null`,` undefined` atau `undeclared`?
117 |   * Bagaimana Anda pergi tentang memeriksa untuk negara-negara ini?
118 | * Apa penutupan, dan bagaimana / mengapa Anda akan menggunakan satu?
119 | * Apa kasus penggunaan khas untuk fungsi anonim?
120 | * Bagaimana Anda mengatur kode Anda? (pola modul, warisan klasik?)
121 | * Apa perbedaan antara objek tuan rumah dan benda-benda asli?
122 | * Perbedaan antara: `function Person(){}`, `var person = Person()`, dan `var person = new Person()`?
123 | * Apa perbedaan antara `.call` dan` .apply`?
124 | * Jelaskan `Function.prototype.bind`.
125 | * Bila Anda mengoptimalkan kode Anda?
126 | * Bila Anda akan menggunakan `document.write ()`?
127 | * Apa perbedaan antara fitur deteksi, fitur inferensi, dan menggunakan string UA
128 | * Jelaskan AJAX dalam sedetail mungkin.
129 | * Jelaskan bagaimana JSONP bekerja (dan bagaimana itu tidak benar-benar AJAX).
130 | * Apakah Anda pernah menggunakan JavaScript template?
131 |   * Jika demikian, apa perpustakaan telah Anda gunakan? (Mustache.js, Handlebars dll.)
132 | * Jelaskan "mengangkat".
133 | * Jelaskan acara menggelegak.
134 | * Apa perbedaan antara "atribut" dan "properti"?
135 | * Mengapa memperluas dibangun dalam JavaScript benda bukan ide yang baik?
136 | * Perbedaan antara acara buka dokumen dan dokumen event siap?
137 | * Apa perbedaan antara `==` dan `===`?
138 | * Jelaskan kebijakan yang sama-asal berkaitan dengan JavaScript.
139 | * Membuat pekerjaan ini:
140 | ```javascript
141 | duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
142 | ```
143 | * Mengapa disebut ekspresi Ternary, apa kata "Ternary" menunjukkan?
144 | * Apa  `"use strict";`? apa keuntungan dan kerugian untuk menggunakannya?
145 | * Buat untuk loop yang iterates sampai `100` sementara keluaran **" desis "** di kelipatan `3`, `"buzz"` pada kelipatan `5` dan **" fizzbuzz "** di kelipatan `3` dan `5`
146 | * Mengapa, secara umum, ide yang baik untuk meninggalkan lingkup global dari sebuah situs web seperti apa dan tidak pernah menyentuhnya?
147 | 
148 | #### Pertanyaan Jquery:
149 | 
150 | * Jelaskan "chaining".
151 | * Jelaskan "deferreds".
152 | * Apa sajakah optimasi tertentu jQuery Anda dapat menerapkan?
153 | * Apa iru `.end()` ?
154 | * Nama 4 nilai yang berbeda Anda dapat lulus dengan metode jQuery.
155 |  * Selector (string), HTML (string), Callback (function), HTML element, object, array, element array, jQuery Object, dll
156 | * Apa perbedaan antara `.get()`, `[]`, dan `.eq()`?
157 | 
158 | #### Pertanyaan Coding:
159 | 
160 | * Pertanyaan: Bagaimana Anda akan membuat pekerjaan ini *
161 | ```javascript
162 | add(2, 5); // 7
163 | add(2) (5); // 7
164 | ```
165 | 
166 | * Pertanyaan: Apa nilai dikembalikan dari pernyataan berikut *?
167 | ```javascript
168 | "i'm a lasagna hog".split("").reverse().join("");
169 | ```
170 | 
171 | * Pertanyaan: Apakah nilai `window.foo`?*
172 | ```javascript
173 | (Window.foo || (window.foo = "bar"));
174 | ```
175 | 
176 | * Pertanyaan: Apa hasil dari dua tanda di bawah ini *
177 | ```javascript
178 | var foo = "Hello"; 
179 | (function() { 
180 |   var bar = " World"; 
181 |   alert(foo + bar); 
182 | })(); 
183 | alert(foo + bar);
184 | ```
185 | 
186 | * Pertanyaan: Apakah nilai `foo.length` *
187 | ```javascript
188 | var foo = [];
189 | foo.push (1);
190 | foo.push (2);
191 | ```
192 | 
193 | #### Pertanyaan Seru:
194 | 
195 | * Apa proyek keren yang Anda baru saja bekerja pada?
196 | * Apa sajakah hal-hal yang Anda sukai tentang alat pengembang yang Anda gunakan?
197 | * Apakah Anda memiliki proyek hewan peliharaan? Jenis apa?
198 | * Apa fitur favorit Anda Internet Explorer?
199 | * Bagaimana Anda seperti kopi Anda?
200 | 
201 | 
202 | #### Contributors:
203 | 
204 | Dokumen ini dimulai pada tahun 2009 sebagai kolaborasi [@paul_irish](http://twitter.com/paul_irish) [@bentruyman](http://twitter.com/bentruyman) [@cowboy](http://twitter.com/cowboy) [@ajpiano](http://twitter.com/ajpiano)  [@SlexAxton](http://twitter.com/slexaxton) [@boazsender](http://twitter.com/boazsender) [@miketaylr](http://twitter.com/miketaylr) [@vladikoff](http://twitter.com/vladikoff) [@gf3](http://twitter.com/gf3) [@jon_neal](http://twitter.com/jon_neal) [@sambreed](http://twitter.com/sambreed) dan [@iansym](http://twitter.com/iansym). Sejak itu menerima sumbangan dari [100 developers](https://github.com/h5bp/Front-end-Developer-Interview-Questions/graphs/contributors). 
205 | 


--------------------------------------------------------------------------------
/Translations/Italian/README_IT.md:
--------------------------------------------------------------------------------
  1 | #Domande per il colloquio di lavoro per front-end
  2 | 
  3 | Questo repository contiene una serie di domande che possono essere usate nei colloqui di lavoro quando si esaminano i potenziali candidati per il ruolo di front-end. Non è affatto consigliato usare ogni singola domanda con lo stesso candidato (richiederebbe ore). Scegliere alcune di queste domande dalla lista dovrebbe aiutarti ad esaminare le skill che richiedi.
  4 | 
  5 | L'articolo [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) di [Rebecca Murphey](http://rmurphey.com/) è un'ottima risorsa da leggere prima di affrontare un colloquio.
  6 | 
  7 | **Nota:** Tieni presente che molte di queste domande sono a risposta aperta e possono portare a interessanti discussioni che ti possono far capire le capacità di una persona più di quello che farebbe una risposta diretta.
  8 | 
  9 | ## <a name='toc'>Indice dei Contenuti</a>
 10 | 
 11 |   1. [Collaboratori Originali](#contributors)
 12 |   1. [Domande Generali](#general)
 13 |   1. [Domande Specifiche su HTML](#html)
 14 |   1. [Domande Specifiche su CSS](#css)
 15 |   1. [Domande Specifiche su JS](#js)
 16 |   1. [Domande Specifiche su jQuery](#jquery)
 17 |   1. [Domande con Codice](#jscode)
 18 |   1. [Domande per Divertimento](#fun)
 19 |   1. [Altre Ottime Risorse](#references)
 20 | 
 21 | ####[[⬆]](#toc) <a name='contributors'>Collaboratori Originali:</a>
 22 | 
 23 | La maggior parte delle domande sono state prese da una discussione su [oksoclap](http://oksoclap.com/) originariamente creata da [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) e con il contributo delle seguenti persone:
 24 | 
 25 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 26 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 27 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 28 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 29 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 30 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 31 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 32 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 33 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 34 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 35 | * [@iansym](http://twitter.com/iansym) - http://twitter.com/iansym
 36 | 
 37 | ####[[⬆]](#toc) <a name='general'>Domande Generali:</a>
 38 | 
 39 | * Cosa hai imparato ieri/questa settimana?
 40 | * Cosa ti entusiasma o ti interessa della programmazione?
 41 | * Quali considerazioni fai riguardo alla UI, alla Sicurezza, alle Prestazioni, al SEO, alla Manutenibilità o alla Tecnologia mentre costruisci una applicazione web o un sito?
 42 | * Parla del tuo ambiente di sviluppo preferito. (Sistema Operativo, Editor di testo, Browser, Strumenti ecc.)
 43 | * Puoi descrivere il tuo metodo di lavoro quando crei una pagina web?
 44 | * Puoi descrivere la differenza tra miglioramento progressivo [*progressive enhancement*] e degradazione elegante [*graceful degradation*]?
 45 | 	* Punti bonus se descrive il rilevamento di funzionalità [*feature detection*]
 46 | * Spiega cosa significa "HTML Semantico".
 47 | * Come ottimizzeresti le risorse/asset di un sito?
 48 | 	* Mi aspetto svariate soluzioni che possono includere:
 49 | 		* Concatenazione dei file
 50 | 		* Minimizzazione [*minification*] dei file
 51 | 		* Uso di CDN
 52 | 		* Caching
 53 | 		* ecc...
 54 | * Perché è meglio servire file per il sito da più domini?
 55 | 	* Quante risorse scaricherà per volta un browser da uno specifico dominio?
 56 | * Citami 3 modi per diminuire il caricamento della pagina. (percepito o effettivo tempo di caricamento)
 57 | * Se cominci a lavorare su un progetto già iniziato dove vengono usati tab invece di spazi, cosa fai?
 58 | 	* Suggerisci di usare per il progetto qualcosa tipo EditorConfig (http://editorconfig.org)
 59 | 	* Ti adatti alle convezioni (rimani coerente)
 60 | 	* `issue :retab! command`
 61 | * Scrivi una semplice pagina con slideshow
 62 | 	* Punti bonus se non utilizza JS.
 63 | * Che strumenti usi per testare le prestazioni del tuo codice?
 64 | 	* Profiler, JSPerf, Dromaeo
 65 | * Se potessi approfondire una tecnologia quest'anno, quale sarebbe?
 66 | * Spiega l'importanza degli standard e degli enti di normazione.
 67 | * Cosa è il FOUC? Come eviti il FOUC?
 68 | 
 69 | ####[[⬆]](#toc) <a name='html'>Domande Specifiche su HTML:</a>
 70 | 
 71 | * Cosa fa il `doctype`?
 72 | * Qual è la differenza tra standard mode e quirks mode?
 73 | * Quali sono le limitazioni quando servi pagine XHTML?
 74 | 	* Ci sono dei problemi a servire le pagine come `application/xhtml+xml`?
 75 | * Come servi una pagina con il contenuto in più lingue?
 76 | 	* A cosa devi far attenzione quando progetti o sviluppi siti multilingua?
 77 | * Per cosa sono utili gli attributi `data-`?
 78 | * Considera HTML5 come una piattaforma web aperta. Quali sono i mattoni di HTML5?
 79 | * Descrivi le differenze tra cookie, sessionStorage e localStorage.
 80 | 
 81 | ####[[⬆]](#toc) <a name='css'>Domande Specifiche su CSS:</a>
 82 | 
 83 | * Descrivi cosa fa un file CSS "reset" e in cosa è utile.
 84 | * Descrivi i Float e come funzionano.
 85 | * Quali sono le varie tecniche di clearing e quale è appropriata per quale contesto?
 86 | * Spiega gli sprite CSS, e come li implementeresti in una pagina o in un sito.
 87 | * Quali sono le tue tecniche di sostituzione immagini [*image replacement*] preferite e quale usi quando?
 88 | * Hack delle proprietà CSS, file .css inclusi con condizioni, o... altro?
 89 | * Come servi le tue pagine per i browser con funzionalità limitate?
 90 | 	* Che tecniche/processi usi?
 91 | * Quali sono i vari modi per nascondere visualmente il contenuto (e renderlo disponibile solo per gli screen reader)?
 92 | * Hai mai usato un sistema di griglie [*grid system*], e se sì, qual è il tuo preferito?
 93 | * Hai mai usato o implementato media queries o CSS/layout specifici per mobile?
 94 | * Familiarità con lo styling SVG?
 95 | * Come ottimizzi le tue pagine web per la stampa?
 96 | * Quali sono alcuni dei "trucchi" per scrivere CSS efficiente?
 97 | * Quali sono i vantaggi/svantaggi nell'usare i preprocessori CSS? (SASS, Compass, Stylus, LESS)
 98 | 	* Se sì, descrivi cosa ti piace e cosa non ti piace dei preprocessori CSS che hai usato.
 99 | * Come implementeresti una grafica web che usa font non standard?
100 | 	* Webfonts (servizi di font tipo: Google Webfonts, Typekit, ecc...)
101 | * Spiega come un browser determina quali elementi corrispondono a un selettore CSS.
102 | * Spiega la tua comprensione del box model e come useresti i CSS per dire al browser di rappresentare il tuo layout nei vari box model.
103 | 
104 | ####[[⬆]](#toc) <a name='js'>Domande Specifiche su JS:</a>
105 | 
106 | * Spiega l'event delegation.
107 | * Spiega come funziona `this` in JavaScript.
108 | * Spiega come funziona l'ereditarietà prototipale [*prototypal inheritance*].
109 | * Come fai a testare il tuo codice JavaScript?
110 | * AMD contro CommonJS?
111 | * Cosa è una hashtable?
112 | * Spiega perché il seguente codice non funziona come UN IIFE: `function foo(){ }();`. 
113 |   * Cosa c'è bisogno di cambiare per renderlo correttamente un IIFE?
114 | * Quale è la differenza tra una variabile che è: `null`, `undefined` or `undeclared`?
115 |   * Come faresti per controllare questi stati?
116 | * Cosa è una chiusura [*closure*], e come/perché ne useresti una?
117 | * Qual è l'uso tipico di una funzione anonima?
118 | * Spiega il "JavaScript module pattern" e quando lo useresti.
119 | 	* Punti bonus se menziona namespacing pulito.
120 | 	* E se i tuoi moduli sono senza namespace?
121 | * Come organizzi il tuo codice? (module pattern, ereditarietà classica?)
122 | * Qual è la differenza tra oggetti host e oggetti nativi?
123 | * Differenza tra: `function Person(){}`, `var person = Person()`, e `var person = new Person()`?
124 | * Qual è la differenza tra `.call` e `.apply`?
125 | * Spiega `Function.prototype.bind`?
126 | * Quando ottimizzi il tuo codice?
127 | * Puoi spiegare come funziona l'ereditarietà in JavaScript?
128 | * Quando useresti `document.write()`?
129 | 	* La maggior parte delle pubblicità usa `document.write()` sebbene il suo utilizzo venga malvisto
130 | * Qual è la differenza tra il rilevamento di funzionalità [*feature detection*], la deduzione di funzionalità [*feature inference*], e l'uso della stringa UA
131 | * Spiega AJAX nel modo più dettagliato possibile
132 | * Spiega come funziona JSONP (e come non è veramente AJAX)
133 | * Hai mai usato il templating JavaScript?
134 | 	* Se se sì, quali librerie hai utilizzato?  (Mustache.js, Handlebars ecc...)
135 | * Spiega "hoisting".
136 | * Descrivi l'event bubbling.
137 | * Qual è la differenza tra un "attribute" e una "property"?
138 | * Perché extending built negli oggetti JavaScript non è una buona idea?
139 | * Perché extending built è una buona idea?
140 | * Differenza tra l'evento document load e l'evento document ready?
141 | * Qual è la differenza tra `==` e `===`?
142 | * Spiega come prenderesti il parametro query string dall'URL della finestra del browser.
143 | * Spiega la policy "stessa origine" [*same-origin*] per quanto riguarda JavaScript.
144 | * Descrivi i pattern di ereditarietà in JavaScript.
145 | * Cosa ottieni da:
146 | ```javascript
147 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
148 | ```
149 | * Descrivi la tecnica della memoizzazione (evitando la ripetizione del calcolo) in JavaScript.
150 | * Perché è chiamata espressione Ternaria, cosa indica la parola "Ternaria"?
151 | * Cosa è l'arietà di una funzione?
152 | * Cosa è `"use strict";`? Quali sono i vantaggi e gli svantaggi nell'usarlo?
153 | 
154 | ####[[⬆]](#toc) <a name='jquery'>Domande Specifiche su jQuery:</a>
155 | 
156 | * Spiega la "concatenazione" [*chaining*].
157 | * Spiega "deferreds".
158 | * Quali sono alcune ottimizzazioni specifiche per jQuery che puoi implementare?
159 | * Cosa fa `.end()`?
160 | * Come, e perché, assegneresti un namespace al gestore di un evento?
161 | * Citami 4 differenti valori che puoi passare al metodo jQuery.
162 | 	* Selettore [*selector*] (testo), HTML (testo), Callback (funzione), HTMLElement, oggetti, array, element array, oggetto jQuery, ecc...
163 | * Cosa è la coda di effetti [*fx queue*]?
164 | * Qual è la differenza tra `.get()`, `[]`, e `.eq()`?
165 | * Qual è la differenza tra `.bind()`, `.live()`, e `.delegate()`?
166 | * Qual è la differenza tra `$` e `$.fn`? O anche solo cosa è `$.fn`.
167 | * Ottimizza questo selettore:
168 | ```javascript
169 | $(".foo div#bar:eq(0)")
170 | ```
171 | 
172 | ####[[⬆]](#toc) <a name='jscode'>Domande con Codice:</a>
173 | 
174 | 
175 | ```javascript
176 | modulo(12, 5) // 2
177 | ```
178 | *Domanda: Implementa la funzione modulo che soddisfi quanto sopra*
179 | 
180 | 
181 | ```javascript
182 | "i'm a lasagna hog".split("").reverse().join("");
183 | ```
184 | *Domanda: Quale valore viene ritornato dalla dichiarazione qui sopra?*
185 | 
186 | **Risposta: "goh angasal a m'i"**
187 | 
188 | ```javascript
189 | ( window.foo || ( window.foo = "bar" ) );
190 | ```
191 | *Domanda: Qual è il valore di `window.foo?`*
192 | 
193 | **Risposta: "bar"** *(solo se `window.foo` era falso altrimenti manterrà il suo valore)*
194 | 
195 | ```javascript
196 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
197 | ```
198 | *Domanda: Qual è il risultato dei due alert qui sopra?*
199 | 
200 | **Risposta: "Hello World" & ReferenceError: bar is not defined**
201 | 
202 | ```javascript
203 | var foo = [];
204 | foo.push(1);
205 | foo.push(2);
206 | ```
207 | *Domanda: Qual è il valore di `foo.length`?*
208 | 
209 | **Risposta: `2`**
210 | 
211 | ####[[⬆]](#toc) <a name='fun'>Domande per Divertimento:</a>
212 | 
213 | * Qual è la cosa più bella che hai mai sviluppato, di cosa sei più orgoglioso?
214 | * Quali sono le tue parti preferite degli strumenti di sviluppo che usi?
215 | * Hai qualche progetto personale? Di che tipo?
216 | * Qual è la tua feature preferita di Internet Explorer?
217 | 
218 | ####[[⬆]](#toc) <a name='references'>Altre Ottime Risorse:</a>
219 | 
220 | * http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before
221 | * http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/
222 | * http://css-tricks.com/interview-questions-css/
223 | 


--------------------------------------------------------------------------------
/Translations/Japanese/README.md:
--------------------------------------------------------------------------------
  1 | #フロントエンドデベロッパー面接時の質問事項
  2 | 
  3 | @バージョン 2.0.0
  4 | 
  5 | 本レポジトリはフロントエンドデベロッパー志願者のポテンシャルを見極めるのに有効な面接時の質問事項を列挙します。全ての下記質問事項を一人の志願者に聞くことは推奨されません（それは数時間もかかってしまうでしょう）。あなたが必要としているスキルを見極めるためには、下記の質問リストからいくつかの項目を選択するのがよいでしょう。
  6 | 
  7 | [Rebecca Murphey](http://rmurphey.com/)の[Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/)もとても参考になるので面接前によく読むことをおすすめします。
  8 | 
  9 | **注意:** これらの質問の多くはオープンエンド型の質問であり、志願者から興味深い考えを引き出すことができるでしょう。この回答は単純でストレートな回答よりもより志願者の能力を見極めるのに役立ちます。
 10 | 
 11 | #### オリジナルのコントリビューター
 12 | 
 13 | 質問の多くは[Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish))と下記のコントリビューターによって作成された[oksoclap](http://oksoclap.com/)スレッドをもとに作成されています。
 14 | 
 15 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 16 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 17 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 18 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 19 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 20 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 21 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 22 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 23 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 24 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 25 | * [@darcy](http://twitter.com/darcy) - http://darcyclarke.me
 26 | * [@iansym](http://twitter.com)
 27 | 
 28 | ### 一般的な質問事項
 29 | 
 30 | * 昨日・今週に何を学びましたか？
 31 | * 何があなたをコーディングに惹きつけていますか？
 32 | * 好きな開発環境について教えてください。（OS、エディタ、ブラウザ、ツール等）
 33 | * webページを作るときのあなたのワークフローを教えてください。
 34 | * プログレッシブエンハンスメントとグレースフルデグラデーションの違いを説明してください。
 35 |   * フィーチャーディテクションの説明もできるとボーナスポイント。
 36 | * 「セマンティックHTML」の意味を説明してください。
 37 | * ウェブサイトのアセット・リソースの最適化をどのように行いますか？
 38 |   * 下記のようないくつかのソリューションが期待されます。
 39 |     * ファイル結合
 40 |     * ファイルの縮小
 41 |     * CDNホスティング
 42 |     * キャッシュ利用
 43 |     * など
 44 | * 複数のドメインからアセットを提供したほうがよい理由は何ですか？
 45 | * 一度にブラウザが与えられたドメインからダウンロードできるリソースの数はいくつですか？
 46 |   * 例外は何ですか？
 47 | * ページロードを減らす３つの方法を挙げてください。
 48 | * プロジェクトに加入したときに、もし彼らがタブを使い、あなたがスペースを使っていたとしたらどうしますか？
 49 |   * EditorConfig (http://editorconfig.org) といったプラグインを利用するように提案する
 50 |   * 慣習に従う (一貫性を保つ)
 51 |   * `issue :retab! command`
 52 | * シンプルなスライドショーのページを書いてください。
 53 |   * JSを使わなかったらボーナスポイント。
 54 | * コードのパフォーマンスをテストするのにどんなツールを使いますか？
 55 |   * プロファイラー、JSPerf、Dromaeo
 56 | * もし今年１つの技術をマスターできるとしたら、何をマスターしますか？
 57 | * 標準化と標準化団体の重要性を説明してください。
 58 | * FOUCとは何ですか？ どのようにFOUCを防ぐことができますか？
 59 | 
 60 | ### HTMLに関する質問事項
 61 | 
 62 | * `doctype`は何をしているか説明してください。
 63 | * スタンダードモードとクアークスモードの違いは何ですか？
 64 | * XHTMLページを提供するときの制限は何ですか？
 65 |   * `application/xhtml+xml`としてページを提供することに何か問題はありますか？
 66 | * 多言語でコンテンツをどのように提供しますか？
 67 |   * 多言語化サイトのデザイン・開発時にどのようなことに注意すべきですか？
 68 | * `data-`属性は何にとって良いですか？
 69 | * HTML5をオープンなWEBプラットフォームとしてみなしましょう。HTML5の基本的な構成要素は何ですか？
 70 | * クッキー、セッションストレージ、ローカルストレージの違いを述べてください。
 71 | 
 72 | ### JSに関する質問事項
 73 | 
 74 | * イベントデリゲーションを説明してください。
 75 | * JavaScriptにおいて`this`がどのように機能するか説明してください。
 76 | * プロトタイプ継承がどのように機能するか説明してください。
 77 | * JavaScriptをテストするのにどのように対処しますか？
 78 | * AMDとCommonJS、何が違いますか？
 79 | * ハッシュテーブルとは何ですか？
 80 | * `undefined`と`undeclared`変数は何ですか？
 81 | * クロージャとは何ですか？　どのように、そしてなぜそれを使うのですか？
 82 |   * クロージャを作成するときに使うあなたの好きなパターンは何ですか？ （即時実行関数表現にのみ適用）
 83 | * 匿名関数が有効な典型的なユースケースは何ですか？
 84 | * 「JavaScriptモジュールパターン」とそれを使う場面を説明してください。  
 85 |   * 名前空間について述べたらボーナスポイント。
 86 |   * もしモジュールが名前空間無しだとしたらどうなりますか？
 87 | * コードをどのように整理しますか？（モジュールパターン、古典的な継承を使う？）
 88 | * ホストオブジェクトとネイティブオブジェクトの違いは何ですか？
 89 | * 下記コードの違いは何？`function Person(){}`, `var person = Person()`, `var person = new Person()`
 90 | * `.call`と`.apply`の違いは何ですか？
 91 | * `Function.prototype.bind`を説明してください。
 92 | * いつコードを最適化しますか？
 93 | * JavaScriptにおいてどのように継承が機能しているか説明してください。
 94 | * `document.write()`はいつ使いますか？
 95 |   * 生成される広告の多くはいまだに嫌われている方法である`document.write()`を活用しています。
 96 | * feature detection, feature inference, UA stringの使用の違いは何ですか？
 97 | * AJAXをできるだけ詳しく述べてください。
 98 | * JSONPがどのように機能するか述べてください。(またそれがどのようにAJAXとは異なっているのか)
 99 | * JavaScriptテンプレートは使ったことはありますか？
100 |   * 使ったことがあるのなら、何のライブラリを使いましたか？（Mustache.js, Handlebarsなど）
101 | * 「巻き上げ」を説明してください。
102 | * イベントバブリングを説明してください。
103 | * 「属性」と「プロパティ」の違いは何ですか？
104 | * どうしてビルトインJavaScriptを拡張することは良くないのですか？
105 | * ドキュメントロードイベントとドキュメントレディイベントの違いを述べてください。
106 | * `==`と`===`の違いは何ですか？
107 | * ブラウザのウィンドウURLからクエリ文字列をどのように取得するかを説明してください。
108 | * JSに関するsame-origin policyを説明してください。
109 | * JavaScriptにおける継承パターンを述べてください。
110 | * 下記を動くように書き変えてください。
111 | ```javascript
112 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
113 | ```
114 | * JavaScriptにおけるメモ化（計算の繰り返しの回避）の方針について述べてください。
115 | * 三項演算子と呼ばれる理由は何ですか？ 「三項」という言葉が示していることは何ですか？
116 | * 関数のarityとは何ですか?
117 | * `"use strict";`とは何ですか? これを使うことのメリット、デメリットは何ですか？
118 | 
119 | ### JSコードの例
120 | 
121 | ```javascript
122 | ~~3.14
123 | ```
124 | 質問: 上ステートメントで得られる値は何ですか？
125 | **回答: 3**
126 | 
127 | ```javascript
128 | "i'm a lasagna hog".split("").reverse().join("");
129 | ```
130 | 質問: 上ステートメントで得られる値は何ですか？
131 | **回答: "goh angasal a m'i"**
132 | 
133 | ```javascript
134 | ( window.foo || ( window.foo = "bar" ) );
135 | ```
136 | 質問: window.fooの値は何ですか？
137 | **回答: "bar"**
138 | window.fooがfalseと判断される場合のみ。trueの場合はその値を保持し続ける。
139 | 
140 | ```javascript
141 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
142 | ```
143 | 質問: 上2つのアラートの結果はどうなりますか？
144 | **回答: "Hello World" & ReferenceError: bar is not defined**
145 | 
146 | ```javascript
147 | var foo = [];
148 | foo.push(1);
149 | foo.push(2);
150 | ```
151 | 質問: foo.lengthの値はどうなりますか?
152 | **回答: `2`**
153 | 
154 | ```javascript
155 | var foo = {};
156 | foo.bar = 'hello';
157 | ```
158 | 質問: foo.lengthの値はどうなりますか?
159 | **回答: `undefined`**
160 | 
161 | ### jQueryに関する質問事項
162 | 
163 | * 「chaining（チェイン）」を説明してください。
164 | * 「deferreds」を説明してください。
165 | * jQueryに関する最適化としてどんなことができますか？
166 | * `.end()`は何ですか?
167 | * イベントハンドラに名前空間を与えるにはどのようにすればいいですか。またなぜ名前空間を与えますか。
168 | * jQueryメソッドに渡すことができる4つの異なる値を挙げてください。
169 |   * セレクター (string)、HTML (string)、コールバック (function)、HTMLエレメント、オブジェクト、配列、エレメントの配列、jQueryオブジェクト等
170 | * エフェクト(あるいはfx)キューとは何ですか?
171 | * `.get()`、 `[]`、`.eq()`の違いは何ですか？
172 | * `.bind()`、`.live()`、`.delegate()`の違いは何ですか？
173 | * `$`、`$.fn`の違いは何ですか？ 単に`$.fn`と書いた場合はどうですか？
174 | * 下記のセレクターを最適化してください:
175 | ```javascript
176 | $(".foo div#bar:eq(0)")
177 | ```
178 | * `delegate()`と`live()`の違いは何ですか？
179 | 
180 | 
181 | ### CSSに関する質問事項
182 | 
183 | * 'reset' CSSファイルとは何ですか？　またその有用性は何ですか？
184 | * フロートとそれらがどのように機能するかを説明してください。
185 | * フロートクリアの様々なテクニックは何ですか？その内のどれが適切でそれはどんな状況ですか？  
186 | * CSSスプライトを説明してください。またページやサイトでそれをどのように実装しますか？
187 | * 1番好きな画像置き換えテクニックは何ですか？またいつどのテクニックを使いますか？
188 | * .cssファイルに含み得るCSSハックは何ですか？また.cssファイル以外ではどうしますか？
189 | * 機能が制限されたブラウザに対してどのようにページを提供しますか？
190 |   * どんなテクニック、プロセスを使いますか？
191 | * コンテンツを視覚的に見えなくするのにどんな方法がありますか？（またスクリーンリーダーユーザーのみに見えるようにする方法は何ですか？）
192 | * グリッドシステムを使ったことはありますか？　使い続けたいと思いましたか？
193 | * メディアクエリ、あるいはモバイルに特化したレイアウト、CSSを組んだことはありますか？
194 | * SVGのスタイリングの知識は何かしら持っていますか？
195 | * 印刷用ページの最適化はどのように行いますか？
196 | * CSS記述における「gotchas（見落としがちなミス）」は何ですか？
197 | * CSSプリプロセッサのメリット、デメリットは何ですか？（SASS、Compass、Stylus、LESS）
198 |   * 使ったことのあるCSSプリプロセッサについてそれの好きなところ、嫌いなところを説明してください。  
199 | * 非標準のフォントを使用したwebデザインカンプをどのように実装しますか？
200 |   * ウェブフォント（Googleウェブフォント、Typekit 等)
201 | * ブラウザがどのようにあるエレメントがどのCSSセレクタにマッチするかを決定しているかを説明してください。
202 | 
203 | ### その他の質問事項
204 | 
205 | * あなたがコーディングした中で一番素晴らしいものは何ですか？　何が一番誇れますか？
206 | * あなたが使っている開発者ツールの一番好きなところは何ですか？
207 | * 何か暖めてるアイディアは持っていますか？　それはどんなものですか？
208 | * インタネットエクスプローラーの最も好きな機能は何ですか？
209 | 


--------------------------------------------------------------------------------
/Translations/Korean/README_KR.md:
--------------------------------------------------------------------------------
  1 | #면접 문제 은행
  2 | 
  3 | @version 1.0
  4 |  
  5 | ##Contributors
  6 | 
  7 | @bentruyman (http://bentruyman.com/), @roger_raymond (http://twitter.com/iansym), @ajpiano (http://ajpiano.com/), @paul_irish (http://paulirish.com/), @SlexAxton (http://alexsexton.com/), @boazsender (http://boazsender.com/), @miketaylr (http://miketaylr.com/), @vladikoff (http://vladfilippov.com/), @gf3 (http://gf3.ca/), @jon_neal (http://twitter.com/jon_neal), @wookiehangover (http://wookiehangover.com/) and @darcy_clarke (http://darcyclarke.me)
  8 | 
  9 | ##한국어 번역(한국 상황에 맞춰서 약간 수정 하였습니다.)
 10 | @ohgyun(http://ohgyun.com), @nerdog, @javarouka, @Songhun(http://songhun.blogspot.com)
 11 | 
 12 | ## 일반적인 질문:
 13 | 
 14 | * Twitter,Facebook 혹은 Me2day등의 SNS를 사용하시나요?
 15 | 	* 사용한다면, 누구를 팔로우 하고 있나요?
 16 | * GitHub을 사용하시나요?
 17 | 	* 사용한다면, 어떤 프로젝트를 Watch 혹은 Fork하시나요?
 18 | * 자주 보는 Blog가 있습니까?
 19 | * 버전 관리 시스템은 어떤 것들을 사용해보셨습니까?
 20 | * 선호하는 개발 환경은 무엇입니까? (운영체제, 에디터, 브라우저, 도구 등등)
 21 | * 당신이 웹 페이지를 만들 때의 과정을 설명 해주실 수 있을까요?
 22 | * 점진적 향상법(progressive enhancement)과 우아한 성능저하법(graceful degradation)의 차이를 설명하실 수 있습니까?
 23 | 	* "누구도 성공하지 못합니다" 라고 말하면 보너스 포인트를 주세요.
 24 | 	* 각 특색을 설명을 한다면, 더 높은 보너스 포인트를 주세요.
 25 | * "시멘틱 HTML(Semantic HTML)"이 무엇을 뜻하는지 설명해주세요.
 26 | * "최소화(minification)"가 무엇을 하는 것입니까?
 27 | * 여러 도메인을 이용하여 서버 사이트 데이터를 제공하는 것이 더 나은 이유는 무엇인가요?
 28 | 	* 브라우저가 한 번에 1개의 도메인에서 다운로드 받는 리소스는 몇 개 인가요?
 29 | * 만약에 디자인을 표현하기 위해 8개의 다른 Stylesheet를 가지고 있다면, 사이트에서는 어떻게 통합하실 건가요?
 30 | 	* 파일의 연결법을 찾아내세요.
 31 | 	* Build system을 이용한 결합없이, `@import`를 사용하면 점수를 깎으세요.
 32 | * 당신이 프로젝트에 합류했습니다. 근데 그들은 Tab을 이용하고, 당신은 Sapce를 사용했습니다. 어떻게 하실건가요?
 33 | 	* `:retab!` 명령어를 아는지 확인
 34 | * 간단한 Slideshow 페이지를 만들어보세요.
 35 | 	* Javascript를 사용하지 않고 만들었다면, 보너스 점수가 있습니다.
 36 | * 당신의 코드의 성능을 테스트하기 위해서 사용하는 도구가 무엇입니까?
 37 | * 올해 당신이 익히고 싶은 기술이 있다면, 그것은 무엇입니까?
 38 | * 페이지 로딩 시간을 줄이는 3가지 방법은?
 39 | * 표준의 중요함을 설명하세요.
 40 | 
 41 | ## HTML에 관련된 질문들:
 42 | 
 43 | * `doctype`이 무엇을 하는 것이고, 몇 번 지정할 수 있나요?
 44 | * 표준모드(standards mode)와 쿽스모드(quirks mode)의 다른 점은 무엇인가요?
 45 | * XHTML을 이용한 페이지의 한계점은 무엇이 있나요?
 46 | 	* `application/xhtml+xml`으로 지정한 페이지에 어떠한 문제가 있나요?
 47 | * 다국어가 포함된 페이지는 어떤 방식으로 제공하나요?
 48 | * HTML5에서 XHTML문법을 사용할 수 있나요? HTML5에서 XML을 어떻게 사용하나요?
 49 | * `data-`속성은 무엇을 하는 것인가요?
 50 | * HTML4에서 콘텐츠 모델(content models)은 무엇이며, HTML5의 그것과 다른 점은 무엇인가요?
 51 | * HTML5를 오픈웹플랫폼(open web platform)으로 생각해본다면, 어떤 것들로 구성돼 있을까요?
 52 | * 쿠키(Cookies)와 세션저장소(sessionStorage)와 로컬저장소(localStorage)의 차이점을 설명해주세요.
 53 | 
 54 | ## Javascript에 관련된 질문들:
 55 | 
 56 | * 사용해 본 Javascript 라이브러리들을 말씀해주세요.
 57 | * Java와 Javascript의 다른 점은 무엇인가요?
 58 | * `undefined`와 `undeclared` 변수는 무엇인가요?
 59 | * 클로져(Closure)는 무엇이며, 어떻게/왜 사용하는지 설명해주세요.
 60 | 	* 클로져를 만들 때 선호하는 패턴은 무엇인가요? argyle (IIFEs에만 적용할 수 있다)
 61 | * 익명함수(anonymous functions)는 주로 어떤 상황에서 사용하나요?
 62 | * "Javascript 모듈 패턴(Javascript module pattern)"이 무엇인지 설명을 해주시고, 언제 사용하는지도 말씀해주시기 바랍니다.
 63 | 	* "네임스페이스(namespacing)"에 대해서 언급을 하면, 보너스 포인트가 있습니다.
 64 | 	* 당신의 모듈이 네임스페이스가 없는 상황이라면?
 65 | * 당신의 코드를 어떻게 구성하는지?(모듈 패턴, Class기반 상속?)
 66 | * 호스트 객체(Host Objects)와 네이티브 객체(Native Objects)의 차이점은 무엇인가요?
 67 | * 다음 코드의 차이점은 무엇인가요?
 68 | ```javascript
 69 | function Person(){} var person = Person() var person = new Person()
 70 | ```
 71 | * `.call`과 `.apply`의 차이점은 무엇인가요?
 72 | * `Function.prototype.bind`을 설명 하시오
 73 | * 코드 최적화를 하는 시점은 언제인가요?
 74 | * Javascript에서 어떻게 상속을 하는지 설명할 수 있나요?
 75 | 	* "누구도 할 수 없어요" 같은 재밌는 대답 시에 보너스 포인트가 있습니다.
 76 | 	* 안되는 이유에 대해서 설명을 시도한다면, 더 많은 점수를 주세요.
 77 | * `document.write()`를 언제 사용하시나요?
 78 | 	* 정답 : 1999년 - 초보개발자를 걸러내기 위한 시절
 79 | * UA문자열을 이용하여 기능 검출(feature detection)과 기능 추론(feature inference)의 차이점을 설명 하시오.
 80 | * AJAX에 관해 가능한 자세히 설명하세요.
 81 | * JSONP가 어떻게 동작 되는지 설명하세요.(그리고,실제 AJAX와 어떻게 다른지 설명하세요.)
 82 | * 기존에 Javascript 템플릿을 사용한 적이 있나요? 만약에 있다면, 어떠한 방식으로 사용했는지 말씀해주세요.
 83 | * "호이스팅(Hoisting)"에 대해서 설명 하시오.
 84 | * FOUC가 무엇이며 FOUC를 어떻게 방지하나요?
 85 | * 이벤트 버블링(Event Bubbling)에 대해서 설명하세요.
 86 | * "속성(Attribute)"와 "요소(property)"의 차이가 무엇인가요?
 87 | * Javascript 객체를 확장하는 것이 좋지 않은 이유는 무엇인가요?
 88 | * Document Load 이벤트와 Ready 이벤트의 차이가 무엇인가요?
 89 | * `==`와 `===`의 차이점은 무엇인가요?
 90 | * 브라우저의 URL에서 파라메터를 얻을 수 있는 방법에 대해서 설명하세요.
 91 | * Javascript의 "동일출처정책(the same-origin policy)"에 대해서 설명하세요.
 92 | * 이벤트 딜리게이션(Event Delegation)에 대해서 설명하세요.
 93 | * Javascript의 상속패턴(inheritance patterns)에 대해서 설명하세요.
 94 | * 다음 코드를 동작하게 만드세요.
 95 | ```javascript
 96 | [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
 97 | ```
 98 | * Javascript에서 메모이제이션(memoization, 중복 계산 방지)에 대한 전략을 설명해주세요.
 99 | * 삼항식(Ternary statement)을 사용하는 이유는 무엇이고, 그것을 표현하기 위한 연산자 단어는 무엇인가요?
100 | * arity는 어떠한 함수인가요?
101 | 
102 | ## Javascript 코드 예제:
103 | 
104 | ```javascript
105 | >~~3.14
106 | ```
107 | 문제: 위 상황의 결과 값은?
108 | 
109 | **답: 3**
110 | 
111 | ```javascript
112 | "i'm a lasagna hog".split("").reverse().join("");
113 | ```
114 | 문제: 위 상황의 결과 값은?
115 | 
116 | **답: "goh angasal a m'i"**
117 | 
118 | ```javascript
119 | ( window.foo || ( window.foo = "bar" ) );
120 | ```
121 | 문제: window.foo의 값은 무엇인가요?
122 | 
123 | **답: "bar"**
124 | 
125 | 처음에 window.foo는 false, undefined 혹은 0등의 값을 가지고 있다.
126 | 
127 | ```javascript
128 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
129 | ```
130 | 문제: 어떠한 두 가지의 알럿이 나올까요?
131 | 
132 | **답: "Hello World" & ReferenceError: bar is not defined**
133 | 
134 | ## jQuery에 연관된 질문들:
135 | 
136 | * "체이닝(Chaining)"에 대해서 설명 하세요.
137 | * `.end()`는 무엇을 하는 것입니까?
138 | * 이벤트 핸들러 선언 시, 언제 그리고 왜 namespace를 부여하는지를 설명해주세요.
139 | * 이펙트 큐(queue)라는 것은 무엇인가요?
140 | * `.get()`,`[]` 그리고 `.eq()`의 차이점이 무엇인가요?
141 | * `.bind()`,`.live()`그리고 `.delegate()`의 차이점이 무엇인가요?
142 | * `$`과 `$.fn` 차이점이 무엇인지 설명 해주시오. 혹은, `$.fn`가 무엇인지 설명해주세요.
143 | * 다음 Selector를 최적화 해주세요.:
144 | 
145 | ```javascript
146 | $(".foo div#bar:eq(0)")
147 | ```
148 | 
149 | ## CSS 관련 질문들:
150 | 
151 | * "reset" CSS가 무엇인지, 어떻게 유용한지 설명 해주세요.
152 | * Floats가 어떻게 동작하는지 설명해주세요.
153 | * 클리어링(Clearing) 기술에는 어떤 것들이 있으며, 어떠한 경우에 어떻게 사용하는 것이 적절한지 설명하세요.
154 | * CSS 스프라이트(CSS Sprites)를 설명하고, 페이지나 사이트를 어떻게 향상시키는지 설명하시오.
155 | * IE box model과 W3C box model의 차이점을 설명하시오.
156 | * Image Replacement를 사용해야 할 때, 선호하는 기술과 언제 사용하는지를 설명 해주세요.
157 | * CSS 요소핵(CSS property hacks)을 조건부적으로 .css파일안에 넣으시나요 혹은 다른 방식이 있나요?
158 | * 기능이 제약된 브라우저를 위해서 어떤 방식으로 페이지를 만드나요?
159 | 	* 어떠한 기술과 절차를 거치는지 설명하시오.
160 | * 컨텐츠를 안보이게 하는 기술들의 차이점을 설명하시오.(그리고 스크린 리더(Screen readers)에서 접근이 가능한 방법은?)
161 | * 그리드 시스템(Grid system)을 사용한 적이 있나요? 있다면 어떠한 것을 선호하나요?
162 | * 미디어 쿼리(media queries)를 사용한 적이 있나요? 혹은 모바일에 맞는 layout과 CSS를 사용한 적이 있나요?
163 | * SVG를 스타일링 하기 위한 편한 방법이 있나요?
164 | * 인쇄를 하기 위해 웹페이지를 어떻게 최적화 하나요?
165 | * 효율적인 CSS를 작성하기 위한 "비법(gotchas)"은 어떤 게 있나요?
166 | * CSS 전처리(CSS preprocessors)를 사용해보셨나요?
167 | 	* 그렇다면, 사용 경험에 기반해 좋았던 점과 나빴던 점을 설명해주세요.
168 | * 페이지에서 표준 폰트가 아닌 폰트 디자인을 사용할 때 어떤 방식으로 처리하시나요?(웹폰트를 제외하고)
169 | * CSS Selector가 어떠한 원리로 동작하는지 설명하시오.
170 | 
171 | ## 그 외 흥미로운 질문들:
172 | 
173 | * 당신이 작성한 코드 중 어떤 것을 가장 멋지고, 자랑스럽게 여기나요?
174 | * HTML5 gang sign에 대해서 아시나요?
175 | * 배를 타본 적이 있으세요?
176 | * Firebug와 Webkit Inspector에서 좋아하는 부분을 말씀해주세요.
177 | * 당신 스스로 하는 프로젝트가 있나요? 어떤 종류인가요?
178 | * "유니콘화(cornify)"의 의미를 설명해주세요.
179 | * 한장의 종이 위에, A B C D E를 차례대로 내려 쓰시오. 그다음, 코드로 작성하지 말고, 역순으로 재배치 해보세요.
180 | 	* 종이를 위아래를 뒤집어낼 때 까지 기다리세요.
181 |     * 이것은 인터뷰의 끝에 긴장감을 풀어주고 웃음을 줄 수 있는 좋은 방법이 입니다.
182 | * 해적입니까? 닌자입니까?
183 | 	* 만약에 둘 다 이며, 좋은 이유를 댄다면 보너스 점수를 주세요.(좀비 몽키 해적 닌자인 경우엔 +2)
184 | * 만약에 웹개발을 안했다면, 무엇을 했었을까요?
185 | * Carmen Sandiego는 세상의 어디에 있을가요?(힌트 : 그들의 답은 항상 틀릴겁니다.)
186 | * Internet Explorer의 당신이 좋아하는 기능은 무엇입니까?
187 | * 다음 문장을 완성하세요 : Brendan Eich 와 Doug Crockford 는 Javascript의 __________ 이다.
188 | * jQuery: 훌륭한 라이브러리인가요? 최고로 좋은 라이브러리인가요? 토론하세요.
189 | 


--------------------------------------------------------------------------------
/Translations/Korean/Reference_KR.md:
--------------------------------------------------------------------------------
 1 | ##해설집
 2 | ```
 3 | 이 문서는 정답을 알려주는 문서가 아닙니다.
 4 | 면접에 대한 답은 스스로가 찾아야 좋으며,
 5 | 그 판단을 돕기 위한 해설서 임을 밝히는 바입니다.
 6 | ``` 
 7 | 
 8 | ##기여자
 9 | @Songhun(http://songhun.blogspot.com)
10 | @YiHanghee(http://blog.javarouka.me)
11 | 
12 | ##일반적인 질문에 대한 참고
13 | * SNS에 대해서 물어보는 이유가 무엇일까요?
14 | 
15 | ##HTML에 대한 참고
16 | * `doctype`에 대한 설명은 [Wikipedia](http://ko.wikipedia.org/wiki/%EB%AC%B8%EC%84%9C_%ED%98%95%EC%8B%9D_%EC%84%A0%EC%96%B8) 에서 찾아볼 수 있습니다.
17 | 	* 문서 타입에 대한 자세한 설명을 담은 블로그 ["Activating Browser Modes with Doctype"](http://hsivonen.iki.fi/doctype/)
18 | * 표준 모드는 W3C의 표준에 맞춘 구현 렌더링으로 동작하며(미세하게 다릅니다), 쿽스 모드는 다양한 브라우저 및 표준 정립 이전의 구버전 기준으로 작성된 HTML의 fallback 과 비슷합니다.
19 | 	* [Quirks Mode 렌더링과 DTD.](http://naradesign.net/wp/2007/03/27/118/)
20 | 	* [Mozilla's Quirks Mode](https://developer.mozilla.org/ko/Mozilla's_Quirks_Mode)	
21 | * [XHTML 과 HTML의 차이](http://blog.wystan.net/2007/05/24/xhtml-vs-html) 블로그 포스팅에 4부작(?)으로 좋은 설명이 있네요.
22 | 	* application/xhtml+xml 컨텐트 타입은 브라우저에 따라 해석할 수 없기도 합니다.(IE...)
23 | * 엘리먼트의(특히 루트인 html) lang attribute 와 관련이 있을까요...?
24 | * [HTML 5 + XML = XHTML 5](http://html5doctor.com/html-5-xml-xhtml-5/), <!doctype xhtml>
25 | * Programer custom attribute. ex) 자동차를 엘리먼트로 나타내야 할 경우를 생각해보면 기본 html 속성으로는 부족하겠죠.
26 | * HTML4의 콘텐츠 모델이 div와 span에 id와 클래스를 입힌 inline 및 block display의 사용자 정의형이라면, HTML5는 그것을 표준화한 콘텐츠 모델.
27 | 	* 자세한 것은 [내용 모델(한글 by ClearBoth 팀)](http://html5.clearboth.org/content-models.html) 이쪽으로.
28 | * open web platform 이 뭘까요...?
29 | * 서버와 공유할 필요가 있는지의 여부, 저장 용량, 저장 생명주기에 따라 셋을 구분할 수 있습니다.
30 | 
31 | ##Javascript에 대한 참고
32 | * 유명한 Javascript Library는 다음과 같습니다.
33 | 	* jQuery
34 | 	* Prototype.js
35 | 	* YUI
36 | 	* Ext JS
37 | 	* Dojo
38 | * Java와 Javascript는 Car와 Carpet의 차이와 비슷하다고 할 수 있습니다.
39 | * [Undeclared, Undefined, Null in JavaScript](http://constc.blogspot.com/2008/07/undeclared-undefined-null-in-javascript.html)
40 | * [Naver Developer에서 제공 되는 Closure설명](http://dev.naver.com/tech/ajaxui/ajaxui_2.php#a_2_2)
41 | * [Javascript anonymous functions](http://helephant.com/2008/08/23/javascript-anonymous-functions/)
42 | 	* [Pro Javascript Techniques(3): Anonymous Functions(한글)](http://happyzoo.tistory.com/124)
43 | 
44 | ##jQuery에 대한 참고
45 | * jQeury들의 거의 모든 method들은 jQuery object를 돌려주도록 되어있습니다.
46 | 	* 이 특성으로 인해 같은 scope에서 일어나는 거의 모든 method들을 연결하여 정의를 할 수 가 있습니다.
47 | 	* Paul Irish 가 작성한 [블로그](http://paulirish.com/2008/sequentially-chain-your-callbacks-in-jquery-two-ways/) 를 참고하시면 좋을 듯 합니다.
48 | * [.end()](http://api.jquery.com/end/)
49 | * [Namesapced Events](http://docs.jquery.com/Namespaced_Events)
50 | * [Effect queue()](http://api.jquery.com/queue/)
51 | 	* [Understanding jQuery Effects Queue](http://blog.bigbinary.com/2010/02/02/understanding-jquery-effects-queue.html)
52 | 
53 | 
54 | ##CSS 참고
55 | 
56 | ##흥미로운 질문들에 대한 참고
57 | * http://html5homi.es/
58 | 


--------------------------------------------------------------------------------
/Translations/Latvian/README.md:
--------------------------------------------------------------------------------
  1 | #Front-end web programmētāja darba intervijas jautājumi
  2 | 
  3 | Šis repozitorijs satur vairākus ar front-end web programmētāja darba prasmēm saistītus jautājumus, ko var izmantot, intervējot potenciālos vakances kandidātus. Nav ieteicams izmantot katru šeit minēto jautājumu, jo tas patērētu ļoti daudz laika. Izvēlieties tikai dažus jautājumus no šī saraksta, kas Jums palīdzēs ātrāk atlasīt kandidātus ar nepieciešamajām prasmēm.
  4 | 
  5 | [Rebecca Murphey](http://rmurphey.com/) [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) raksts ir ļoti piemērota lasāmviela, kuru izlasīt pirms dodaties uz darba interviju.
  6 | 
  7 | **Piezīme:** Paturiet prātā, ka daudzi no šiem jautājumiem ir atvērta tipa, kas varētu izvērsties plašākā diskusijā un ļautu iepazīt cilvēka prasmes daudz labāk nekā tieša atbilde.
  8 | 
  9 | ## <a name='toc'>Saturs</a>
 10 | 
 11 |   1. [Sākotnējie Kontributori](#contributors)
 12 |   1. [Vispārēji Jautājumi](#general)
 13 |   1. [HTML Jautājumi](#html)
 14 |   1. [CSS Jautājumi](#css)
 15 |   1. [JS Jautājumi](#js)
 16 |   1. [jQuery Jautājumi](#jquery)
 17 |   1. [Kodēšanas Jautājumi](#jscode)
 18 |   1. [Interesanti Jautājumi](#fun)
 19 |   1. [Citas Lieliskas Atsauces](#references)
 20 | 
 21 | ####[[⬆]](#toc) <a name='contributors'>Sākotnējie Kontributori:</a>
 22 | 
 23 | Vairums no jautājumiem tika paņemti no [oksoclap](http://oksoclap.com/) raksta, ko sākotnēji izveidoja [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) un kuru papildināja sekojoši cilvēki:
 24 | 
 25 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 26 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 27 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 28 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 29 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 30 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 31 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 32 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 33 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 34 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 35 | * [@iansym](http://twitter.com/iansym) - http://twitter.com/iansym
 36 | 
 37 | ####[[⬆]](#toc) <a name='general'>Vispārēji Jautājumi:</a>
 38 | 
 39 | * Ko jaunu Jūs apguvāt vakar/šonedēļ?
 40 | * Kas Jūs aizrauj un interesē programmēšanā?
 41 | * Kādas UI (lietotāja interfeisa), performances, SEO, apkopes vai tehnoloģijas apsvērumus jūs ņemat vērā, kad veidojat web-aplikāciju vai mājas lapu?
 42 | * Pastāstiet par sev vēlemo darba vidi. (Operētājsistēma, pārlūki, rīki utt.)
 43 | * Vai variet aprakstīt savu darba procesu, kad veidojiet mājas lapu?
 44 | * Vai jūs variet aprakstīt starpību starp "progressive enhancement" un "graceful degradation"?
 45 |   * Bonus punkti, ja tiek pieminēta funkciju noteikšana (feature detection).
 46 | * Izskaidrojiet, ko nozīmē "Semantisks HTML".
 47 | * Kā Jūs optimizētu mājas lapas failus/resurus?
 48 |   * Potenciāli vairāki risinājumu, starp kuriem būtu:
 49 |     * Failu konkatenācija (savienošana)
 50 |     * Failu minimizēšana
 51 |     * CDN hostēšana
 52 |     * Kešošana
 53 |     * u.c.
 54 | * Kāpēc ir labāk lapas resurus izvietot uz vairākiem domēniem?
 55 |   * Cik daudz resursus pārlūks spēj vienlaicīgi lejuplādēt no viena domēna?
 56 | * Nosauciet 3 veidus, kā samazināt lapas ielādes laiku (šķietamo vai faktisko)
 57 | * Kā Jūs rīkotos, ja Jūs pievienotos projektam un viņi izmantotu tabulāciju, bet Jūs atstarpes koda atkāpju veidošanai?
 58 |   * Ieteiktu projektā izmantot kaut ko līdzīgu EditorConfig (http://editorconfig.org)
 59 |   * Pieskaņoties kolēģiem
 60 |   * Veikt retabulāciju ar ':retab!' komandu
 61 | * Izveidojiet vienkāršū slaidrāža lapu
 62 |   * Bonus punkti, ja netiek izmantots JavaScript
 63 | * Kādus rīkus Jūs izmantojiet, lai pārbaudītu sava koda veiktspēju (performanci)?
 64 |   * Profiler, JSPerf, Dromaeo
 65 | * Ja šogad Jūs varētu pilnībā apgūt vienu tehnoloģiju, kura tā būtu?
 66 | * Kādas ir atšķirības starp Long-Polling, Websockets un SSE?
 67 | * Izskaidrojiet standartu un standartizēšanas komisiju nozīmi.
 68 | * Kas ir FOUC? Kā izvairīties no FOUC?
 69 | 
 70 | ####[[⬆]](#toc) <a name='html'>HTML Jautājumi:</a>
 71 | 
 72 | * Ko dara `doctype`?
 73 | * Kāda ir starpība starp standarta režīmu un quirks režīmu?
 74 | * Kādi ir XHTML lapu ierobežojumi?
 75 |   * Vai var rasties problēmas, ja lapa tiek servēta kā `application/xhtml+xml`?
 76 | * Kā servēt lapu ar saturu vairākās valodās?
 77 |   * Par ko ir īpaši jāpiedomā, kad dizainē vai izstrādā vairāku valodu mājas lapas?
 78 | * Ar ko ir noderīgi `data-` atribūti?
 79 | * Pieņemot, ka HTML5 ir atvērta web-platforma, kas ir HTML5 pamatelementi?
 80 | * Aprakstiet atšķirības starp sīkdatnēm (cookies), sessionStorage un localStorage.
 81 | 
 82 | ####[[⬆]](#toc) <a name='css'>CSS Jautājumi:</a>
 83 | 
 84 | * Aprakstiet, ko dara "reset" CSS fails un ar ko tas ir noderīgs.
 85 | * Aprakstiet Float parametru un to, kā tas strādā.
 86 | * Kādas ir dažādas Clear parametra lietošanas tehnikas un kādā kontekstā katra ir vispiemērotākā?
 87 | * Izskaidrojiet, kas ir CSS spraiti (sprites) un kā Jūs tos izmantotu lapā?
 88 | * Kāda ir Jūsu iecienītākā attēlu aizvietošanas tehnika un kādos brīžos Jūs to izmantojiet?
 89 | * CSS parametru hacki, nosacīti iekļauti .css faili vai kas cits?
 90 | * Kā Jūs servējat lapas priekš pārlūkiem ar ierobežotu funkcionalitāti?
 91 |   * Kādas tehnikas/procesu Jūs piekopjat?
 92 | * Kādi ir dažādi paņēmieni, kā vizuāli noslēpt saturu (un padarīt to pieejamu tikai priekš ekrāna lasītājiem)?
 93 | * Vai esat kādreiz izmantojis režģa (grid) sistēmu? Ja jā, tad kurai dodiet priekšroku?
 94 | * Vai esat izmantojis mediju vaicājumus (media queries) vai izkārtojumus(layouts)/CSS domātus speciāli priekš mobilajām iekārtām?
 95 | * Vai esat pazīstams ar SVG stilu definēšanu?
 96 | * Kā Jūs optimizējiet mājas lapas priekš printēšanas?
 97 | * Kādi ir dažādi triki un paņēmieni (kā arī ar ko der uzmanīties), lai veidotu efektīvu CSS?
 98 | * Kādi ir plusi/mīnusi izmantojot CSS preprocesorus? (SASS, Compass, Stylus, LESS)
 99 |   * Aprakstiet plusus un mīnusus tiem CSS preprocesoriem, kurus esiet izmantojis.
100 | * Kā Jūs veidotu mājas lapas dizainu, kas izmanto nestandarta fontus?
101 |   * Webonti (tādi fontu servisi kā Google Webfonts, Typekit u.c.)
102 | * Izskaidrojiet kā pārlūks nosaka kuri elementi atbilst CSS selektoriem?
103 | * Izskaidrojiet kā Jūs saprotiet "box model" un kā Jūs ar CSS palīdzību norādītu pārlūkam attēlot izkārtojumu(layout) ar dažādiem "box model" iestatījumiem.
104 | 
105 | ####[[⬆]](#toc) <a name='js'>JS Jautājumi:</a>
106 | 
107 | * Izskaidrojiet notikumu deleģēšanu (event delegation)
108 | * Izskaidrojiet kā `this` strādā JavaScript valodā
109 | * Izskaidrojiet kā strādā prototipiskā mantošana?
110 | * Kā Jūs testējat savu JavaScript kodu?
111 | * AMD vai CommonJS? 
112 | * Kas ir asociatīvais masīvs (hashtable)?
113 | * Paskaidrojiet kāpēc šis kods nestrādā kā IIFE: `function foo(){ }();`. 
114 |   * Kas ir jāpamaina, lai tā pareizi strādātu kā IIFE?
115 | * Kāda ir atšķirība starp mainīgajiem, kas ir definēti kā: `null`, `undefined` or `undeclared`?
116 |   * Kā jūs pārbaudītu vai mainīgais atbilst kādam no šiem stāvokļiem?
117 | * Kas ir slēgums(closure) un kā/kāpēc Jūs tādu izmantotu?
118 | * Kādos gadījumos parasti tiek izmantotas anonīmās funkcijas?
119 | * Izskaidrojiet "JavaScript module pattern" un kādos gadījumos Jūs to izmantotu.
120 |   * Bonus punkti, ja tiek pieminēta tīra nosaukumvietas uzturēšana (clean namespacing)
121 |   * Gadījumā ja Jūsu moduļi neizmanto nosaukumvietu?
122 | * Kā Jūs organizējat savu kodu? (Moduļu veidā, klasiskā mantošana?)
123 | * Kāda ir atšķirība starp "host" objektiem un "native" objektiem?
124 | * Kāda ir atšķirība starp: `function Person(){}`, `var person = Person()`, un `var person = new Person()`?
125 | * Kāda ir atšķirība starp `.call` un `.apply`?
126 | * Izskaidrojiet `Function.prototype.bind`?
127 | * Kurā brīdī Jūs optimizējiet savu kodu?
128 | * Vai variet izskaidrot kā JavaScript valodā strādā mantošana?
129 | * Kādos gadījumos Jūs izmantotu `document.write()`?
130 |   * Vairums reklāmas joprojām izmanto `document.write()` kaut arī šāda prakse tiek pelta. 
131 | * Kāda ir atšķirība starp funkciju noteikšanu (feature detection), funkciju secināšanu (feature inference) un UA virknes (UA string) izmantošanu?
132 | * Izskaidrojiet AJAX cik vien detalizēti iespējams
133 | * Izskaidrojiet kā stradā JSONP (un kā tas atšķiras no AJAX)
134 | * Vai esat jebkad izmantojuši JavaScript šablonošanai (templating)?
135 |   * Ja jā, kuras bibliotēkas Jūs esat izmantojuši? (Mustache.js, Handlebars etc.)
136 | * Izskaidrojiet "hoisting"
137 | * Izskaidrojiet notikumu burbuļošanu (event bubbling)
138 | * Kāda ir atšķirība starp atribūtu un rekvizītu (property)?
139 | * Kāpēc paplašināt iebūvētos JavaScript objektus nav laba doma?
140 | * Kāpēc paplašināt "built ins" ir laba doma?
141 | * Kāda ir atšķirība starp "document load" un "document ready" notikumu?
142 | * Kāda ir atšķirība starp `==` un `===`?
143 | * Paskaidrojiet kā Jūs iegūtu kverija stringa parametru no pārlūka loga URL?
144 | * Izskaidrojiet vietējās izcelsmes (same-origin) noteikumu attiecībā uz JavaScript
145 | * Izskaidrojiet mantošanas paternus JavaScript valodā.
146 | * Lieciet šim strādāt:
147 | ```javascript
148 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
149 | ```
150 | * Izskaidrojoet memoizācijas stratēģiju (izvairīšanos no aprēķinu atkārtošanas) JavaScript valodā.
151 | * Kāpēc to sauc par ternāru izteiksmi (Ternary expression)? Uz ko norāda vārds ternārs?
152 | * Kas ir funkcijas "arity"?
153 | * Kas ir `"use strict";`? Kādas ir priekšrocības un trūkumi to izmantojot?
154 | 
155 | ####[[⬆]](#toc) <a name='jquery'>jQuery Jautājumi:</a>
156 | 
157 | * Izskaidrojiet savirknēšanu (chaining).
158 | * Izskaidrojiet novēlojumus (deferreds).
159 | * Kādas ir jQuery specifiskas optimizācijas, ko Jūs spējat ieviest praksē?
160 | * Ko veic `.end()`?
161 | * Kā un kāpēc Jūs nosauktu pievienotu notikumu apdarinātāju (bound event handler)?
162 | * Nosauciet 4 dažādas vērtības, ko Jūs varat padot jQuery metodei
163 |   * Selektoru (virkne), HTML (virkne), atgriezenisko funkciju (funkcija), HTMLElement, Object, Array, Element Array, Jquery Object u.c.
164 | * Kas ir efektu (vai fx) rinda?
165 | * Kāda ir atšķirība starp `.get()`, `[]`, un `.eq()`?
166 | * Kāda ir atšķirība starp `.bind()`, `.live()`, un `.delegate()`?
167 | * Kāda ir atšķirība starp `$` un `$.fn`? Vai vienkārši kas ir `$.fn`?
168 | * Optimizējiet šo selektoru
169 | ```javascript
170 | $(".foo div#bar:eq(0)")
171 | ```
172 | 
173 | ####[[⬆]](#toc) <a name='jscode'>Kodēšanas Jautājumi:</a>
174 | 
175 | 
176 | ```javascript
177 | modulo(12, 5) // 2
178 | ```
179 | *Jautājums: Izveidojiet modulo funkciju, kas apmierina augstākminēto*
180 | 
181 | ```javascript
182 | "i'm a lasagna hog".split("").reverse().join("");
183 | ```
184 | *Jautājums: Kāda vērtība tiek atgriezta no augšākminētā koda?
185 | 
186 | **Atbilde: "goh angasal a m'i"**
187 | 
188 | ```javascript
189 | ( window.foo || ( window.foo = "bar" ) );
190 | ```
191 | *Jautājums: Kāda ir `window.foo` vērtība?*
192 | 
193 | **Atbilde: "bar"** *(vienīgi°ja `window.foo` "falsey", savādāk tas paturētu savu esošo vērtību)*
194 | 
195 | ```javascript
196 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
197 | ```
198 | *Jautājums: Kāds ir abu augstākminēto paziņojumu iznākums?*
199 | 
200 | **Atbilde: "Hello World" & ReferenceError: bar is not defined**
201 | 
202 | ```javascript
203 | var foo = [];
204 | foo.push(1);
205 | foo.push(2);
206 | ```
207 | *Jautājums: Kāda ir `foo.length` vērtība?*
208 | 
209 | **Atbilde: `2`**
210 | 
211 | ####[[⬆]](#toc) <a name='fun'>Interesanti Jautājumi:</a>
212 | 
213 | * Kas ir pati foršākā lieta, ko jebkat esiet uzprogrammējis un ar ko lepojaties?
214 | * Kuras ir Jūsu izstrādes rīku iemīļotākās funkcijas, kuras izmantojiet?
215 | * Vai Jums ir kādi hobiju projekti? Kādi?
216 | * Kāda ir Jūsu iecienītakā Internet Explorer raksturiezīme?
217 | 
218 | ####[[⬆]](#toc) <a name='references'>Citas Lieliskas Atsauces:</a>
219 | 
220 | * http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before
221 | * http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/
222 | * http://css-tricks.com/interview-questions-css/
223 | 


--------------------------------------------------------------------------------
/Translations/Polish/README_PL.md:
--------------------------------------------------------------------------------
  1 | #Pytania kwalifikacyjne na stanowisko front-end web developera
  2 | 
  3 | @version 2.0.0
  4 | 
  5 | To repozytorium zawiera wiele pytań, weryfikujących wiedzę potencjalnych kandydatów na stanowisko front-end web developera. Nie zaleca się zadawania wszystkich pytań jedenj osobie (zajęłoby to godziny). Wybranie pojedynczych pozycji z listy pomoże w sprawdzeniu wymaganych umiejętności.
  6 | 
  7 | [Rebecca Murphey](http://rmurphey.com/) opracowała [Podstawowe wymagania dla Front-End web developerów](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/), które są warte przeczytania zamin udamy się na rozmowę o pracę.
  8 | 
  9 | **Uwaga:** Pamiętaj, że wiele pytań jest otwartych, co prowadzi do ciekawych dyskusji, które powiedzą Ci więcej o możliwościach danej osoby, niż w przypadku prostej odpowiedzi.
 10 | 
 11 | #### Pierwotni autorzy
 12 | 
 13 | Większość pytań zaczerpnięto z wątku [oksoclap](http://oksoclap.com/) stworzonego pierwotnie przez [Paula Irisha](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) i rozwijanego przez następujące osoby:
 14 | 
 15 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 16 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 17 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 18 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 19 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 20 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 21 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 22 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 23 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 24 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 25 | * [@darcy_clarke](http://twitter.com/darcy) - http://darcyclarke.me
 26 | * [@iansym](http://twitter.com)
 27 | 
 28 | ### Pytania ogólne:
 29 | 
 30 | * Czego nauczyłeś się wczoraj/w tym tygodniu?
 31 | * Co pobudza lub interesuje cie w programowaniu?
 32 | * Jakie jest Twoje preferowane środowisko programistyczne? (system operacyjny, edytor, przeglądarki, narzędzia itd.)
 33 | * Opisz kolejne zadania podczas tworzenia strony internetowej? 
 34 | * Opisz różnicę między stopniowym ulepszaniem (progressive enhancement) i wdzięczną degradacją (graceful degradation)? 
 35 |   * Dodatkowe punkty za opisanie wykrywania obsługi cech (feature detection) 
 36 | * Wyjaśnij, co kryje się za terminem "semantyczny HTML". 
 37 | * Jak optymalizowałbyś zasoby strony internetowej?
 38 |   * Myśląc o wielu rozwiązaniach, które zawierają:
 39 |     * Łączenie plików
 40 |     * Zmniejszenie rozmiaru plików
 41 |     * Zasoby CDN
 42 |     * Buforowanie
 43 |     * itd.
 44 | * Dlaczego serwowanie zasobów strony przez wiele domen jest lepsze?
 45 |   * Ile zasobów pobiera przeglądarka z danej domeny w jednej chwili?
 46 | * Podaj 3 sposoby na zmniejszenie czasu ładowania strony. (postrzeganego lub rzeczywistego czasu ładowania) 
 47 | * Jeśli dołączasz do projektu, w którym używa się tabulacji, a ty używasz spacji, co wtedy zrobisz? 
 48 |   * Sugerowanie użycia narzędzi w stylu EditorConfig (http://editorconfig.org)
 49 |   * Zgodnie z konwencjami (pozostań konsekwentny)
 50 |   * `issue :retab! command`
 51 | * Napisz prosty pokaz slajdów 
 52 |   * Dodatkowe punkty, jeśli nie używasz JS.  
 53 | * Jakich narzędzi używasz do sprawdzenia wydajności swojego koodu?
 54 |   * Profiler, JSPerf, Dromaeo
 55 | * Gdybyś mógbyś opanować jedną technologię w tym roku, jaka byłaby to technologia? 
 56 | * Wyjaśnij znaczenie standardów sieciowych i ich twórców.
 57 | * Czym jest FOUC? Jak unikasz FOUC?  
 58 | 
 59 | ### Pytania HTML:
 60 | 
 61 | * Co robi `doctype` i jakie znasz przykłady? 
 62 | * Jaka jest różnica między trybem standardów a trybem dziwactw (quirks mode)? 
 63 | * Jakie są ogranicznia w serwowaniu stron XHTML? 
 64 |   * Czy istnieją problemy z serwowaniem stron jako `application/xhtml+xml`?  
 65 | * Jak serwujesz stronę z treścią w wielu językach? 
 66 |   * Co jest ważne przy projektowaniu i tworzeniu stron wielojęzycznych?
 67 | * Jaka jest przydatność atrybutów `data-` 
 68 | * Rozpatrujemy HTML5 jako otwartą platformę internetową. Jakie składniki tworzą HTML5? 
 69 | * Opisz różnice między cookies, sessionStorage i localStorage. 
 70 | 
 71 | ### Pytania JS:
 72 | 
 73 | * Wyjaśnij delegację zdarzeń
 74 | * Wyjaśnij jak działa `this` w JavaScripcie
 75 | * Wyjaśnij jak działa dziedziczenie prototypowe
 76 | * Jak radzisz sobie z testowaniem swojego kodu JavaScript?
 77 | * AMD kontra CommonJS?
 78 | * Czym jest tablica mieszająca (hashtable)?
 79 | * Co oznaczają komunikaty `undefined` i `undeclared` dla zmiennych? 
 80 | * Czym są domknięcia, jak i po co są używane? 
 81 |   * Ulubiony wzorzec używany do ich tworzenia? argyle (Dotyczy tylko IIFE)
 82 | * Jakie znasz typowe użycie funkcji anonimowych? 
 83 | * Wyjaśnij pomysł "Moduł JavaScript" i kiedy jest wart stosowania. 
 84 |   * Dodatkowe punkty za wzmiankę na temat czytości przestrzeni nazw. 
 85 |   * Co jeśli Twój kod nie używa przestrzeni nazw?  
 86 | * Jak organizujesz swój kod? (moduły, klasyczne dziedziczenie?) 
 87 | * Jaka jest różnicza między obiektami typu `host` i `native`? 
 88 | * Różnica między: 
 89 | ```javascript
 90 | function Person(){} var person = Person() var person = new Person()
 91 | ```
 92 | * Jaka jest różnica między `.call` i `.apply`? 
 93 | * Wyjaśnij `Function.prototype.bind`? 
 94 | * Kiedy optymalizujesz swój kod? 
 95 | * Wyjaśnij działanie dziedziczenia w JavaScript?   
 96 | * Kiedy użyłbyś `document.write()`?
 97 |   * Wiele generowanych reklam używa `document.write()` choć nie jest to mile widziane
 98 | * Jakie są różnice między wykrywaniem obsługi funkcji, wnioskowaniem obsługi funkcji i używaniem ciągu UA 
 99 | * Omów AJAX jak najbardziej szczegółowo 
100 | * Wyjaśnij działanie JSONP (i dlaczego nie jest właściwie AJAX) 
101 | * Czy kiedykolwiek używałeś szablonów w JavaScript?
102 |   * Jeśli tak, jakie to były biblioteki? (Mustache.js, Handlebars itd.) 
103 | * Wyjaśnij pojęcie "hoisting".
104 | * Opisz bąbelkowanie zdarzeń. 
105 | * Jak jest różnica między "atrybutem" i "właściwością"? 
106 | * Czemu rozszerzanie obiektów wbudowanych w JavaScript jest złym pomysłem? 
107 | * Czemu rozszerzanie to dobry pomysł? 
108 | * Jak jest różnicą między zdarzeniami `load` i `ready` dla strony internetowej? 
109 | * Jaka jest różnica między `==` i `===`? 
110 | * Wyjaśnij ewentualny sposób pobrania parametrów z adresu URL w oknie przeglądarki. 
111 | * Wyjaśnij politykę `same-origin` w odniesieniu do JavaScript. 
112 | * Opisz wzorce dziedziczenia w JavaScript. 
113 | * Napisz działający kod: 
114 | ```javascript
115 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
116 | ```
117 | * Opisz strategię zapamiętywania (unikanie powtarzalnych obliczeń) w JavaScript. 
118 | * Dlaczego mówimy wyrażenie trójkowe, co dokładnie oznacza słowo "trójkowy"? 
119 | * Czym jest `arity` funkcji?  
120 | * Co oznacza `"use strict";`? Jakie są zalety i wady takiego rozwiązania?
121 | 
122 | ### Przykłady kodu JS:
123 | 
124 | ```javascript
125 | ~~3.14
126 | ```
127 | Pytanie: Jaka wartość zostanie zwrócona przez powyższe wyrażenie? 
128 | **Odpowiedź: 3** 
129 | 
130 | ```javascript
131 | "i'm a lasagna hog".split("").reverse().join("");
132 | ```
133 | Pytanie: Jaka wartość zostanie zwrócona przez powyższe wyrażenie? 
134 | **Odpowiedź: "goh angasal a m'i"** 
135 | 
136 | ```javascript
137 | ( window.foo || ( window.foo = "bar" ) );
138 | ```
139 | Pytanie: Jaka jest wartość window.foo? 
140 | **Odpowiedź: "bar"** 
141 | tylko jeśli window.foo było fałszywe, w innym przypadku zwraca swoją wartość.
142 | 
143 | ```javascript
144 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
145 | ```
146 | Pytanie: Jaki będzie wyniki wywołania dwóch powyższych poleceń `alert`? 
147 | **Odpowiedź: "Hello World" & ReferenceError: bar is not defined** 
148 | 
149 | ```javascript
150 | var foo = [];
151 | foo.push(1);
152 | foo.push(2);
153 | ```
154 | Pytanie: Jaka jest wartość foo.length? 
155 | **Odpowiedź: `2`
156 | 
157 | ```javascript
158 | var foo = {};
159 | foo.bar = 'hello';
160 | ```
161 | Pytanie: Jaka jest wartość foo.length? 
162 | **Odpowiedź: `undefined`
163 | 
164 | ### Pytania jQuery:
165 | 
166 | * Wyjaśnij termin "chaining". 
167 | * Wyjaśnij termin "deferreds".
168 | * Jakie przykłady optymalizacji jQuery potrafisz wykonać?
169 | * Co robi `.end()`? 
170 | * Jak i dlaczego użyjesz przestrzeni nazw przy obsłudze wiązania zdarzeń? 
171 | * Podaj 4 różne wartości, jakie możesz przekazać do metody jQuery.
172 |   * Selektor (string), HTML (string), funkcja zwrotna, HTMLElement, obiekt, tablica, element tablicy, obiekt jQuery itd.
173 | * Co to jest kolejka  (or fx) queue? 
174 | * Jakie są różnicę między `.get()`, `[]`, i `.eq()`? 
175 | * Jakie są różnicę między `.bind()`, `.live()`, i `.delegate()`? 
176 | * Jakie są różnicę między `$` i `$.fn`? Albo czym jest `$.fn`.
177 | * Zoptymalizuj selektor: 
178 | ```javascript
179 | $(".foo div#bar:eq(0)")
180 | ```
181 | 
182 | ### Pytania CSS:
183 | 
184 | * Opisz, czym jest plik "reset" dla CSS i dlaczego jest użyteczny. 
185 | * Opisz jak działa właściwość `float`. 
186 | * Jakie znasz techniki kasowania (clearing) i kiedy wskazane jest ich stosowanie? 
187 | * Wyjaśnij technikę "CSS sprites" oraz sposób jej wdrożenia na stronie. 
188 | * Jakie są Twoje ulubione techniki zastępowania obrazów i kiedy je stosujesz? 
189 | * Haczyki właściwości CSS, warunkowe dołącznie plików .css lub... coś innego? 
190 | * Jak serwujesz strony dla przeglądarek z ograniczonym wsparciem funkcji? 
191 |   * Jakie techniki stosujesz?  
192 | * Jakie istnieją sposoby wizualnego ukrycia treści (uczynienia ich dostępnymi tylko dla czytników ekranu)? 
193 | * Czy kiedykolwiek używałeś systemów siatek, a jeśli tak to jakie preferujesz? 
194 | * Czy używałeś 'media queries' lub tworzyłeś konkretne układy i arkusze dla urządzeń mobilnych? 
195 | * Czy miałeś styczność ze stylizacją SVG? 
196 | * Jak optymalizujesz swoje strony do druku? 
197 | * Jakie stosujesz "sztuczki" przy pisaniu efektywnych CSS? 
198 | * Czy używasz narzędzi do przetwarzania CSS? (SASS, Compass, Stylus, LESS) 
199 |   * Jeśli tak, opisz cechy, które lubisz i nie lubisz w używanych narzędziach. 
200 | * Jak tworzysz i wdrażasz projekt używający niestandardowych czcionek? 
201 |   * Czcionki sieciowe (serwisy czcionek jak: Google Webfonts, Typekit itd.)
202 | * Wyjaśnij jak przeglądarka określa elementy pasujące do selektora CSS?  
203 | 
204 | ### Pytania dodatkowe (zabawne):
205 | 
206 | * Opowiedz o najfajniejszej rzeczy jaką kiedykolwiek zakodowałeś. Z czego jest jesteś najbardziej dumny?
207 | * Jakie są Twoje ulubione części narzędzia programistyczne, których używasz?
208 | * Czy masz jakiś swój własny projekt na boku? Jaki? 
209 | * Jaka jest Twoja ulubiona funkcja w Internet Explorer?
210 | 


--------------------------------------------------------------------------------
/Translations/Romanian/README.md:
--------------------------------------------------------------------------------
  1 | #Întrebări pentru interviu tehnic web front-end
  2 | 
  3 | Acest fişier conține o serie de întrebări pentru interviuri tehnice pe partea
  4 | de front-end, care pot fi folosite pentru a verifica un potențial candidat. Nu
  5 | este deloc recomandat să fie folosite toate întrebările pentru un singur
  6 | candidat ( ar lua câteva ore ). Alegând câteva întrebări din această listă ar
  7 | trebui să te ajute în verificarea calităților pe care le urmărești.
  8 | 
  9 | **Notă:** Ține în minte că multe dintre întrebări au răspuns liber și ar putea
 10 | duce la discuții interesante, care ți-ar putea spune mai multe despre
 11 | capacitățile persoanei.
 12 | 
 13 | ## <a name='toc'>Cuprins</a>
 14 | 
 15 |   1. [Întrebări generale](#general)
 16 |   1. [Întrebări despre HTML](#html)
 17 |   1. [Întrebări despre CSS](#css)
 18 |   1. [Întrebări despre JS](#js)
 19 |   1. [Întrebări despre jQuery](#jquery)
 20 |   1. [Întrebări despre programare](#jscode)
 21 |   1. [Întrebări amuzante](#fun)
 22 | 
 23 | 
 24 | ## <a name='toc'>Procesul de implicare</a>
 25 | 
 26 |   1. [Contribuitori iniţiali](#contributors)
 27 |   1. [Contribuitori recenţi](https://github.com/h5bp/Front-end-Developer-Interview-Questions/graphs/contributors)
 28 |   1. [Cum să contribui](    )
 29 |   1. [Licenţă](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md)
 30 | 
 31 | ####[[⬆]](#toc) <a name='general'>Întrebări generale:</a>
 32 | 
 33 | * Ce ai învățat ieri / săptămâna asta?
 34 | * Ce te fascinează sau interesează la programare?
 35 | * Ce aspecte de UI, Securitate, Performanță, SEO, Întreținere sau Tehnologie iei în cosiderare când construiești o aplicație web sau un site?
 36 | * Povestește despre mediul de lucru preferat. (OS, Editor, Browsere, Unelte,
 37 |   etc.)
 38 | * Îți poți descrie fluxul de lucru când creezi o pagină web?
 39 | * Dacă ai 5 fişiere cu cod CSS, cum le poţi integra cel mai bine într-un singur site?
 40 | * Poți descrie diferența dintre "progressive enhancement" și "graceful  degradation"?
 41 | * Cum ai optimiza resursele statice ale unui site?
 42 | * Tradiţional, de ce a fost mai bine să serveşti resurse din mai multe domenii?
 43 | * Câte resurse poate un browser descărca de la un domeniu la un moment dat?
 44 |     * Care sunt excepţiile?
 45 | * Numește 3 moduri pentru a scădea timpul de încarcare a paginii. (perceput
 46 |   sau chiar timpul de descărcare)
 47 | * Dacă intri într-un proiect și se folosesc taburi în loc de spații, ce faci?
 48 | * Scrie o pagină simplă slideshow
 49 | * Ce unelte foloseşti pentru a testa performanţa codului pe care îl scrii?
 50 | * Dacă ai putea învăța o tehnologie anul asta, care ar fi?
 51 | * Care sunt diferenţele dintre Long-Polling, Websockets şi SSE?
 52 | * Explică importanța standardelor și a organismelor de standardizare.
 53 | * Ce este FOUC? Cum eviți Fouc?
 54 | * Încearcă să descrii cât mai bine ce se întâmplă din momentul în care scrii un URL în browser până când este complet 
 55 | încărcat pe ecranul tău.
 56 | * Explică ce sunt screenreaders şi ARIA şi cum faci un website accesibil.
 57 | * Compară părţi bune şi negative pentru animaţii CSS versus animaţii JavaScript
 58 | * Explică ce înseamnă "HTML Semantic".
 59 | * Explică următoarele headere de request şi response:
 60 |     * Diferenţa dintre Expires, Date, Age şi If-Modified
 61 |     * DNT
 62 |     * Cache-Control
 63 |     * Transfer-Encoding
 64 |     * ETag
 65 |     * X-Frame-Options
 66 | 
 67 | ####[[⬆]](#toc) <a name='html'>Întrebări HTML:</a>
 68 | 
 69 | * La ce este util `doctype`?
 70 | * Care este diferența dintre "standards mode" și "quirks mode"?
 71 | * Care sunt limitările când servești pagini XHTML?
 72 | * Apar probleme când servești pagini ca `application/xhtml+xml`?
 73 | * Cum servești o pagină cu conținut în mai multe limbi?
 74 | * La ce trebuie să fi atent când faci design sau dezvolți pentru site-uri multilingve
 75 | * La ce sunt utile atributele `data-`?
 76 | * Considerând HTML5 ca o platformă web deschisă, care sunt parțile componente   alte HTML5?
 77 | * Descrie diferența dintre cookies, sessionStorage și localStorage.
 78 | * Poţi explica diferenţa dintre `GET` şi `POST`?
 79 | * Descrie diferenţa dintre `<script>`, `<script async>` şi `<script defer>`.
 80 | 
 81 | ####[[⬆]](#toc) <a name='css'>Întrebări CSS:</a>
 82 | 
 83 | * Care este diferenţa dintre clase şi ID în CSS?
 84 | * Descrie ce este un fișier CSS de resetare și la ce este util.
 85 | * Descrie 'Float' si cum funcționează.
 86 | * Descrie z-index şi cum se formează stacking context.
 87 | * Care sunt tehnicile de 'clearing' și care este potrivită pentru ce context
 88 | * Explică conceptul de CSS sprites și cum le-ai implementa pe o pagină sau un site.
 89 | * Care sunt tehnicile tale preferate pentru inlocuirea imaginilor și care când le folosești?
 90 | * Hack-uri de proprietăți CSS, includerea condițională a fișierelor .css,  sau... altceva?
 91 | * Cum servești pagini pentru browsere cu capabilități reduse?
 92 |   * Ce procese/tehnici folosești?
 93 | * Care sunt diferitele modalități de a ascunde vizual conținut (dar sa-l faci disponibil pentru cititoare de ecrane) ?
 94 | * Ai folosit vreodată un system 'grid' și dacă da, ce preferi?
 95 | * Ai folosit sau implementat 'media queries' sau interfețe/CSS specific pentru mobile ?
 96 | * Familiarități cu stilizarea unui SVG?
 97 | * Cum optimizezi paginile pentru print?
 98 | * Ceva 'gotchas' când scrii CSS eficient?
 99 | * Care sunt avantajele/dezavantajele folosirii preprocesoarelor CSS (SASS, Compass, Stylus, LESS)
100 |   * Descrie ce îți place respectiv nu îți place la preprocesoarele CSS pe care
101 |     le-ai folosit
102 | * Cum ai implementa un design care folosește fonturi non-standard?
103 | * Explică cum un browser determina ce elemente se potrivesc unui selector CSS?
104 | * Explică cum întelegi conceptul dea "box model" si cum îi spui browser-ului prin CSS cum sa randeze layoutul în modele diferite
105 | * Ce face ```* { box-sizing: border-box; }```? Care sunt avantajele?
106 | * Ce proprietăţi de display şti?
107 | * Care este diferenţa dintre `inline` şi `inline-block`?
108 | * Care este diferenţa dintre poziţionarea relativă, fixă, absolută şi statică a unui element?
109 | * C-ul din CSS vine de la Cascading. Cum este determinată prioritatea în asignarea stilului ( câteva exemple )? Cum foloseşti acest sistem?
110 | * Ce framework CSS ai folosit local sau în producţie? (Bootstrap, PureCSS, Foundation etc.)
111 |     * Ce ai schimba / îmbunătăţi la ele?
112 | * Ai avut ocazia să te joci cu noile specificaţii pentru CSS Flexbox sau Grid?
113 | * Ai lucrat vreodata pentru retina display? Dacă da, ce tehnici ai folosit?
114 | 
115 | 
116 | ####[[⬆]](#toc) <a name='js'>Întrebări JS:</a>
117 | 
118 | * Explică "event delegation".
119 | * Explică cum funcționează `this` în JavaScript.
120 | * Explică cum funcționează moștenirea prototipală.
121 | * Cum îti testezi codul JavaScript?
122 | * AMD vs. CommonJS?
123 | * Explică de ce următoarea nu functionează ca un IIFE: `function foo(){ }();`
124 |   * Ce trebuie schimbat ca să o transformi într-o IIFE?
125 | * Care este diferența dintre o variabilă care este: `null`, `undefined` sau `undeclared`?
126 |   * Cum ai face sa verifici după fiecare dintre stările acestea?
127 | * Ce este un "closure" și cum/de ce ai folosi unul?
128 | * Care este un caz în care sunt folosite funcții anonime?
129 | * Cum îți organizezi codul? (module pattern, moștenire?)
130 | * Care este diferența dintre obiecte host si obiecte native?
131 | * Diferența dintre: `function Person(){}`, `var person = Person()` și `person = new Person()`
132 | * Care este diferența dintre `.call` și `.apply`?
133 | * Explică `Function.prototype.bind`?
134 | * Când îți optimizezi codul?
135 | * Când ai folosi `document.write()`?
136 | * Care este diferența dintre 'feature detection', 'feature inference' și folosirea șirului User Agent?
137 | * Explică AJAX cât mai detaliat posibil.
138 | * Explică cum funcționează JSONP (și cum nu este chiar AJAX ).
139 | * Ai folosit vreodată template-uri JavaScript?
140 |   * Dacă da, ce librării ai folosit? (Mustache.js, Handlebars etc.)
141 | * Explică "hoisting".
142 | * Descrie "event bubbling".
143 | * Care este diferența dintre un atribut și o proprietate?
144 | * De ce nu este o idee bună extinderea obiectelor JavaScript "built-in"?
145 | * Care este diferența dintre evenimentul "document load" și "document ready"?
146 | * Care este diferența dintre "==" și "==="?
147 | * Explică politica "same-origins" în legătură cu JavaScript.
148 | * Fă următorul cod să funcționeze:
149 | ```javascript
150 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
151 | ```
152 | * Ce este o expresie ternară și ce indică cuvântul ternar?
153 | * Ce este `"use strict;"` și care sunt avantajele si dezavantajele folosirii acestuia?
154 | * Create a for loop that iterates up to `100` while outputting **"fizz"** at multiples of `3`, `"buzz"` at multiples of `5` and **"fizzbuzz"** at multiples of `3` and `5`.
155 | *  De ce este, de regulă, o idee bună să nu poluezi scope-ul global al unui website ?
156 | 
157 | ####[[⬆]](#toc) <a name='jquery'>Întrebări jQuery:</a>
158 | 
159 | * Explică "chaining".
160 | * Explică "deferreds".
161 | * Poți vorbi despre ceva optimizări specifice jQuery pe care le poți implementa?
162 | * Ce face `.end()`?
163 | * Când și cum ai folosi un "namespace" pentru a lega un handler de eveniment?
164 | * Numește 4 valori diferite pe care le poți trimite unei metode jQuery.
165 |   * Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object etc.
166 | * Care este diferența dintre `.get()`, `[]`, și `.eq()`?
167 | 
168 | ####[[⬆]](#toc) <a name='jscode'>Întrebări despre cod:</a>
169 | 
170 | *Întrebare: Cum ai face asta să funcţioneze?*
171 | ```javascript
172 | add(2, 5); // 7
173 | add(2)(5); // 7
174 | ```
175 | 
176 | *Întrebare: Ce valoare este returnată de expresia următoare?*
177 | ```javascript
178 | "i'm a lasagna hog".split("").reverse().join("");
179 | ```
180 | 
181 | *Întrebare: Care este valoare lui `window.foo`?*
182 | ```javascript
183 | ( window.foo || ( window.foo = "bar" ) );
184 | ```
185 | 
186 | *Întrebare: Care este rezultatul celor două apelări ale funcției alert?*
187 | ```javascript
188 | var foo = "Hello"; 
189 | (function() { 
190 |     var bar = " World"; 
191 |     alert(foo + bar); 
192 | })(); 
193 | alert(foo + bar);
194 | ```
195 | 
196 | ```javascript
197 | var foo = [];
198 | foo.push(1);
199 | foo.push(2);
200 | ```
201 | *Întrebare: Care este valoarea lui `foo.length`?*
202 | 
203 | ```javascript
204 | var foo = {};
205 | foo.bar = 'hello';
206 | ```
207 | *Întrebare: Care este valoarea lui `foo.length`?*
208 | 
209 | ####[[⬆]](#toc) <a name='fun'>Întrebări amuzante:</a>
210 | 
211 | * Povesteşte-mi despre un proiect mişto la care ai lucrat recent?
212 | * Ce îți place cel mai mult la uneltele de dezvoltare pe care le folosești?
213 | * Ai proiecte personale? Ce fel?
214 | * Care este funcționalitatea ta preferată din Internet Explorer?
215 | * Cum îti place cafeaua?
216 | 
217 | ####[[⬆]](#toc) <a name='contributors'>Contribuitori iniţiali:</a>
218 | 
219 | Majoritatea întrebărilor au fost adunate dintr-un fir de discutie [oksoclap](http://oksoclap.com/) creat de [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) la care au contribuit apoi:
220 | 


--------------------------------------------------------------------------------
/Translations/Russian/README_RU.md:
--------------------------------------------------------------------------------
  1 | #Вопросы кандидату на должность front-end разработчика
  2 | 
  3 | **Замечание:** Этот репозиторий содержит подборку вопросов, которые могут быть использованы на собеседованиях на должность front-end разработчика. Здесь предлагаются лишь идеи, не нужно задавать все вопросы сразу (иначе в один час точно не уложитесь).
  4 | 
  5 | Также, имейте в виду, что многие вопросы не требуют однозначного короткого ответа, а лишь помогают завести беседу на ту или иную тему (предоставляя кандидату возможность показать себя во всей красе).
  6 | 
  7 | ## <a name='toc'>Содержание</a>
  8 | 
  9 |   1. [Первоначальные авторы](#contributors)
 10 |   1. [Общие вопросы](#general)
 11 |   1. [Вопросы по HTML](#html)
 12 |   1. [Вопросы по JavaScript](#js)
 13 |   1. [Примеры кода на JavaScript](#jscode)
 14 |   1. [Вопросы по jQuery](#jquery)
 15 |   1. [Вопросы по CSS](#css)
 16 |   1. ["Светская беседа"](#fun)
 17 | 
 18 | ####[[⬆]](#toc) <a name='contributors'>Первоначальные авторы</a>
 19 | 
 20 | * @bentruyman (http://bentruyman.com)
 21 | * @cowboy (http://benalman.com)
 22 | * @roger_raymond (http://twitter.com/iansym)
 23 | * @ajpiano (http://ajpiano.com)
 24 | * @paul_irish (http://paulirish.com)
 25 | * @SlexAxton (http://alexsexton.com)
 26 | * @boazsender (http://boazsender.com)
 27 | * @miketaylr (http://miketaylr.com)
 28 | * @vladikoff (http://vladfilippov.com)
 29 | * @gf3 (http://gf3.ca)
 30 | * @jon_neal (http://twitter.com/jon_neal)
 31 | * @wookiehangover (http://wookiehangover.com)
 32 | * @darcy_clarke (http://darcyclarke.me)
 33 | 
 34 | ####[[⬆]](#toc) <a name='general'>Общие вопросы:</a>
 35 | 
 36 | * Вы пользуетесь Твиттером?
 37 | 	* Если да, то кто присутствует в вашей ленте?
 38 | * Кого из мировых front-end разработчиков вы знаете?
 39 | 	* А российских front-end'щиков?
 40 | * У Вас есть аккаунт на GitHub?
 41 | 	* Если да, то за какими интересными проектами вы следите?
 42 | * Какие блоги Вы читаете?
 43 | * Какие системы управления версиями Вам приходилось использовать?
 44 | * Расскажите о своей среде разработки (ОС, редактор, браузер(ы), прочие инструменты)
 45 | * Опишите последовательность Ваших действий, когда вы создаете новую Web-страницу
 46 | * Можете ли пояснить разницу между progressive enhancement и graceful degradation?
 47 | 	* Бонус, если также расскажете про feature detection (определение возможностей браузера)
 48 | * Объясните, что означает "Семантическая разметка"
 49 | * Какой Ваш основной браузер для разработки и какими инструментами Вы в нем пользуетесь?
 50 | * Как можно оптимизировать загрузку внешних ресурсов на странице?
 51 | 	* Комбинация из потенциальных решений:
 52 | 		* Конкатенация
 53 | 		* Минификация
 54 | 		* Использование CDN
 55 | 		* Кеширования
 56 | 		* и т.д.
 57 | * Каково преимущество в подгрузке внешних ресурсов с нескольких доменов?
 58 | 	* Сколько ресурсов браузер может одновременно качать с одного домена?
 59 | * Назовите три способа уменьшения времени загрузки страницы (воспринимаемого или реального)
 60 | * Если Вы присоединились к проекту, где для форматирования используются табы, а Вы привыкли использовать пробелы, как Вы поступите?
 61 | 	* Предложите использовать EditorConfig (http://editorconfig.org)
 62 | 	* Останетесь верным своим привычкам
 63 | 	* Выполните команду `:retab!`
 64 | * Используете ли приёмы для ускорения написания кода (сниппеты, Emmet)?
 65 | * Знакомы ли с шаблонизаторами (Smarty, HAML etc.)
 66 | * Реализуйте примитивное слайд-шоу
 67 | 	* Бонус, если Вы это сделаете без использования JS
 68 | * Какие инструменты Вы используете для тестирования производительности кода?
 69 | 	* JSPerf (http://jsperf.com/)
 70 | 	* Dromaeo (http://dromaeo.com/)
 71 | 	* и т.д.
 72 | * Если бы у Вас была возможность освоить новую технологию в этом году, что бы это было?
 73 | * Объясните важность стандартов и комитетов по стандартам
 74 | * Что такое FOUC (Flash Of Unstyled Content)? Как его избежать?
 75 | 
 76 | ####[[⬆]](#toc) <a name='html'>Вопросы по HTML:</a>
 77 | 
 78 | * Для чего нужен `doctype` и сколько разновидностей Вы можете назвать?
 79 | * В чем разница между standards mode и quirks mode?
 80 | * Какие ограничения накладывают стандарты XHTML?
 81 | 	* Могут ли возникнуть проблемы при подаче страниц с типом `application/xhtml+xml`?
 82 | * Как следует оформлять страницу, в которой контент может быть на разных языках?
 83 | 	* Что нужно иметь в виду при разработке многоязычных сайтов?
 84 | * Можно ли использовать синтаксис XHTML в HTML5?
 85 | * Как использовать XML в HTML5?
 86 | * Чем полезны `data-` атрибуты?
 87 | * Какие box-модели есть в HTML4 и есть ли отличия в HTML5?
 88 | * Если рассматривать HTML5 как открытую web-платформу, на чем она строится, из каких компонентов состоит?
 89 | * Объясните разницу между cookies, sessionStorage и localStorage.
 90 | * Знакомы ли с подводными камнями вёрстки почтовых шаблонов?
 91 | * Какая разница между `GET` и `POST`?
 92 | 
 93 | ####[[⬆]](#toc) <a name='js'>Вопросы по JavaScript:</a>
 94 | 
 95 | * Какими js-библиотеками Вы пользовались?
 96 | * Вы когда-нибудь заглядывали в исходный код библиотек/фреймворков, которыми пользовались?
 97 | * Чем JavaScript отличается от Java?
 98 | * Что-такое хэш-таблица?
 99 | * Что такое `неопределенные (undefined)` и `необъявленные (undeclared)` переменные?
100 | * Что такое замыкание и как/для чего его используют?
101 | 	* Как вы предпочитаете их использовать?
102 | * Где обычно используются анонимные функции?
103 | * Объясните "JavaScript module pattern" и где он (паттерн) применяется
104 | 	* Бонус, если упомянута чистота глобального пространства имен
105 | 	* Что, если Ваш модуль не заключен в пространство имен?
106 | * Как Вы организуете свой код? (module pattern, наследование)
107 | * В чем разница между host-объектами и нативными объектами?
108 | * В чем разница между последними двумя строчками:
109 | 
110 | ```javascript
111 | function Person(){}
112 | 
113 | var person = Person()
114 | var person = new Person()
115 | ```
116 | 
117 | * В чем разница между `.call` и `.apply`?
118 | * Что делает и для чего нужна функци `Function.prototype.bind`?
119 | * Когда Вы оптимизируете свой код?
120 | * Объясните, как работает наследование в JavaScript?
121 | * Где до сих пор используется `document.write()`?
122 | 	* В большинстве генерируемых баннеров, хотя так делать не рекомендуется
123 | * В чем разница между feature detection (определение возможностей браузера), feature inference (предположение возможностей) и анализом строки user-agent?
124 | * Расскажите об AJAX как можно более подробно
125 | * Объясните, как работает JSONP (и почему это не настоящий AJAX)
126 | * Вы когда-нибудь использовали шаблонизацию на JavaScript?
127 | 	* Если да, какие библиотеки использовали? (Mustache.js, Handlebars etc.)
128 | * Объясните, что такое "hoisting"
129 | * Объясните event bubbling
130 | * В чем разница между "атрибутом" (attribute) и "свойством" (property)?
131 | * Почему *не следует* расширять нативные JavaScript объекты?
132 | * Почему *следует* расширять нативные JavaScript объекты?
133 | * В чем разница между событиями `document load` и `document ready`?
134 | * В чем разница между `==` и `===`?
135 | * Как получить параметры из URL'а текущего окна?
136 | * Объясните `same-origin policy` в контексте JavaScript
137 | * Объясните `event delegation`
138 | * Какие Вы знаете паттерны организации наследования в JavaScript?
139 | * Сделайте так, чтобы этот код работал:
140 | ```javascript
141 | [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
142 | ```
143 | * Опишите принцип мемоизации (избежание повторных вычислений) в JavaScript
144 | * Почему тернарный оператор так называется?
145 | * Что такое арность функции?
146 | * Что делает строчка `"use strict";`? Какие достоинства и недостатки от ее использования?
147 | 
148 | ####[[⬆]](#toc) <a name='jscode'>Примеры кода на JavaScript</a>
149 | 
150 | ```javascript
151 | ~~3.14
152 | ```
153 | Вопрос: Какое значение возвращает данное предложение?
154 | **Ответ: 3**
155 | 
156 | ```javascript
157 | "i'm a lasagna hog".split("").reverse().join("");
158 | ```
159 | Вопрос: Какое значение возвращает данное предложение?
160 | **Ответ: "goh angasal a m'i"**
161 | 
162 | ```javascript
163 | ( window.foo || ( window.foo = "bar" ) );
164 | ```
165 | Вопрос: Чему равно window.foo?
166 | **Ответ: "bar"**,
167 | только если выражение window.foo было ложным,  иначе переменная сохранит своё изначальное значение
168 | 
169 | ```javascript
170 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
171 | ```
172 | Вопрос: Что покажут эти два alert?
173 | **Ответ: "Hello World" и ReferenceError: bar is not defined**
174 | 
175 | ```javascript
176 | var foo = [];
177 | foo.push(1);
178 | foo.push(2);
179 | ```
180 | Вопрос: Чему равно foo.length?
181 | **Ответ: `2`**
182 | 
183 | ```javascript
184 | var foo = {};
185 | foo.bar = 'hello';
186 | ```
187 | Вопрос: Чему равно foo.length?
188 | **Ответ: `undefined`**
189 | 
190 | 
191 | ####[[⬆]](#toc) <a name='jquery'>Вопросы по jQuery:</a>
192 | 
193 | * Объясните "chaining".
194 | * Объясните "deferreds".
195 | * Какие Вы знаете приемы оптимизации кода, использующего jQuery?
196 | * Что делает `.end()`?
197 | * Как добавить пространство имён к обработчику событий? Для чего это нужно?
198 | * Назовите 4 разных вида аргументов, которые принимает функция jQuery()?
199 | 	* Селектор (строка), HTML (строка), Callback (функция), HTMLElement, объект, массив, массив элементов, объект jQuery etc.
200 | * Что такое очередь эффектов (fx queue)?
201 | * В чем разница между `.get()`, `[]`, и `.eq()`?
202 | * В чем разница между `.bind()`, `.live()`, и `.delegate()`?
203 | * В чем разница между `$` и `$.fn`? Что вообще такое `$.fn`?
204 | * Оптимизируйте данный селектор:
205 | ```javascript
206 | $(".foo div#bar:eq(0)")
207 | ```
208 | 
209 | ####[[⬆]](#toc) <a name='css'>Вопросы по CSS:</a>
210 | 
211 | * Что такое "reset" CSS и для чего он нужен?
212 | * Объясните, что такое плавающие элементы (floats) и как они работают?
213 | * Какие вы знаете методы запрета обтекания (clearing) и какие где применяются?
214 | * Что такое CSS спрайты? Как они реализуются на странице или сайте?
215 | * Какие Ваши любимые методы подмены текста картинкой (image replacement) и когда Вы их используете?
216 | * CSS property hacks, conditionally included .css files...
217 | * Как Вы обеспечиваете отображение страниц в старых/ограниченных браузерах?
218 | 	* Какие приёмы/процессы Вы при этом используете?
219 | * Какими способами можно визуально скрыть элемент (оставив его доступным для экранного диктора, screen reader)?
220 | * Вы когда-нибудь использовали сеточную верстку (grid system, grid design)? Если да, какая Ваша любимая?
221 | * Приходилось ли Вам использовать или реализовывать media queries или верстку под мобильные устройства?
222 | * Приходилось ли Вам стилизовать SVG?
223 | * Как оптимизировать страницы для печати?
224 | * Какие есть подводные камни в оптимизации производительности CSS?
225 | * Вы используете CSS препроцессоры? (SASS, Compass, Bourbon, Stylus, LESS)
226 | 	* Если да, расскажите, что Вам в них нравится и не нравится?
227 | * Как Вы сверстаете макет, который использует нестандартные шрифты?
228 | 	* Webfonts (сервисы вроде Google Webfonts, Typekit, Fontsquirrel etc.)
229 | * Объясните, как браузер определяет, на какие элементы накладывать CSS стили?
230 | * Приходилось ли сталкиваться с Retina-дисплеями?
231 | * Слышали ли о системе БЭМ (Блок-Элемент-Модификатор)?
232 | 	* Если да, то в чем её суть? Расскажите о системе нотификации селекторов.
233 | 
234 | ####[[⬆]](#toc) <a name='fun'>"Светская беседа":</a>
235 | 
236 | * Самое крутое, что Вы когда либо делали и чем гордитесь?
237 | * Вы знаете секретный жест HTML5-банды?
238 | * ([непереводимый юмор](https://vimeo.com/18848658)) Are you now, or have you ever been, on a boat.
239 | * Что Вы больше всего любите в Ваших инструментах разработки?
240 | * У Вас есть какие-нибудь личные проекты?
241 | * Возьмите листок бумаги и напишите в столбик буквы A B C D E. Теперь отсортируйте столбик в алфавитном порядке по убыванию, не написав ни строчки кода.
242 | 	* Засеките, через сколько времени кандидат перевернет листок
243 | * Пират или ниндзя?
244 | 	* Бонус за комбинацию. Аргументированную. +2 за зомби-пират-ниндзя-обезьяну
245 | * Чем бы Вы занимались, если бы не Web-разработкой?
246 | * Какая Ваша любимая "фишка" Internet Explorer?
247 | * Закончите предложение: Brendan Eich и Doug Crockford являются __________ языка JavaScript.
248 | * jQuery: хорошая библиотека или великая библиотека? Тема для дискуссии...
249 | 


--------------------------------------------------------------------------------
/Translations/Serbian/README.md:
--------------------------------------------------------------------------------
  1 | #Intervju za posao Front-end Developer-a
  2 | 
  3 | @version 0.0.1
  4 | 
  5 | Ovaj repo sadrži mnogobrojna pitanja za intervju iz oblasti front-end develpment-a koja možete koristiti u proceni mogućih kandidata.
  6 | Ne preporučuje se korišćenje svih pitanja jer bi intervju trajao dugo. Izbor od nekoliko pitanja sa ove liste bi Vam pomogao.
  7 | 
  8 | Pre intevjua, preporučujemo da proučite članak: [Rebecca Murphey](http://rmurphey.com/) [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/).
  9 | 
 10 | **Napomena:** Uzmite u obzir da veliki broj dole navedenih pitanja može biti korisna tema za razgovor koja će Vam možda reći vise o sposobnostima osobe nego direktni odgovori.
 11 | 
 12 | ####Autori originalne liste
 13 | 
 14 | Većina pitanja je preuzeta sa [oksoclap](http://oksoclap.com/) tj. rasprave koju je originalno pokrenuo [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) i kojoj su doprineli:
 15 | 
 16 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 17 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 18 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 19 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 20 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 21 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 22 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 23 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 24 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 25 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 26 | * [@darcy_clarke](http://twitter.com/darcy) - http://darcyclarke.me
 27 | * [@iansym](http://twitter.com)
 28 | 
 29 | ### Opšta pitanja:
 30 | 
 31 | * Opišite Vaš omiljeni radni prostor. (OS, Editor, Broseri, Alati itd.)
 32 | * Opišite Vaš proces izrade web stranice?
 33 | * Možete li opisati razliku između progresivnog poboljšanja i neprimjetne degradacije?
 34 | 	* Bonus bodovi ako se opiše detektovanje mogućnosti browsera
 35 | * Objasnite šta je to "Semantički HTML".
 36 | * Kako biste optimizirali infrastrukturu i resurse web stranice?
 37 | 	* Traže se više rešenja, na primer:
 38 | 		* Spajanje datoteka
 39 | 		* Minifikacija datoteka
 40 | 		* Korišćenje CDN-a
 41 | 		* Keširanje (Caching)
 42 | 		* itd.
 43 | * Zbog čega je bolje preuzimati delove stranice sa više domena?
 44 | 	* Koliko resursa browser može preuzeti istovremeno sa jednog domena?
 45 | * Navedite tri načina za smanjivanje vremena učitavanja strane. (uočeno ili stvarno vrieme učitavanja)
 46 | * Ako bi došli na projekt gde se koriste tabovi a Vi koristite razmake, šta biste uradili?
 47 | 	* Preporučili korištenja EditorConfig-a (http://editorconfig.org)
 48 | 	* Prilagodili se postojećoj praksi (zadržavanje konzistentnosti)
 49 | 	* `koristili :retab! naredbu`
 50 | * Napravite jednostavnu stranicu za prezentacije
 51 | 	* Bonus bodovi ako se ne koristi JavaScript.
 52 | * Koje alate koristite za testiranje performansi koda?
 53 | 	* Profiler, JSPerf, Dromaeo
 54 | * Kada bi ste odabrati jednu tehologiju koju ćete naučiti ove godine, koja bi to bila?
 55 | * Objasnite važnost standarda i organizacija za standardizaciju
 56 | * Šta je to FOUC? Kako možete izbeći FOUC?
 57 | 
 58 | ### HTML pitanja:
 59 | 
 60 | * Koja je funkcija `doctype`?
 61 | * Koja je razlika između standardnog i quirks moda?
 62 | * Koja su ograničenja u obsluživanju XHTML standarda?
 63 | 	* Postoje li problemi kod obsluživanju stranica sa header-om `application/xhtml+xml`?
 64 | * Kako biste obslužili stranicu sa višejezičnim sadržajem?
 65 | 	* Na što morate obratit pažnju prilikom dizajna ili razvoja višejezične stranicu?
 66 | * Čemu služe `data-` atributi?
 67 | * Posmatrajte HTML5 kao platformu otvorenog koda. Koji su gradivni elementi HTML-a 5?
 68 | * Objasnite razliku između kolačića, podataka sesije (sessionStorage) i lokalnog snimanja.
 69 | 
 70 | ### CSS pitanja:
 71 | 
 72 | * Objasnite čemu služi "reset" CSS i zašto je koristan.
 73 | * Opišite šta su i kako rade Float-ovi.
 74 | * Koje su tehnike clearing-a i u kojim slučajevima bi ste ih koristili?
 75 | * Objasnite CSS sprite-ove i kako se koriste na stranici ili site-u.
 76 | * Koje su Vaše omiljene tehnike zamene slike i kada ih koristite?
 77 | * Koje su Vaše omiljene tehnike: CSS hack-ovi property-a, kondicionalno uključivanje .css datoteka, ili ... nešto drugo?
 78 | * Kako obslužujete sadržaj za browser-e slabijih mogućnosti?
 79 |     * Koje tehnike/procese koristite?
 80 | * Koji su mogući načini za vizualno sakrivanje sadržaja (vidljivi su samo za screen reader-e)?
 81 | * Da li ste ikada koristili grid system, i ako jeste koji Vam je omiljeni?
 82 | * Da li ste koristili ili implementirali media querie-je ili layout/CSS specifične za mobilne?
 83 | * Imate li iskustva u stilizovanju SVG slika?
 84 | * Kako prilagođavate stranicu za štampu?
 85 | * Šta se podrazumeva pod dobrom praksom za pisanje efikasnog CSS-a?
 86 | * Koje su prednosti/nedostatci korišćenja CSS pred-procesora? (SASS, Compass, Stylus, LESS)
 87 |     * Opišite što vam se sviđa ili ne sviđa kod CSS pred-procesora koje ste koristili.
 88 | * Objasnite kako bi ste napravili stranicu čiji dizajn ne koristi standardne fontove?
 89 |     * Webfont-ovi (font servisi poput: Google Webfonts, Typekit itd.)
 90 | * Objasnite kako browser utvrđuje koji elementi odgovaraju CSS selector-u.
 91 | * Objasnite Vaše razumevanje "box model"-a i na koji način bi ste naveli browser da prikaže (render) izgled vaše strane?
 92 | 
 93 | ### JavaScript pitanja:
 94 | 
 95 | * Objasnite delegaciju događaja
 96 | * Objasnite kako se u Javascriptu koristi `this`
 97 | * Objasnite nasleđivanje prototype-a
 98 | * Kako testirate JavaScript?
 99 | * AMD ili CommonJS?
100 | * Šta je to hash tabela?
101 | * Objasnite zašto sledeća funkcija neće raditi kao IIFE: `function foo(){ }();`?
102 |     * Šta treba izmeniti da bi radila kao IIFE?
103 | * U čemu je razlika između `null`, `undefined` i `undeclared`?
104 |     * Kako bi ste promenili ova stanja?
105 | * Šta je closure, kako i zašto se koristi?
106 | * Koja je uobičajena primena anonimne funkcije?
107 | * Objasnite "JavaScript module pattern" i kada biste ga koristili.
108 | 	* Bonus bodovi za predlog namespacing-a
109 | 	* Šta ako su moduli bez namespacing-a?
110 | * Kako organizujete Vaš kod? (module pattern, klasično nasleđivanje?)
111 | * Koja je razlika između host i native objekta?
112 | * Koja je razlika između `function Person(){}`, `var person = Person()`, i `var person = new Person()`?
113 | * Koja je razlika između `.call` i `.apply`?
114 | * Objasnite `Function.prototype.bind`
115 | * Kada optimizirate Vaš kod?
116 | * Možete li objasniti nasleđivanje u JavaScriptu?
117 | * Kada koristite `document.write()`?
118 | 	* Većina oglasa još uvijek koristi `document.write()` iako se to ne preporučuje.
119 | * Koja je razlika između detekcije mogućnosti (feature detection), pretpostavljanje mogućnosti (feature inference) i korišćenja UA string-a?
120 | * Objasnite AJAX sa što više detalja
121 | * Objasnite kako radi JSONP (i u čemu se razlikuje od pravog AJAX-a)
122 | * Da li ste ikad koristili JavaScript template?
123 | 	* Ako da, koje ste koristili? (Mustache.js, Handlebars etc.)
124 | * Objasnite "hoisting".
125 | * Objasnite propagaciju događaja (event bubbling).
126 | * Koja je razlika između "attribute"-a i "property"-a?
127 | * Zašto proširivanje ugrađenih JavaScript objekata nije najbolja ideja?
128 | * Zašto je proširivanje ugrađenih JavaScript objekata dobra ideja?
129 | * Koja je razlika između document load i document ready događaja?
130 | * Koja je razlika između `==` i `===`?
131 | * Objasnite kako bi ste pročitali parametar URL adrese
132 | * Objasnite pravilo jednog izvora gledano sa staništa JavaScript-a.
133 | * Opišite načine nasleđivanja u JavaScript-u.
134 | * Popravite: `[1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]`
135 | * Objasnite memoization strategiju (izbegavanje ponavljanja računanja) u Javascript-u.
136 | * Zašto se Ternarni operator zove Ternarni?
137 | * Šta je arity funkcije?
138 | * Šta radi `"use strict";`? Koje su mane, koje prednosti?
139 | 
140 | ### jQuery pitanja:
141 | 
142 | * Objasnite "chaining".
143 | * Objasnite "deferreds".
144 | * Navedite koje optimizacije korišćenja jQuery-a znate?
145 | * Čemu služi `.end()` ?
146 | * Kada i zašto bi vezani (bound) događaj stavili u namespace?
147 | * Navedite četri vrednosti koje možete poslati jQuery metodu.
148 |     * Selektor (string), HTML (string), Callback (funkcija), HTMLElement, object, array, element array, jQuery Object itd.
149 | * Čemu služi red efekata (fx)?
150 | * Koja je razlika između .get()`, `[]`, i `.eq()`?
151 | * Koja je razlika između .bind()`, `.live()`, i `.delegate()`?
152 | * Koja je razlika između `$` i `$.fn`? Ili samo što je `$.fn`.
153 | * Optimirajte selektor: `$(".foo div#bar:eq(0)")`
154 | * Razlika između 'delegate()' i 'live()'?
155 | 
156 | ### Kod vežbe:</a>
157 | 
158 | 
159 | ```javascript
160 | modulo(12, 5) // 2
161 | ```
162 | *Pitanje: Napišite modulo funkciju koja daje rezultat prikazan iznad*
163 | 
164 | 
165 | ```javascript
166 | "i'm a lasagna hog".split("").reverse().join("");
167 | ```
168 | *Pitanje: Šta će biti vraćeno iz funkcije prikazane iznad?*
169 | 
170 | **Odgovor: "goh angasal a m'i"**
171 | 
172 | ```javascript
173 | ( window.foo || ( window.foo = "bar" ) );
174 | ```
175 | *Pitanje: Koja je vrednost `window.foo`?*
176 | 
177 | **Odgovor: "bar"**
178 | 
179 | ```javascript
180 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
181 | ```
182 | *Pitanje: Šta će se desiti kao rezultat 2 alerta iznad?*
183 | 
184 | **Odgovor: "Hello World" i ReferenceError: bar is not defined**
185 | 
186 | ```javascript
187 | var foo = [];
188 | foo.push(1);
189 | foo.push(2);
190 | ```
191 | *Pitanje: Koja je vrednost `foo.length`?*
192 | 
193 | **Odgovor: `2`**
194 | 
195 | ### Zanimljiva pitanja:</a>
196 | 
197 | * Šta je najzanimljivije što ste napravili do sad? na čemu ste najponosniji?
198 | * Šta Vam je najinteresantnije u alatima koje koristite za rad?
199 | * Imate li neke hobi projekte? Koje?
200 | * Šta Vam se najviše sviđa kod Internet Explorer?
201 | 
202 | ### Dodatni clanci
203 | 
204 | * [http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before](http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before)
205 | * [http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/](http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/)
206 | * [http://css-tricks.com/interview-questions-css/](http://css-tricks.com/interview-questions-css/)
207 | 


--------------------------------------------------------------------------------
/Translations/Slovakian/README.md:
--------------------------------------------------------------------------------
  1 | #Otázky k pohovoru: front-end vývojár
  2 | 
  3 | Tento repozitár obsahuje rad otázok, ktoré môžete položiť pri pohovore kandidátovi na pozíciu front-end vývojár a overiť si tak jeho znalosti v tomto odbore. Nie je zamýšľané položiť všetky tieto otázky (ich korektné zodpovedanie by trvalo hodiny), bohato postačí len určitú časť vyhovujúci vašim potrebám.
  4 | 
  5 | Za prečítanie stojí tiež [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) (anglicky) od [Rebecci Murphey](http://rmurphey.com/).
  6 |  
  7 | **Poznámka:** Majte na pamäti, že tieto otázky majú viesť skôr k diskusii na danú tému a prezradiť tak niečo viac o schopnostiach daného vývojára, než aby boli zodpovedané jedným slovom alebo vetou.
  8 | 
  9 | ## <a name='toc'>Obsah</a>
 10 | 
 11 | 1. [Pôvodné prispievatelia](#contributors)
 12 | 1. [Všeobecné otázky](#general)
 13 | 1. [HTML otázky](#html)
 14 | 1. [CSS otázky](#css)
 15 | 1. [JS otázky](#js)
 16 | 1. [jQuery otázky](#jquery)
 17 | 1. [Otázky z kódu](#jscode)
 18 | 1. [Zábavné otázky](#fun)
 19 | 1. [Ďalšie zaujímave referencie](#references)
 20 | 
 21 | ####[[⬆]](#toc) <a name='contributors'>Pôvodný prispievatelia:</a>
 22 | 
 23 | Väčšina otázok bola prevzatá z [oksoclap](http://oksoclap.com/) pôvodne vytvoreného [Paulom Irishom](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) a následne doplnená týmito osobami:
 24 | 
 25 | * [@bentruyman](http://twitter.com/bentruyman) - http://bentruyman.com
 26 | * [@cowboy](http://twitter.com/cowboy) - http://benalman.com
 27 | * [@ajpiano](http://ajpiano) - http://ajpiano.com
 28 | * [@SlexAxton](http://twitter.com/slexaxton) - http://alexsexton.com
 29 | * [@boazsender](http://twitter.com/boazsender) - http://boazsender.com
 30 | * [@miketaylr](http://twitter.com/miketaylr) - http://miketaylr.com
 31 | * [@vladikoff](http://twitter.com/vladikoff) - http://vladfilippov.com
 32 | * [@gf3](http://twitter.com/gf3) - http://gf3.ca
 33 | * [@jon_neal](http://twitter.com/jon_neal) - http://twitter.com/jon_neal
 34 | * [@wookiehangover](http://twitter.com/wookiehangover) - http://wookiehangover.com
 35 | * [@iansym](http://twitter.com/iansym) - http://twitter.com/iansym
 36 | 
 37 | ####[[⬆]](#toc) <a name='general'>Všeobecné otázky:</a>
 38 | 
 39 | * Čo ste sa naučili včera/minulý týždeň nové?
 40 | * Čo vás vzrušuje alebo zaujíma na kódovaní?
 41 | * Povedzte niečo o vašom obľúbenom vývojovom prostredí (operačný systém, editor, prehliadač, nástroje, ...).
 42 | * Opíšte ako postupujete pri vytváraní novej webovej stránky.
 43 | * Dokážete vysvetliť rozdiel medzi pozvoľným degradováním (graceful degradation) a postupným vylepšovaním (progressive enhancement)?
 44 |   * Body navyše za opis detekcie pokročilej funkcionality
 45 | * Vysvetlite pojem "sémantické HTML".
 46 | * Ako by ste optimalizovali zdroje (obrázky, JS, CSS, ...) webovej stránky?
 47 |   * K dispozícii je celý rad optimalizácií napr.:
 48 |     * spájanie súborov
 49 |     * minifikácia súborov
 50 |     * CDN hosťovanie
 51 |     * caching, ...
 52 | * Prečo je lepšie posielať zdroje webovej stránky z viacerých domén?
 53 |   * Koľko súborov môže z danej domény sťahovať prehliadač naraz?
 54 | * Vymenujte tri spôsoby ako znížiť dobu nahrávania webovej stránky (vnímanú alebo skutočnú dobu nahrávania).
 55 | * Ak nastúpite do projektu, kde sa namiesto odsadzovania tabulátormi používajú medzery, čo urobíte?
 56 |   * Navrhnutie, že projekt by mohol využívať niečo ako EditorConfig (http://editorconfig.org)
 57 |   * Prispôsobenie sa konvencii (ale zostať konzistentný).
 58 |   * `issue :retab ! command`
 59 | * Napíšte jednoduchú stránku so slideshow.
 60 |   * Body navyše pokiaľ nepoužíva JS.
 61 | * Aké nástroje používate pre testovanie rýchlosti vášho kódu?
 62 |   * Profiler, JSPerf, Dromaeo
 63 | * Ak by ste sa chcel/chcela tento rok naučiť jednu novú technológiu, ktorá by to bola?
 64 | * Vysvetlite dôležitosť štandardov a štandardizačných orgánov.
 65 | * Čo to je FOUC? Ako je možné sa vyhnúť FOUC?
 66 | 
 67 | ####[[⬆]](#toc) <a name='html'>HTML otázky:</a>
 68 | 
 69 | * Čo robí `doctype`?
 70 | * Aký je rozdiel medzi štandardným a tkz. quirks módom?
 71 | * Aké sú obmedzenia pri poskytovaní XHTML stránok?
 72 |   * Existuje nejaký problém pri poskytovaní stránok ako `application/xhtml+xml`?
 73 | * Ako poskytujete stránku s viacjazyčným obsahom?
 74 |   * Na čo všetko si musíte dať pozor pri vytváraní viacjazyčnej stránky?
 75 | * K čomu sú dobré atribúty `data-`?
 76 | * Uvažujte o HTML5 ako o otvorenej platorme. Aké sú základné stavebné kamene HTML5?
 77 | * Opíšte rozdiel medzi cookies, sessionStorage a localStorage.
 78 | 
 79 | ####[[⬆]](#toc) <a name='css'>CSS otázky: </a>
 80 | 
 81 | * Opíšte čo robí a na čo je dobrý "reset" CSS súbor.
 82 | * Opíšte obtekanie (floats) a ako funguje.
 83 | * Popíšte rôzne techniky pre zastavenie obtekanie (clear fixing) a povedzte, ktoré sa hodia v ktorom kontexte.
 84 | * Vysvetlite, čo to sú CSS sprites a ako by ste ich implementovali.
 85 | * Aká je vaša obľúbená technika pre nahrádzanie obrázkov a ktorú a kedy používate?
 86 | * CSS property hacks, podmienené vkladanie .css súborov alebo niečo ďalšie?
 87 | * Ako poskytujete stránky pre funkcionálne/vlastnosťami obmedzený prehliadač?
 88 |   * Akú techniku​/proces používate?
 89 | * Aké sú spôsoby pre zneviditeľnie obsahu (a zachovanie jeho dostupnosti pre čítačky)?
 90 | * Použili ste niekedy grid systém a ak áno, ktorý uprednostňujete?
 91 | * Použili ste niekedy mediálne selektory (media query) alebo špecifický layout/CSS pre mobilné zariadenia?
 92 | * Máte nejaké skúsenosti so štýlovaním SVG?
 93 | * Ako optimalizujete stránky pre tlač?
 94 | * Aké sú zásady pre písanie efektnivního CSS?
 95 | * Aké sú výhody/nevýhody použítia CSS preprocesorov (SASS, Compass, Stylus, LESS)?
 96 |   * Popíšte, čo sa Vám na CSS preprocesoroch, ktoré ste použili, páči/nepáči.
 97 | * Ako by ste implementovali návrh webovej stránky, ktorá používa neštandardné rezy písma?
 98 |   * Webfonts (služby typu: Google Webfonts, Typekit, ...)
 99 | * Vysvetlite ako prehliadač určuje, ktorý element zodpovedá CSS selektoru.
100 | * Vysvetlite vaše chápanie box modelu a ako poviete pomocou CSS prehliadaču, aby váš layout vykreslil v odlišnom box modele
101 | 
102 | 
103 | ####[[⬆]](#toc) <a name='js'>JS otázky:</a>
104 | 
105 | * Vysvetlite delegáciu udalostí.
106 | * Vysvetlite ako funguje `this` v JavaScripte.
107 | * Vysvetlite ako funguje prototypová dedičnosť.
108 | * Ako testujete JavaScript?
109 | * AMD vs. CommonJS?
110 | * Čo je hashovacia tabuľka?
111 | * Vysvetlite prečo nasledujúce volanie nebude fungovať ako IIFE : `function foo(){ }();`.
112 |   * Čo musíte zmeniť, aby volania zafungovalo ako IIFE?
113 | * Vysvetlite rozdiel medzi premennou, ktorá je `null`, `undefined` alebo `undeclared`?
114 |   * Akým spôsobom by ste overili tieto jednotlivé stavy?
115 | * Čo to je "closure" a ako/prečo by sme ich mali používať?
116 | * Aké je typické využitie pre anonymné funkcie?
117 | * Vysvetlite "JavaScript module pattern" a kedy by ste ho mali použiť.
118 |   * Body navyše za zmienku o čistých menných priestoroch.
119 |   * Čo ak sú vaše moduly bez menného priestora?
120 | * Ako organizujete váš kód? (module pattern, klasická dedičnosť?)
121 | * Aký je rozdiel medzi natívnymi a hostiteľskými objektami?
122 | * Rozdiel medzi:
123 | ```javascript
124 | function Person(){}
125 | var person = Person()
126 | var person = new Person()
127 | ```
128 | * Aký je rozdiel medzi `.call` a `.apply`?
129 | * Aký je rozdiel medzi `undefined` a `null`?
130 | * Vysvetlite `Function.prototype.bind`.
131 | * Kedy optimalizujete váš kód?
132 | * Vysvetlite ako funguje dedičnosť v JavaScripte.
133 | * Kedy by ste použili `document.write()`?
134 |   * Väčšina generovaných reklám stále používa tento prístup aj napriek tomu, že je to dlhodobo odsudzované.
135 | * Aký je rozdiel medzi detekciou vlastností, odvodenie vlastností a použitie UA reťazca?
136 | * Vysvetlite AJAX čo najpodrobnejšie to ide.
137 | * Vysvetlite ako funguje JSONP (a prečo to nie je naozajstný AJAX).
138 | * Použili ste niekedy JavaScriptové šablóny?
139 |   * Ak áno, ktoré knižnice ste použili (mustache.js, Handlebars, ...)?
140 | * Vysvetlite "hoisting".
141 | * Vysvetlite prebublávanie udalostí.
142 | * Aký je rozdiel medzi atribútom (attribute) a vlastnosťou (property)?
143 | * Prečo nie je dobrý nápad rozširovať natívne JavaScriptové objekty?
144 | * Prečo je dobrý nápad rozširovať natívne JavaScriptové objekty?
145 | * Aký je rozdiel medzi udalosťami "document load" a "document ready"?
146 | * Aký je rozdiel medzi `==` a `===`?
147 | * Vysvetlite akým spôsobom získate parameter z URL zadaného v okne prehliadača.
148 | * Vysvetlite JavaScriptové pravidlo rovnakého pôvodu (same-origin policy).
149 | * Opíšte prístupy dedenia v JavaScripte.
150 | * Nasledujúci kód upravte tak, aby fungoval:
151 | ```javascript
152 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
153 | ```
154 | * Opíšte stratégia pre memorizáciu (odstránenie opakovaných výpočtov) v JavaScripte.
155 | * Prečo sa hovorí ternárny operátor, čo označuje slovo ternárny?
156 | * Čo je označované ako "arita" funkcie?
157 | * Čo znamená `"use strict";`? Aké sú výhody a nevýhody použitia?
158 | 
159 | ####[[⬆]](#toc) <a name='jquery'>jQuery otázky:</a>
160 | 
161 | * Vysvetlite reťazenie (chaining).
162 | * Vysvetlite odkladanie (deferreds).
163 | * Aké poznáte a viete implementovať optimalizácie špeciálne pre jQuery?
164 | * Čo robí `.end()`?
165 | * Ako a prečo by ste váš "event handler" zaopatrili menným priestorom?
166 | * Vymenujte štyri rôzne typy hodnôt, ktoré môžete odovzdať ako vstupný parameter metód v jQuery.
167 |   * selektor (reťazec), HTML (reťazec), callback (funkcia), HTMLElement, object, polia, polia elementu, jQuery Object, ...
168 | * Čo to je fronta efektov (alebo fx front)?
169 | * Aký je rozdiel medzi `.get()`, `[]` a `.eq()`?
170 | * Aký je rozdiel medzi `.bind()`, `.live()` a `.delegate()`?
171 | * Aký je rozdiel medzi `$` a `$.fn`? Alebo len, čo je `$.fn`?
172 | * Zoptimalizujte tento selektor :
173 | ```javascript
174 | $(".foo div#bar:eq(0)");
175 | ```
176 | * Aký je rozdiel medzi `.delegate()` a `.live()`?
177 | 
178 | ####[[⬆]](#toc) <a name='jscode'>Otázky z kódu:</a>
179 | 
180 | ```javascript
181 | modulo(12, 5) // 2
182 | ```
183 | *Otázka: Implementujte funkciu modulo tak, aby splnila zadanie.*
184 | 
185 | ```javascript
186 | "i'm a lasagna hog".split("").reverse().join("");
187 | ```
188 | *Otázka: Akú hodnotu vráti uvedený výraz?*
189 | 
190 | **Odpoveď:" goh angasal a m'i"**
191 | 
192 | ```javascript
193 | (window.foo || (window.foo = "bar"));
194 | ```
195 | *Otázka: Akú hodnotu má window.foo?*
196 | 
197 | **Odpoveď: "bar"** *(iba ak window.foo bolo false, inak vráti svojou hodnotu)*
198 | 
199 | ```javascript
200 | var foo = "Hello";
201 | 
202 | (function() {
203 |     var bar = "World";
204 |     alert(foo + bar);
205 | })();
206 | 
207 | alert(foo + bar);
208 | ```
209 | *Otázka: Čo zobrazia uvedené dva alerty?*
210 | 
211 | **Odpoveď: "Hello World" a ReferenceError: bar is not defined**
212 | 
213 | ```javascript
214 | var foo = [];
215 | foo.push(1);
216 | foo.push(2);
217 | ```
218 | *Otázka: Aká je hodnota `foo.length`?*
219 | 
220 | **Odpoveď: `2`**
221 | 
222 | ####[[⬆]](#toc) <a name='fun'>Zábavné otázky:</a>
223 | 
224 | * Aká je najúžasnejšia vec, ktorú ste kedy nakódovali, alebo na ktorú ste najviac pyšní?
225 | * Aké sú vaše obľúbené časti vývojárskych nástrojov, ktoré používate?
226 | * Máte nejaký vlastný hobby projekt?
227 | * Aká je Vaša obľúbená vlastnosť Internet Exploreru?
228 | 
229 | ####[[⬆]](#toc) <a name='references'>Ďalšie zaujímave referencie:</a>
230 | 
231 | * http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before
232 | * http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/
233 | * http://css-tricks.com/interview-questions-css/
234 | 


--------------------------------------------------------------------------------
/Translations/Slovenian/README.md:
--------------------------------------------------------------------------------
  1 | #Intervju vprašanja za front-end programerja
  2 | 
  3 | @verzija 1.0
  4 | 
  5 | **Obvestilo:** Ta repositorij vsebuje vrsto front-end vprašanj, ki se lahko uporabijo za preverjanje potencialnih kandidatov. Ni priporočljivo, da se vsa vprašanja uporabijo za vsakega kandidata (to bi trajalo ure). Izberite nekaj vprašanj, ki vam bodo pomagala preveriti kandidata za znanja, ki jih potrebujete.
  6 | 
  7 | Mnogo teh vprašanj je odprtega tipa in lahko pripeljejo do zanimivih diskusij, ki vam bodo o kandidatih sporočili več, kot pa navaden kratek odgovor.
  8 |  
  9 | ####Originalni Avtorji
 10 | 
 11 | **Obvestilo:** večino teh vprašanj je bilo pobranih iz foruma, ustvarjenega in vzdrževanega od nasljednjih ljudi:
 12 | 
 13 | * @bentruyman (http://bentruyman.com)
 14 | * @cowboy (http://benalman.com)
 15 | * @roger_raymond (http://twitter.com/iansym)
 16 | * @ajpiano (http://ajpiano.com)
 17 | * @paul_irish (http://paulirish.com)
 18 | * @SlexAxton (http://alexsexton.com)
 19 | * @boazsender (http://boazsender.com)
 20 | * @miketaylr (http://miketaylr.com)
 21 | * @vladikoff (http://vladfilippov.com)
 22 | * @gf3 (http://gf3.ca)
 23 | * @jon_neal (http://twitter.com/jon_neal)
 24 | * @wookiehangover (http://wookiehangover.com)
 25 | * @darcy_clarke (http://darcyclarke.me)
 26 | * @tairraos (http://xiaole.happylive.org)
 27 | 
 28 | ### Splošna vprašanja:
 29 | 
 30 | * Ali uporabljaš Twitter?
 31 | 	* Če ja, katerim osebam slediš?
 32 | * Ali uporabljaš GitHub?
 33 | 	* Če ja, katerim repositorijem slediš?
 34 | * Katere bloge spremljaš?
 35 | * Katere programe za hranjenje verzij si uporabljal/a (Git, SVN, ...)?
 36 | * Katero okolje najraje uporabljaš za razvoj? (OS, editor, brskalnik, orodja, …)
 37 | * Lahko opišeš tvoj potek dela, ko kreiraš novo spletno stran?
 38 | * Lahko opišeš razliko med "progressive enhancement" in "graceful degradation"?
 39 | 	* bonus točke za opis "feature detection"-a
 40 | * Razloži pojem "Semantic HTML".
 41 | * V katerem brskalniku primarno razvijaš in katera orodja uporabljaš?
 42 | * Kako bi optimiziral/a nalaganje spletne strani (s stališča zahtevanih datotek)?
 43 | 	* Iščemo več rešitev, ki med drugimi vklučujejo tudi:
 44 | 		* Združevanje datotek
 45 | 		* Minifikacija datotek
 46 | 		* CDN gostovanje
 47 | 		* Caching
 48 | 		* ...
 49 | * Zakaj je bolje statične vsebine servirati z večih domen?
 50 | 	* Koliko različnih datotek bo brskalnik prenesel iz ene domene na enkrat?
 51 | * Naštej 3 načine za zmanjšanje "page load time"-a. (dejanski ali zaznavan "load time").
 52 | * Če bi se pridružil/a projektu, kjer uporabljajo "tab"-e, ti pa uporabljaš presledke, kaj bi storil/a?
 53 | 	* Predlog da se uporabi nekaj takega kot je EditorConfig (http://editorconfig.org)
 54 | 	* Se prilagodi
 55 | 	* `issue :retab! command`
 56 | * Ustvari preprosto prezentacijsko stran (slide-show).
 57 | 	* Bonus točke, če ne uporablja JS.
 58 | * Katera orodja uporabljaš za testiranje performančnosti kode?
 59 | 	* JSPerf (http://jsperf.com/)
 60 | 	* Dromaeo (http://dromaeo.com/) 
 61 | 	* ...
 62 | * Če bi to leto lahko popolnoma osvojil/a novo tehnologijo, katera bi to bila?
 63 | * Razloži pomembnost standardov in organov za nadzorovanje standardov.
 64 | * Kaj je FOUC? Kako se izogneš FOUC-u?
 65 | 
 66 | ### HTML vprašanja:
 67 | 
 68 | * Kaj naredi `doctype` in koliko različtih lahko našteješ?
 69 | * Kaj je razlika med "standards mode" in "quirks mode"?
 70 | * Kaj so omejitve pri serviranju XHTML strani?
 71 | 	* Ali so kakšni problemi pri servviranju strani z `application/xhtml+xml`?
 72 | * Kako serviraš stran z vsebino v večih jezikih?
 73 | 	* Na katere stvari moraš paziti ko dizajniraš ali programiraš večjezično stran?
 74 | * Ali lahko uporabljaš XHTML sintakso v HTML5?
 75 | * Kako uporabljaš XML v HTML5?
 76 | * Zakaj lahko uporabimo `data-` atribute?
 77 | * Kaj so "content models" v HTML4 in ali so različni v HTML5?
 78 | * Predpostavi da je HTML5 odprta spletna platforma. Kaj so gradniki HTML5?
 79 | * Opiši razliko med "cookies", "sessionStorage" in "localStorage".
 80 | 
 81 | ### JavaScript vprašanja:
 82 | 
 83 | * Katere JavaScript knjižnice si že uporabljal/a?
 84 | * Si kdaj gledal/a izvorno kodo knjižnic/ogrodij, ki si jih uporabljal/a?
 85 | * Razlika med Java in JavaScript?
 86 | * Kaj je "hashtable"?
 87 | * Kaj sta `undefined` in `undeclared` spremenljivki?
 88 | * Kaj je "closure", in zakaj/kako bi jo uporabil/a?
 89 | * Tipičen primer uporabe anonimnih funkcij?
 90 | * Razloži "JavaScript module pattern" in kdaj bi ga uporabil/a.
 91 | 	* Bonus točke če omeni "clean namespacing".
 92 | * Kako organiziraš svojo kodo? (module pattern, classical inheritance?)
 93 | * Razlika med "host object" in "native object"?
 94 | * Razlika med:
 95 | ```javascript
 96 | function Person(){} var person = Person() var person = new Person()
 97 | ```
 98 | * Razlika med `.call` in `.apply`?
 99 | * Razloži `Function.prototype.bind`?
100 | * Kdaj optimiziraš kodo?
101 | * Ali lahko razložiš dedovanje v JavaScript-u?
102 | * Kdaj bi uporabil/a `document.write()`?
103 | * Razlika med zaznavanjem funkcionalnosti, sklepanjem o funkcionalnosti in uporabljanjem UA niza.
104 | * Razloži AJAX s čim več detajli.
105 | * Razloži kako deluje JSONP (in zakaj to ni res AJAX).
106 | * Si že kdaj uporabil/a JavaScript "templates"-e?
107 | 	* Če ja, katere knjižnice si uporabil/a? (Mustache.js, Handlebars etc.)
108 | * Razloži "hoisting".
109 | * Opiši "event bubbling".
110 | * Razlika med "attribute" in "property"?
111 | * Zakaj je razširjanje vgrajenih JS objektov slaba ideja?
112 | * Zakaj je razširjanje vgrajenih JS objektov dobra ideja?
113 | * Razlika med "document load" in "document ready"?
114 | * Razlika med `==` in `===`? 
115 | * Kako bi dobil URL GET parameter?
116 | * Razloži "same-origin policy".
117 | * Razloži "event delegation".
118 | * Razloži različne načine doseganja dedovanja.
119 | * Napiši kodo za "duplicator()" funkcijo:
120 | ```javascript
121 | [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
122 | ```
123 | * Opiši strategijo za pomnenje (izogibanje ponovnemu računanju).
124 | * Od kod ime "Ternary statement", kaj označuje beseda "Ternary"?
125 | * Kaj je "arity" funkcije?
126 | * Kaj je `"use strict";`? Prednosti/slabosti?
127 | 
128 | ### JavaScript koda primeri:
129 | 
130 | ```javascript
131 | ~~3.14
132 | ```
133 | Vprašanje: Kaj je vrednost zgornjega stavka? 
134 | **Odgovor: 3** 
135 | 
136 | ```javascript
137 | "i'm a lasagna hog".split("").reverse().join("");
138 | ```
139 | Vprašanje: Kaj je vrednost zgornjega stavka? 
140 | **Odgovor: "goh angasal a m'i"** 
141 | 
142 | ```javascript
143 | ( window.foo || ( window.foo = "bar" ) );
144 | ```
145 | Vprašanje: Kaj je vrednost window.foo? 
146 | **Odgovor: "bar"** 
147 | samo če je bil window.foo "lažen", drugače bo ohranil svojo vrednost.
148 | 
149 | ```javascript
150 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
151 | ```
152 | Vprašanje: Kaj je rezultat zgornjih dveh alert-ov? 
153 | **Odgovor: "Hello World" & ReferenceError: bar is not defined** 
154 | 
155 | ```javascript
156 | var foo = [];
157 | foo.push(1);
158 | foo.push(2);
159 | ```
160 | Vprašanje: Kaj je vrednost od foo.length? 
161 | **Odgovor: `2`
162 | 
163 | ```javascript
164 | var foo = {};
165 | foo.bar = 'hello';
166 | ```
167 | Vprašanje: Kaj je vrednost od foo.length? 
168 | **Answer: `undefined`
169 | 
170 | ```javascript
171 | foo = foo||bar
172 | ```
173 | Vprašanje: Kako bi lahko drugače napisal/a zgornji stavek?
174 | *Odgovor: if(!foo) foo = bar
175 | 
176 | ```javascript
177 | foo>>1
178 | ```
179 | Vprašanje: Kako bi lahko drugače napisal/a zgornji stavek?
180 | **Odgovor: Math.floor(foo/2)
181 | 
182 | ```javascript
183 | foo|0
184 | foo+.5|0
185 | ```
186 | Vprašanje: Kako bi lahko drugače napisal/a zgornji stavek?
187 | **Odgovor: parseInt(foo) & Math.round(foo)
188 | 
189 | ```javascript
190 | function foo(bar1, bar2, bar3){}
191 | ```
192 | Vprašanje: Kako dobiti število paremetrov podanih v funkcijo?
193 | **Odgovor: foo.length // 3 za ta primer
194 | 
195 | 
196 | ### jQuery vprašanja:
197 | 
198 | * Razloži "chaining".
199 | * Razloži "deferreds".
200 | * Naštej nekaj, za jQuery specifičnih, optimizacij.
201 | * Kaj naredi `.end()`?
202 | * Kako, in zakaj, bi uporabil/a "namespace"-e za "event handler"-je?
203 | * Naštej 4 različne vrednosti, ki jih lahko podaš jQuery funkciji.
204 | 	* Selector (string), HTML (string), Callback (function), HTMLElement, object, array, element array, jQuery Object, ...
205 | * Kaj je "effects" vrsta (oz. fx)?
206 | * Razlika med `.get()`, `[]`, in `.eq()`?
207 | * Razlika med `.bind()`, `.live()`, in `.delegate()`?
208 | * Razlika med `$` in `$.fn`? Oz. kaj je `$.fn`?
209 | * Optimiziraj naslednji selektor: 
210 | ```javascript
211 | $(".foo div#bar:eq(0)")
212 | ```
213 | * Razlika med 'delegate()' in 'live()'?
214 | 
215 | 
216 | ### CSS vprašanja:
217 | 
218 | * Opiši namen CSS "reset" datoteke in zakaj je uporabna.
219 | * Opiši "float"-e in kako delujejo.
220 | * Opiši različne "clearing" tehnike.
221 | * Razloži CSS "sprite"-e in kako bi jih implementiral/a.
222 | * Tvoje najljubše tehnike za zamenjavo slik?
223 | * CSS hacki, pogojno vključene .css datoteke ali kaj drugega?
224 | * Kako serviraš strani brskalnikom ki imajo omejen nabor funkcionalnosti?
225 | 	* Katere tehnike/procese uporabljaš?
226 | * Na katere načine lahko vizualno skriješ vsebino (tako da je navoljo samo "screen reader"-jem)?
227 | * Si že kdaj uporabil/a "grid" sistem. Če ja, kateri ti je najljubši?
228 | * Si že implementiral/a "media queries" ali za mobilnike specifičen HTML/CSS?
229 | * Imaš kaj izkušenj s CSSjem v navezi s SVGjem?
230 | * Kako optimizeraš strani za tiskanje?
231 | * Naštej nekaj pasti pri pisanju efektivnega CSSja.
232 | * Ali uporabljaš CSS pred-procesor (sass, compass, Stylus, LESS)?
233 | 	* Če ja, opiši kaj ti je/ni všeč.
234 | * Kako bi implementiral/a spletno stran, ki uporablja nestandardno tipografijo?
235 | 	* Webfonts (google webfonts, typekit, …)
236 | * Razloži kako brskalnik ugotovi kateri element pripada kateremu CSS selektorju.
237 | 
238 | ### Opcijska zabavna vprašanja:
239 | 
240 | * Kaj je najbolj "cool" stvar, ki si jo sprogramiral/a? Na kaj si najbolj ponosen/a?
241 | * Poznaš znak (logo) za HTML5?
242 | * Ali si trenutno, oz. si kdaj bil/a, na ladji?
243 | * Najljubše stvari tvojih razvojnih orodij?
244 | * Imaš kak zasebni projekt? Kakšen?
245 | * Razloži pomembnost "cornify".
246 | * Na list papirja napiši vertikalno črke A B C D E . Sedaj pa jih postavi v spuščajoči vrstni red, brez da napišeš vrstico kode.
247 | 	* Počakaj če bo obrnil/a list papirja na glavo
248 | * Pirat ali Ninja?
249 | 	* Bonus točke če je kombiniran/a in je dal/a dober razlog (+2 za zombi opica pirat ninja)
250 | * Če nebi bil/a web-developer, kaj bi počel/a?
251 | * Najljubša lastnost Internet Explorerja?
252 | * Dokončaj naslednji stavek: Brendan Eich in Doug Crockford sta __________ javascript-a.
253 | * jQuery: dobra ali najboljša knjižnica? Debata.
254 | * http://www.w3schools.com/ ali http://w3fools.com/
255 | 


--------------------------------------------------------------------------------
/Translations/Spanish/README_ES.md:
--------------------------------------------------------------------------------
  1 | #GUIA DE PREGUNTAS PARA ENTREVISTAS DE TRABAJO
  2 | 
  3 | Este repositorio contiene preguntas de entrevistas a programadores front-end, que pueden ser usadas para revisar a candidatos potenciales. Bajo ningún concepto se recomienda usar todas las preguntas aquí expuestas con el mismo candidato (eso llevaría horas). Escoger algunos elementos de esta lista debería ayudarle a revisar las habilidades que requiere.
  4 | 
  5 | **Nota:** Tenga en mente que muchas de estas preguntas son abiertas y pueden llevar a interesantes discusiones que le pueden decir más sobre las capacidades de la persona que una simple respuesta.
  6 | 
  7 | ## Índice
  8 | 
  9 |   1. [Preguntas generales](#general)
 10 |   1. [Preguntas específicas de HTML](#html)
 11 |   1. [Preguntas específicas de CSS](#css)
 12 |   1. [Preguntas específicas de JavaScript](#js)
 13 |   1. [Preguntas de código](#codigojs)
 14 |   1. [Preguntas divertidas](#divertidas)
 15 | 
 16 | ## Contribuyendo
 17 | 
 18 |   1. [Contribuyentes](#contribuyentes)
 19 |   1. [Cómo contribuir](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/CONTRIBUTING.md)
 20 |   1. [Licencia](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/LICENSE.md)
 21 | 
 22 | ####<a name='general'>Preguntas generales:</a>
 23 | 
 24 | * ¿Qué sistemas de control de versiones ha usado?
 25 | * ¿Cuál es su ambiente de desarrollo favorito?
 26 | * ¿Puede describir el proceso que sigue cuando crea una página web?
 27 | * ¿Puede describir la diferencia entre "Progressive Enhancement" y "Graceful Degradation"?
 28 | 	* Puntos extra si el entrevistado menciona "detección de capacidades".
 29 | * Explique qué significa "HTML Semántico".
 30 | * ¿Cuál es el navegador que utiliza principalmente para el desarrollo y qué herramientas de desarrollo usa?
 31 | * ¿Cómo optimiza los recursos de una web?
 32 | * ¿Por qué es mejor utilizar varios dominios para distribuir los recursos de una página web?
 33 | 	* ¿Cuántos recursos se pueden descargar simultáneamente de un mismo dominio?
 34 | * Mencione tres formas para disminuir el tiempo de carga de una página (tiempo real o percibido).
 35 | * Si se ha unido a un proyecto y los desarrolladores usan tabs y usted usa espacios, ¿qué hace?
 36 | * Escriba una página con una galería sencilla.
 37 | * ¿Qué herramientas usa para probar el rendimiento de su código?
 38 | * Si pudiera elegir una tecnología para dominar este año, ¿cuál sería?
 39 | * Explique la importancia de estándares y los grupos que los definen.
 40 | * ¿Sabe que es el FOUC? ¿Cómo lo evita?
 41 | 
 42 | ####<a name='html'>Preguntas específicas de HTML:</a>
 43 | 
 44 | * ¿Qué función cumple el `doctype` y cuántos puede nombrar?
 45 | * ¿Cuál es la diferencia entre el modo convencional y el "quirks mode"?
 46 | * ¿Cuáles son las limitaciones al utilizar páginas XHTML?
 47 | 	* ¿Hay algún problema al servir las páginas usando: `application/xhtml+xml`?  
 48 | * ¿Cómo programaría una página con contenido en varios lenguajes?
 49 | 	* ¿Qué consideraciones se deben tener cuando se diseñan/desarrollan sitios multi-lenguajes?
 50 | * ¿Puede usar sintaxis de XHTML en HTML5?
 51 | * ¿Cómo usa XML en HTML5?
 52 | * ¿Para qué son buenos los atributos `data-`?
 53 | * ¿Cuáles son los modelos de contenido usados en HTML4? ¿Puede compararlos a los de HTML5?
 54 | * Si consideramos HTML5 como una plataforma web abierta, ¿cuáles son las piezas del lego que constituyen HTML5?
 55 | * Describa la diferencia entre cookies, sessionStorage y localStorage.
 56 | 
 57 | ####<a name='css'>Preguntas específicas de CSS:</a>
 58 | 
 59 | * Describa qué es un archivo "reset" y por qué es útil.
 60 | * Describa qué son los "floats" y su funcionamiento.
 61 | * ¿Cuáles son los métodos para "limpiar" (clear) sus "floats" y cuál es apropiado en el contexto dado?
 62 | * Explique ¿qué son los sprites en CSS y cómo los implementarias en una página?
 63 | * ¿Cuál es su técnica favorita para reemplazar imágenes y cuando usa cada una?
 64 | * ¿"CSS Hacks", archivos incluidos con etiquetas condicionales o algún otro metodo...?
 65 | * ¿Cuál es su enfoque al desarrollar páginas que dan soporte a navegadores con capacidades limitadas?
 66 | 	* ¿Qué técnicas o procesos usa?
 67 | * ¿Cuáles son las distintas formas para esconder contenido, pero mantenerlo disponible únicamente para lectores de pantalla?
 68 | * ¿Ha usado algún sistema para cuadrículas (grids) y cuál prefiere?
 69 | * ¿Ha usado o implementado "media queries" o reglas específicas para dispositivos móviles?
 70 | * ¿Está familiarizado con aplicar estilos a SVGs?
 71 | * ¿Cómo optimiza sus páginas para la impresión?
 72 | * ¿Cuáles son algunas de las "trampas" al escribir CSS eficiente?
 73 | * ¿Ha usado algún preprocesador para CSS?
 74 | 	* De ser así, ¿puede mencionar qué le gusta y qué no de los que ha usado?
 75 | * ¿Cómo implementaría un diseño que usa fuentes que no son web-safe?
 76 | * ¿Puede explicar cómo determina un navegador qué elementos coinciden con un selector de CSS?
 77 | * ¿Puede explicar cómo entiende el `box model` (modelo de cajas) y como podría hacer que un navegador renderize su esquema usando diferentes modelos de cajas?
 78 | * Por favor enliste todos los valores para la propiedad `display` que pueda recordar
 79 | * ¿Cuál es la diferencia entre `inline` y `inline-block`?
 80 | * ¿Cuál es la diferencia entre las posiciones `relative`, `fixed`, `absolute` y `static` para un elemento dado?
 81 | * ¿Qué sabe sobre Css Flexbox y cuales son sus ventajas?
 82 | 
 83 | ####<a name='js'>Preguntas específicas de JavaScript:</a>
 84 | 
 85 | * Explique "event delegation".
 86 | * Explique cómo funciona `this` en JavaScript.
 87 | * Explique cómo funciona la herencia de prototipos (prototypal inheritance) en JavaScript.
 88 | * ¿Cómo realiza pruebas en JavaScript?
 89 | * AMD vs. CommonJS?
 90 | * ¿Qué bibliotecas de JavaScript ha usado?
 91 | * ¿Alguna vez ha mirado el código fuente de bibliotecas/frameworks que utiliza?
 92 | * ¿Qué es un `hashtable`?
 93 | * ¿Cuál es la diferencia entre variables `undefined` y variables `undeclared`?
 94 | * ¿Qué es un "closure" y cuando, o por qué usaría uno?
 95 | 	* ¿Cuál es su patrón favorito para crearlos? Cuadriculado (Solo aplica a las IIFEs)
 96 | * ¿Puede hablar de un uso típico para una función anónima?
 97 | * ¿Puede explicar el Patrón Módulo en JavaScript y cuándo lo usaría?
 98 | 	* Puntos extra por mencionar un namespace no contaminado.
 99 | 	* ¿Qué pasa si sus módulos no tienen un namespace?
100 | * ¿Cómo organiza su código, patrón módulo, herencia clásica?
101 | * ¿Cuál es la diferencia entre objetos huésped (host objects) y objetos nativos?
102 | * ¿Cuál es la diferencia entre:
103 | ` function Person(){} `, `var person = Person()` y `var person = new Person()`?
104 | * ¿Cuál es la diferencia entre `.call` y `.apply`?
105 | * ¿Puede explicar el uso de `Function.prototype.bind`?
106 | * ¿Cuándo optimiza su código?
107 | * ¿Puede explicar cómo funciona la herencia en JavaScript?
108 | * ¿Cuándo usarías `document.write()`?
109 | * ¿Cuál es la diferencia entre detección de capacidades, inferencia de capacidades y usar la cadena del user agent.
110 | * Explique AJAX con tanto detalle como pueda.
111 | * Explique cómo funciona JSONP (y cómo no es AJAX realmente)
112 | * ¿Ha utilizado alguna vez templates en JavaScript?
113 | 	* De ser asi, ¿qué bibliotecas ha usado?
114 | * ¿Puede explicar en que consiste el "hoisting"?
115 | * ¿Puede hablar sobre "event bubbling"?
116 | * ¿Cuál es la diferencia entre un "atributo" y una "propiedad"?
117 | * ¿Por qué es una mala idea extender objetos nativos de JavaScript?
118 | * ¿Por qué es una buena idea extender objetos nativos de JavaScript?
119 | * ¿Cuál es la diferencia entre el evento "document load" y el evento “document ready"?
120 | * ¿Cuál es la diferencia entre `==` y `===`?
121 | * Si tiene que obtener un parametro de la URL, ¿cómo lo harías?
122 | * Explique la política de mismo origen (same-origin policy) y sus repercusiones en JavaScript.
123 | * ¿Puede describir los patrones de herencia en JavaScript?
124 | * Haga que este código funcione:
125 | ```javascript
126 | [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]
127 | ```
128 | * ¿Puede describir una estrategia para memorización (*memoization*, evitar repetir cálculos) en JavaScript?
129 | * ¿Por qué reciben el nombre de sentencias ternarias? ¿Qué significa la palabra "ternaria"?  
130 | * Haga un ciclo `for` de `100` iteraciones que imprima **"fizz"** en los múltiplos de `3`, **"buzz"** en los múltiplos de 5 y **"fizzbuzz"** en los múltiplos de `3` y `5`
131 | * De manera general, ¿por qué es una buena idea no usar el "ámbito" (scope) global de un sitio web?
132 | * ¿Qué es el `arity` de una función?
133 | * ¿Qué es `"use strict";`? ¿Cuáles son las ventajas y desventajas de usarlo?
134 | 
135 | ####<a name='codigojs'>Preguntas de código:</a>
136 | 
137 | Pregunta: ¿Cuál es el resultado de la siguiente sentencia?
138 | ```javascript
139 | ~~3.14
140 | ```
141 | 
142 | Pregunta: ¿Cuál es el resultado de la siguiente sentencia?
143 | ```javascript
144 | "i'm a lasagna hog".split("").reverse().join("");
145 | ```
146 | 
147 | Pregunta: ¿Cuál es el valor de **window.foo**?
148 | ```javascript
149 | ( window.foo || ( window.foo = "bar" ) );
150 | ```
151 | 
152 | Pregunta: ¿Cuál es el resultado de los dos *alerts*?
153 | ```javascript
154 | var foo = "Hello";
155 | (function() {
156 |   var bar = " World";
157 |   alert(foo + bar);
158 | })();
159 | alert(foo + bar);
160 | ```
161 | 
162 | Pregunta: ¿Cuál es el valor de **foo.length**?
163 | ```javascript
164 | var foo = [];
165 | foo.push(1);
166 | foo.push(2);
167 | ```
168 | 
169 | ####<a name='divertidas'>Preguntas divertidas:</a>
170 | 
171 | * ¿Qué es lo más genial que ha programado y qué es lo que más le enorgullece de ello?
172 | * ¿Cuáles son sus partes favoritas de las herramientas de desarrollo que usa?
173 | * ¿Tiene algún proyecto personal? ¿De qué tipo?
174 | * ¿Cuál es su funcionalidad favorita de Internet Explorer?
175 | 
176 | 
177 | ####<a name='contribuyentes'>Contribuyentes</a>
178 | 
179 | Este documento se creó en 2009 como una colaboración de [@paul_irish](http://twitter.com/paul_irish) [@bentruyman](http://twitter.com/bentruyman) [@cowboy](http://twitter.com/cowboy) [@ajpiano](http://twitter.com/ajpiano)  [@SlexAxton](http://twitter.com/slexaxton) [@boazsender](http://twitter.com/boazsender) [@miketaylr](http://twitter.com/miketaylr) [@vladikoff](http://twitter.com/vladikoff) [@gf3](http://twitter.com/gf3) [@jon_neal](http://twitter.com/jon_neal) [@sambreed](http://twitter.com/sambreed) y [@iansym](http://twitter.com/iansym).
180 | 
181 | Ha recibido contribuciones de [100 desarrolladores](https://github.com/h5bp/Front-end-Developer-Interview-Questions/graphs/contributors).
182 | 


--------------------------------------------------------------------------------
/Translations/Swedish/README.md:
--------------------------------------------------------------------------------
  1 | #Front-end Anställningsfrågor
  2 | 
  3 | Detta arkiv innehåller ett urval av frågor som kan ställas till den arbetssökande. Det är verkligen inte rekommenderat att ställa alla frågor här till samma person (det skulle ta timmar). Att välja ut ett par stycken från listan bör hjälpa dig besluta huruvida den arbetssökande uppfyller dina krav.
  4 | 
  5 | [Rebecca Murphey](http://rmurphey.com/)s [Baseline For Front-End Developers](http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/) är också en bra resurs att läsa in dig på innan du ger dig in i en intervju.
  6 | 
  7 | **Att tänka på:** Kom ihåg att många av de här frågorna är öppna och kan leda till intressanta diskussioner som berättar mer om personens kunskaper än vad en sluten fråga skulle.
  8 | 
  9 | ## <a name='toc'>Innehållsförteckning</a>
 10 | 
 11 |   1. [Ursprungliga skribenter](#contributors)
 12 |   1. [Allmänna frågor](#general)
 13 |   1. [HTML-frågor](#html)
 14 |   1. [CSS-frågor](#css)
 15 |   1. [JS-frågor](#js)
 16 |   1. [jQuery-frågor](#jquery)
 17 |   1. [Kodfrågor](#jscode)
 18 |   1. [Roliga frågor](#fun)
 19 |   1. [Andra bra resurser](#references)
 20 |   1. [Licens](#license)
 21 | 
 22 | ####[[⬆]](#toc) <a name='contributors'>Ursprungliga skribenter:</a>
 23 | 
 24 | Majoriteten av de här frågorna hämtades från en [oksoclap](http://oksoclap.com/)-tråd som ursprungligen skapades av [Paul Irish](http://paulirish.com) ([@paul_irish](http://twitter.com/paul_irish)) med bidrag från följande personer: [@bentruyman](http://twitter.com/bentruyman) [@cowboy](http://twitter.com/cowboy) [@ajpiano](http://ajpiano)  [@SlexAxton](http://twitter.com/slexaxton) [@boazsender](http://twitter.com/boazsender) [@miketaylr](http://twitter.com/miketaylr) [@vladikoff](http://twitter.com/vladikoff) [@gf3](http://twitter.com/gf3) [@jon_neal](http://twitter.com/jon_neal) [@sambreed](http://twitter.com/sambreed) [@iansym](http://twitter.com/iansym)
 25 | 
 26 | ####[[⬆]](#toc) <a name='general'>Allmänna frågor:</a>
 27 | 
 28 | * Vad lärde du dig igår / den här veckan?
 29 | * Vad tycker du är spännande eller intressant med kodning?
 30 | * Vilka övervägningar gör du angående gränssnitt, säkerhet, prestanda, SEO, underhållsmässighet och tekniker när du bygger en webbapplikation eller -plats?
 31 | * Berätta lite om den utvecklingsmiljö du helst sitter i? (OS, editor eller IDE, webbläsare, verktyg o.s.v.)
 32 | * Kan du beskriva ditt arbetsflöde när du skapar en hemsida?
 33 | * Om du har fem olika stilmallar, hur skulle du bäst integrera dem i sajten?
 34 |   * Filkonkatenering.
 35 | * Kan du beskriva skillnaden mellan "progressive enhancement" och "graceful degradation"?
 36 | 	* Bonuspoäng för att beskriva "feature detection"
 37 | * Hur skulle du optimera en webbplats resurser?
 38 |   * Söker en rad lösningar som kan innefatta:
 39 |     * Sammanfoga filer (file concatenation)
 40 |     * Minska filstorleken (file minification)
 41 |     * Hosta via CDN
 42 |     * Caching
 43 |     * o.s.v.
 44 | * Varför har det traditionellt sett varit bättre att servera webbplatsen från flera domäner?
 45 |   * Hur många resurser kan en webbläsare ladda från en specifik domän åt gången?
 46 |   * Vilka är undantagen?
 47 |     * Bonuspoäng för att nämna mobila enheter som en möjlig nackdel (http://www.mobify.com/blog/domain-sharding-bad-news-mobile-performance/).
 48 |     * Bonuspoäng för att nämna HTTP2/SPDY som ett undantag.
 49 | * Nämn tre sätt att minska laddningstiden för en webbsida (uppfattad eller faktisk laddningstid).
 50 | * Om du hoppade på ett projekt och de använde tabbar och du mellanslag, vad skulle du då göra?
 51 |   * Föreslå att projektet använder sig av något som t.ex. EditorConfig (http://editorconfig.org)
 52 |   * Håll dig till konventionerna (var konsekvent)
 53 |   * `issue :retab! command`
 54 | * Sätt ihop ett enkelt bildspel 
 55 |   * Bonuspoäng om det inte använder sig av JS.
 56 | * Vilka verktyg använder du dig av för att testa din kods prestanda?
 57 |   * Profiler, JSPerf, Dromaeo
 58 | * Om du kunde bemästra en teknologi i år, vad skulle det vara?
 59 | * Vad är skillnaderna mellan long-polling, WebSockets och SSE?
 60 | * Beskriv varför det är viktigt med standarder och standardiseringsorganisationer.
 61 | * Vad är FOUC? Hur undviker du FOUC?
 62 | * Förklara så noggrannt du kan processen från att du skriver in en webbsidas URL till att sidan har laddats färdigt på din skärm.
 63 | 
 64 | ####[[⬆]](#toc) <a name='html'>HTML-frågor:</a>
 65 | 
 66 | * Vad gör en dokumenttyp (doctype)?
 67 | * Vad är skillnaden mellan standard-läge och quirks-läge?
 68 | * Vilka begränsningar utsätts du för när du hanterar XHTML-sidor?
 69 |   * Finns det några problem med att skicka sidor som `application/xhtml+xml`?
 70 | * Hur skickar du en sida innehållandes flera språk?
 71 |   * Vad måste du vara försiktig med när du designar eller utvecklar för flerspråkssidor?
 72 | * Vad är `data-`-attributen bra för?
 73 | * Tänk dig HTML5 som en öppen webb-plattform. Vad är byggstenarna i HTML5?
 74 | * Beskriv skillnaden mellan cookies, sessionStorage och localStorage.
 75 | * Kan du förklara skillnaden mellan `GET` och `POST`?
 76 | 
 77 | ####[[⬆]](#toc) <a name='css'>CSS-frågor:</a>
 78 | 
 79 | * Vad är skillnaden mellan klasser och ID:n i CSS?
 80 | * Förklara vad en nollställnings(reset)-CSS-fil gör och varför den är användbar.
 81 |   * Bonuspoäng för att nämna baksidor med en nollställningsfil, och/eller nämna normaliseringsfil som ett bättre alternativ.
 82 | * Beskriv floats och hur de fungerar.
 83 | * Beskriv z-index och hur stacking context skapas.
 84 | * Vilka olika clearing-tekniker finns det och vilka passar för vilka sammanhang?
 85 | * Förklara CSS-sprites och hur du skulle implementera dem på en sida.
 86 | * Vilka är dina favorittekniker för bildersättning och vilka använder du i vilka situationer?
 87 | * CSS "property hacks", villkorligt inkluderade .css-filer eller något annat?
 88 | * Hur skickar du sidor till funktionsbegränsade webbläsare?
 89 |   * Vilka tekniker/processer använder du?
 90 | * Vilka olika sätt finns det att visuellt dölja element (och bara göra dem tillgängliga för skärmläsare)?
 91 | * Har du någonsin använt ett rutnätsystem, och i sådana fall, vilket föredrar du?
 92 | * Har du använt eller implementerat mediafrågor eller mobilspecifika layouter/CSS:er?
 93 | * Någon erfarenhet av att styla SVG? 
 94 | * Hur optimerar du dina webbplatser för utskrift?
 95 | * Vilka är några av de fallgropar som finns för att skriva effektiv CSS?
 96 | * Vilka är fördelarna/nackdelarna med att använda CSS-preprocessorer? (SASS, Compass, Stylus, LESS)
 97 |   * Om du använt några själv, beskriv vad du gillar och ogillar med dem.
 98 | * Hur skulle du implementera en webbdesign som använder icke-standardiserade typsnitt?
 99 |   * Webbtypsnitt (Typsnittstjänster som: Google webbtypsnitt, Typekit o.s.v.)
100 | * Förklara hur en webbläsare bestämmer vilka element som matchar en selektor.
101 | * Förklara boxmodellen och hur du skulle göra i CSS för att få webbläsaren att rendera din layout i olika boxmodeller.
102 | * Vad gör ```* { box-sizing: border-box; }```? Vad är dess fördelar?
103 | * Lista så många värden för display-egenskapen som du kan komma ihåg.
104 | * Vad är skillnaden mellan inline och inline-block?
105 | * Vad är skillnaden mellan element som är positionerade med relative, fixed, absolute och static?
106 | * Vilka CSS-ramverk har du använt lokalt eller i produktion? (Twitter Bootstrap, PureCSS, Foundation etc.)
107 |   * Om du kunde, hur skulle du förändra/förbättra dem?
108 | * Har du lekt något med de nya CSS-specifikationerna för Flexbox och Grid?
109 | * På vilket sätt skiljer sig resposiv design från adaptiv design?
110 | * Har du någon gång arbetat med retinagrafik? I så fall, när var det och vilka tekniker använde du?
111 | 
112 | ####[[⬆]](#toc) <a name='js'>JS-frågor:</a>
113 | 
114 | * Förklara eventdelegering
115 | * Förklara hur `this` fungerar i JavaScript
116 | * Förklara hur prototypiskt arv fungerar
117 | * Hur gör du för att testa ditt JavaScript?
118 | * AMD eller CommonJS?
119 | * Förklara varför följande inte fungerar som en IIFE: `function foo(){ }();`.
120 |   * Vad behöver ändras för att göra den till en fungerande IIFE?
121 | * Vad är skillnaden mellan en variabel som är: `null`, `undefined` eller `undeclared`?
122 |   * Hur skulle du göra för att kolla efter någon av dessa?
123 | * Vad är en "closure" och hur/varför vill du använda det?
124 | * Vad är ett typiskt användningsområde för en anonym funktion?
125 | * Hur organiserar du din kod? (module pattern, classical inheritance?) 
126 | * Vad är skillnaden mellan "host objects" och "native objects"?
127 | * Skillnaden mellan: `function Person(){}`, `var person = Person()` och `var person = new Person()`?
128 | * Vad är skillnaden mellan `.call` och `.apply`? 
129 | * Förklara `Function.prototype.bind`? 
130 | * När optimerar du din kod?
131 | * När skulle du använda `document.write()`?
132 |   * De flesta genererade reklamerna använder fortfarande `document.write()` även om de flesta ogillar det
133 | * Vad är skillnaden mellan "feature detection", "feature inference", och att använda UA-strängen?
134 | * Förklara AJAX så noggrant som möjligt
135 | * Förklara hur JSONP fungerar (och varför det egentligen inte är AJAX)
136 | * Har du någonsin använt "JavaScript templating"?
137 |   * Om så är fallet, vilka bibliotek har du använt? (Mustache.js, Handlebars o.s.v.) 
138 | * Förklara "hoisting".
139 | * Beskriv "event bubbling".
140 | * Vad är skillnaden mellan "attribute" och "property"? 
141 | * Varför är det inte bra att utvidga (extend) inbyggda JavaScript-objekt?
142 | * Skillnaden mellan "document load event" och "document ready event"? 
143 | * Vad är skillnaden mellan `==` och `===`? 
144 | * Förklara "same-origin policy" med hänsyn till JavaScript. 
145 | * Få det här att fungera
146 | ```javascript
147 | [1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5]
148 | ```
149 | * Varför kallas det för "Ternary expression", vad menas med ordet "Ternary"?
150 | * Vad är `"use strict";`? Vilka är för- och nackdelarna med att använda det?
151 | 
152 | ####[[⬆]](#toc) <a name='jquery'>jQuery-frågor:</a>
153 | 
154 | * Förklara "chaining". 
155 | * Förklara "deferreds".
156 | * Vad är några jQuery-optimeringar du kan göra?
157 | * Vad gör `.end()`? 
158 | * Nämn fyra olika värden du kan skicka till jQuery-metoden.
159 |   * Selektor (sträng), HTML (sträng), Callback (funktion), HTMLElement, objekt, array, array av element, jQuery-objekt o.s.v.
160 | * Vad är skillnaden mellan `.get()`, `[]`, och `.eq()`? 
161 | 
162 | ####[[⬆]](#toc) <a name='jscode'>Kodfrågor:</a>
163 | 
164 | *Fråga: Implementera en modulofunktion som stämmer med nedan*
165 | ```javascript
166 | modulo(12, 5) // 2
167 | ```
168 | 
169 | Fråga: Vilket värde returneras från nedanstående?
170 | ```javascript
171 | "i'm a lasagna hog".split("").reverse().join("");
172 | ```
173 | **Svar: "goh angasal a m'i"** 
174 | 
175 | *Fråga: Vad är värdet av `window.foo`?*
176 | ```javascript
177 | ( window.foo || ( window.foo = "bar" ) );
178 | ```
179 | **Svar: "bar"** *Bara om `window.foo` var "falsey", annars skulle den behålla sitt värde.*
180 | 
181 | 
182 | *Fråga: Vad kommer de två alerterna att ropa ut?*
183 | ```javascript
184 | var foo = "Hello"; (function() { var bar = " World"; alert(foo + bar); })(); alert(foo + bar);
185 | ```
186 | **Svar: "Hello World" & ReferenceError: bar is not defined** 
187 | 
188 | 
189 | *Fråga: Vad är värdet av `foo.length`?*
190 | ```javascript
191 | var foo = [];
192 | foo.push(1);
193 | foo.push(2);
194 | ```
195 | **Svar: `2`**
196 | 
197 | ####[[⬆]](#toc) <a name='fun'>Roliga frågor:</a>
198 | 
199 | * Nämn en cool sak du kodat nyligen. Vad har du byggt som du är stolt över?
200 | * Nämn några delar som du gillar hos de utvecklarverktyg du använder?
201 | * Har du några egna projekt som du sköter om? I sådana fall vilken typ av projekt?
202 | * Vilken är din favoritfunktion i Internet Explorer?
203 | 
204 | ####[[⬆]](#toc) <a name='references'>Andra bra resurser:</a>
205 | 
206 | * http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before
207 | * http://www.nczonline.net/blog/2010/01/05/interviewing-the-front-end-engineer/
208 | * http://css-tricks.com/interview-questions-css/
209 | * http://davidshariff.com/quiz/
210 | * http://blog.sourcing.io/interview-questions
211 | * http://www.toptal.com/javascript/interview-questions
212 | * http://www.sitepoint.com/5-typical-javascript-interview-exercises/
213 | * http://www.sitepoint.com/5-javascript-interview-exercises/
214 | 
215 | ####[[⬆]](#toc) <a name='license'>Licens:</a>
216 | 
217 | Copyright 2012 av Darcy Clarke, släppt under [MIT-licensen](http://opensource.org/licenses/MIT). Se filen LICENSE för detaljer.
218 | 


--------------------------------------------------------------------------------