|
38 | 38 |
|
39 | 39 | * Какво научихте вчера / тази седмица?
|
40 | 40 | * Какво ви привлича в писането на код?
|
41 |
| -* Какви неща свързани с потребителския интерфейс, сигурността, бързодействието, SEO, поддръжката или технологиите взимате предвид, когато създавате уеб приложения или сайтове? |
42 |
| -* Разкажете за предпочитаната среда за разработка. (операционна система, редактор, браузър, инструменти и т.н.) |
| 41 | +* Какво свързва потребителския интерфейс, сигурността, функционирането, SEO, поддръжката или технологиите по между им при създаването на уеб приложения или сайтове? |
| 42 | +* Разкажете за предпочитанията ви към операционни системи, редактори, браузери, инструменти и т.н. |
43 | 43 | * Можете ли да обясните последователността от действия, които извършвате, когато създавате уеб страници?
|
| 44 | +* Ако имате 5 различни стилови файла, как бихте ги интегрирали? |
44 | 45 | * Можете ли да обясните разликите между progressive enhancement и graceful degradation?
|
45 |
| - * Бонус точки за обяснението на feature detection (определяне на това, какво поддържа браузъра и какво не) |
46 |
| -* Обяснете какво означава "Semantic HTML". |
47 | 46 | * Как бихте оптимизирали зареждането на ресурси за дадена уеб страница?
|
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 |
| 47 | +* По колко ресурса едновременно свалят браузърите от даден домейн? |
| 48 | + * Какви са изключенията? |
| 49 | +* Назовете 3 начина да намалите скоростта на зареждане на уеб страница. (забележимата или реалната скорост на зареждане) |
| 50 | +* Ако започнете работа по проект, в чийто код са използвана табулация, а вие сте използвали интервали, какво ще направите? |
| 51 | +* Обяснете как бихте изградили страница със слайд-шоу. |
65 | 52 | * Ако можете да научите много добре 1 технология тази година, каква ще е тя?
|
66 |
| -* Каква е разликата между Long-Polling, Websockets и SSE? |
67 | 53 | * Обяснете важността на стандартите и организациите за стандартизация.
|
68 | 54 | * Какво е FOUC? Как се справяте с FOUC?
|
| 55 | +* Обяснете какво е ARIA и екранни четци и как да правим сайтовете по-достъпни? |
| 56 | +* Обяснете предимствата и недостатъците на CSS анимациите пред тези на Javascript? |
| 57 | +* Обяснете CORS и какъв проблем решава? |
| 58 | + |
69 | 59 |
|
70 | 60 | ####[[⬆]](#toc) <a name='html'>HTML въпроси:</a>
|
71 | 61 |
|
72 | 62 | * Какво прави `doctype`?
|
73 |
| -* Каква е разликата между standards mode и quirks mode? |
74 |
| -* Какви са ограниченията при XHTML страниците? |
75 |
| - * Има ли проблеми при обработката на страници с `application/xhtml+xml`? |
76 |
| -* Как връщате страници със съдържание на няколко езика? |
77 |
| - * Какви неща трябва да се имат предвид, когато правите дизайн или разработвате многоезични страници? |
| 63 | +* Каква е разликата между standards mode, почти standards mode и quirks mode? |
| 64 | +* Каква е разликата между HTML и XHTML? |
| 65 | +* Има ли проблеми при обработката на страници с `application/xhtml+xml`? |
| 66 | +* Как показвате страници със съдържание на няколко езика? |
| 67 | +* Какви неща трябва да се имат предвид, когато правите дизайн или разработвате многоезични страници? |
78 | 68 | * За какво служат HTML атрибутите, които започват с `data-`?
|
79 | 69 | * Представете си HTML5 като отворена уеб платформа. Кои са градивните елементи на HTML5?
|
80 | 70 | * Обяснете разликата между бисквитки, sessionStorage и localStorage.
|
| 71 | +* Обяснете разликата `<script>`, `<script async> ` и `<script defer>`. |
| 72 | +* Защо е добре да се зарежда CSS <link> в елемента <head></head> и JS <script> преди затварящия таг </body>? Знаете ли за изключения? |
| 73 | +* Какво означава progressive rendering? |
| 74 | +* Използвали ли сте различни шаблонни HTML езици? |
| 75 | + |
81 | 76 |
|
82 | 77 | ####[[⬆]](#toc) <a name='css'>CSS въпроси:</a>
|
83 | 78 |
|
84 |
| -* Обяснете както е "reset" CSS файл и за какво е необходим. |
| 79 | +* Каква е разликата между class и ID в CSS? |
| 80 | +* Каква е разликата между "resetting" и "normalizing" в CSS? Кое бихте избрали и защо? |
85 | 81 | * Обяснете плаващите елементи (floats) и как работят.
|
| 82 | +* Обяснете z-index и как се формира наслагването на елементите. |
| 83 | +* Опишете BFC (Block Formatting Context) и как работи той. |
86 | 84 | * Кои са различните clearing техники и кои в какъв контекст се използват?
|
87 | 85 | * Обяснете CSS sprite-овете, и как можете да ги вкарате на уеб страница или сайт.
|
88 | 86 | * Кои са любимите ви техники, които заменят картинките и в кои случаи кои от тях използвате?
|
89 |
| -* Коя техника предпочитате: CSS свойства за всеки браузър, условно включени .css файлове, или... нещо друго? |
| 87 | +* Как бихте подходили за да решите специфичните стилове за различните браузери? |
90 | 88 | * Как показвате страниците си на браузъри, които не поддържат част от възможностите на HTML5?
|
91 | 89 | * Какви техники/процеси използвате?
|
92 | 90 | * Какви са различните начини визуално да скриете съдържание от уеб страницата (и да го направите видимо само за екранните четци)?
|
|
95 | 93 | * Запознати ли сте със стилизирането на SVG?
|
96 | 94 | * Как оптимизирате вашите уеб страници за принтиране?
|
97 | 95 | * Кои са някои от "триковете" за писане на ефективен CSS?
|
98 |
| -* Какви са предимствата/недостатъците при използване на SASS, Compass, Stylus, LESS и подобни? |
| 96 | +* Какви са предимствата/недостатъците при използване на препроцесори? |
99 | 97 | * Опишете какво ви харесва и не ви харесва при използването им.
|
100 | 98 | * Как реализирате уеб дизайни, които използват нестандартни фонтове?
|
101 |
| - * Уеб фонтове (фонт сървиси като: Google Webfonts, Typekit и т.н.) |
102 | 99 | * Обяснете как уеб браузърите разбират кои елементи отговарят на даден CSS селектор.
|
103 |
| -* Как разбирате box модела и как казвате на уеб браузъра чрез CSS да рендира вашия лейаут с различен box модел. |
| 100 | +* Опишете псевдо-елементите и обяснете за какво се използват. |
| 101 | +* Обяснете как разбирате box model и как бихте накарали браузера с CSS да изпълни layout в различни box model-и. |
| 102 | +* Какво прави `* { box-sizing: border-box; } `? Какви са преимуществата му? |
| 103 | +* Направете списък на всички display характеристики, за които можете да се сетите. |
| 104 | +* Каква е разликата между inline и inline-block? |
| 105 | +* Каква е разликата между позиционирането на елементите relative, fixed, absolute и static? |
| 106 | +* 'C' в CSS идва от Cascading. Какъв приоритет имат стиловете при наслагването им (няколко примера)? Как бихте използвали това? |
| 107 | +* Какви CSS frameworks сте ползвали самостоятелно или в проекти? Как бихте ги променили/обогатили? |
| 108 | +* Тествали ли сте новия CSS Flexbox или Grid specs? |
| 109 | +* Каква е разликата между responsive design и adaptive design на сайт? |
| 110 | +* Работили ли сте с retina graphics? Ако да, какви техники използвахте? |
| 111 | +* Има ли причина да ползвате translate() вместо абсолютно позициониране и обратно? Защо? |
104 | 112 |
|
105 | 113 | ####[[⬆]](#toc) <a name='js'>JS въпроси:</a>
|
106 | 114 |
|
107 |
| -* Обяснете делегатите на събития |
108 |
| -* Обяснете как работи `this` в JavaScript |
109 |
| -* Обяснете как работят прототипните интерфейси |
110 |
| -* Как тествате вашия JavaScript? |
| 115 | +* Обяснете event delegation. |
| 116 | +* Обяснете как работи `this` в JavaScript. |
| 117 | +* Обяснете как работи унаследяването на прототипи (prototypal inheritance). |
111 | 118 | * AMD или CommonJS?
|
112 |
| -* Какво е хеш-таблица? |
113 |
| -* Обяснете защо този код не работи като IIFE: `function foo(){ }();`. |
114 |
| - * Какво е нужно да се промени, за да може кодът да работи като IIFE? |
115 |
| -* Каква е разликата между променлива, която е: `null`, `undefined` или `недекларирана`? |
| 119 | +* Обяснете защо този код не работи IIFE: `function foo(){ }();`. |
| 120 | + * Какво е нужно да се промени, за да може кодът да работи IIFE? |
| 121 | +* Каква е разликата между променлива, която е: `null`, `undefined` или `undeclared`? |
116 | 122 | * Как проверявате всяко от тези състояния на променливите?
|
117 |
| -* Какво е closure? Как и защо се използва? |
118 |
| -* Какви са типичните употреби на анонимните функции? |
119 |
| -* Обяснете "JavaScript модул патърна" и кога се използва. |
120 |
| - * Бонус точки за споменаване на "замърсяване на глобалния scope". |
121 |
| - * Какво ще стане ако модулите нямат namespace? |
| 123 | +* Какво е closure? Как се използва? |
| 124 | +* Кога се използват анонимните функции? |
122 | 125 | * Как организирате своя код? (модул патърн, класическо наследяване?)
|
123 | 126 | * Каква е разликата между host обекти и native обекти?
|
124 | 127 | * Каква е разликата между: `function Person(){}`, `var person = Person()` и `var person = new Person()`?
|
125 | 128 | * Каква е разликата между `.call` и `.apply`?
|
126 | 129 | * Обяснете `Function.prototype.bind`?
|
127 |
| -* Кога оптимизирате кода си? |
128 |
| -* Можете ли да обясните как работи наследяването в JavaScript? |
129 | 130 | * В какви случаи бихте използвали `document.write()`?
|
130 |
| - * Повечето генерирани реклами все още използват `document.write()` |
131 | 131 | * Каква е разликата между feature detection, feature inference, и използването на информация, кой е браузъра?
|
132 |
| -* Обяснете AJAX във възможно най-много детайли. |
| 132 | +* Обяснете AJAX в детайли. |
| 133 | +* Какви са преимуществата и недостатъците при употребата на AJAX. |
133 | 134 | * Обяснете как работи JSONP (и защо не е точно AJAX)
|
134 | 135 | * Използвали ли сте JavaScript темплейти?
|
135 |
| - * Ако да, коя библиотека сте използвали? (Mustache.js, Handlebars и т.н.) |
| 136 | + * Ако да, коя библиотека сте използвали? |
136 | 137 | * Обяснете "hoisting".
|
137 |
| -* Обяснете event bubbling-а. |
138 |
| -* Каква е разликата между "атрибут" и "свойство"? |
139 |
| -* Защо extending built в JavaScript обктите не е добра идея? |
140 |
| -* Защо extending built е добра идея? |
141 |
| -* Каква е разликата между събитията "document load" и "document ready"? |
| 138 | +* Обяснете "event bubbling". |
| 139 | +* Каква е разликата между "attribute" и "property"? |
| 140 | +* Защо extending built-in в JavaScript обктите не е добра идея? |
| 141 | +* Каква е разликата между събитията "document load" и "document DOMContentLoaded event"? |
142 | 142 | * Каква е разликата между `==` и `===`?
|
143 |
| -* Обяснете как да вземете query string параметъра от адреса в браузъра. |
144 | 143 | * Обяснете same-origin policy-то от гледна точка на JavaScript.
|
145 |
| -* Опишете патърните за наследяване в JavaScript. |
146 | 144 | * Оправете кода, така че да работи:
|
147 | 145 | ```javascript
|
148 |
| -[1,2,3,4,5].duplicate(); // [1,2,3,4,5,1,2,3,4,5] |
| 146 | +.duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5] |
149 | 147 | ```
|
150 |
| -* Опишете стратегия за memoization (избягване на повторните изчисления) в JavaScript. |
151 | 148 | * Защо тернарният оператор се нарича така? Какво означава думата "тернарен"?
|
152 |
| -* Какво е arity на функция? |
153 |
| -* Какво е `"use strict";`? Какви са предимствата и недостатъците от слагането му в кода? |
| 149 | +* Какво е `"use strict";`? Какви са предимствата и недостатъците на ползването му в кода? |
| 150 | +* Напишете for loop, който стига до 100 и извежда "fizz" за всички числа, които се делят на 3, "buzz" за тези, които се делят 5 и "fizzbuzz" за числата, които се делят и на 3 и на 5. |
| 151 | +* Why is it, in general, a good idea to leave the global scope of a website as-is and never touch it? |
| 152 | +* 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? |
| 153 | +* Explain what a single page app is and how to make one SEO-friendly. |
| 154 | +* What is the extent of your experience with Promises and/or their polyfills? |
| 155 | +* What are the pros and cons of using Promises instead of callbacks? |
| 156 | +* What are some of the advantages/disadvantages of writing JavaScript code in a language that compiles to JavaScript? |
| 157 | +* What tools and techniques do you use debugging JavaScript code? |
| 158 | +* What language constructions do you use for iterating over object properties and array items? |
| 159 | +* Explain the difference between mutable and immutable objects. |
| 160 | + * What is an example of an immutable object in JavaScript? |
| 161 | + * What are the pros and cons of immutability? |
| 162 | + * How can you achieve immutability in your own code? |
| 163 | +* Explain the difference between synchronous and asynchronous functions. |
| 164 | +* What is event loop? |
| 165 | + * What is the difference between call stack and task queue? |
| 166 | +* Explain the differences on the usage of foo between function foo() {} and var foo = function() {} |
| 167 | + |
154 | 168 |
|
155 | 169 | ####[[⬆]](#toc) <a name='jquery'>jQuery въпроси:</a>
|
156 | 170 |
|
|
0 commit comments