Improve Russian translation (#507)
This commit is contained in:
Alexey Pyltsyn
Vasiliy Vanchuk
parent
94a9a21623
commit
7036e8d1c1
|
|
@ -4,9 +4,9 @@ layout: layouts/page.njk
|
|||
permalink: /translations/russian/index.html
|
||||
---
|
||||
|
||||
# Вопросы кандидату на должность front-end разработчика
|
||||
# Вопросы кандидату на должность фронтенд-разработчика
|
||||
|
||||
**Замечание:** Этот репозиторий содержит подборку вопросов, которые могут быть использованы на собеседованиях на должность front-end разработчика. Здесь предлагаются лишь идеи, не нужно задавать все вопросы сразу (иначе в один час точно не уложитесь).
|
||||
**Замечание:** Этот репозиторий содержит подборку вопросов, которые могут быть использованы на собеседованиях на должность фронтенд-разработчика. Здесь предлагаются лишь идеи, не нужно задавать все вопросы сразу (иначе в один час точно не уложитесь).
|
||||
|
||||
Также имейте в виду, что многие вопросы не требуют однозначного короткого ответа, а лишь помогают завести беседу на ту или иную тему (предоставляя кандидату возможность показать себя во всей красе).
|
||||
|
||||
|
|
@ -42,9 +42,9 @@ permalink: /translations/russian/index.html
|
|||
* С какой технической сложностью вы недавно столкнулись и как с ней справились?
|
||||
* Какие методы для повышения производительности вы использовали при создании или обслуживании сайта?
|
||||
* Можете ли вы описать некоторые методы SEO, которые вы использовали в последнее время?
|
||||
* Можете ли вы объяснить общие принципы относительно front-end безопасности или недавние проблемы, которые вы решили?
|
||||
* Можете ли вы объяснить общие принципы относительно фронтенд-безопасности или недавние проблемы, которые вы решили?
|
||||
* Какие действия вы лично предприняли в недавних проектах для повышения удобства использования вашего кода?
|
||||
* Расскажите о предпочтительной среде разработки.
|
||||
* Расскажите о предпочитаемой среде разработки.
|
||||
* С какими системами контроля версий вы знакомы?
|
||||
* Можете ли вы описать порядок действий при создании новой веб-страницы?
|
||||
* Если у вас есть 5 разных файлов со стилями, какой лучший способ интегрировать их в сайт?
|
||||
|
|
@ -55,10 +55,10 @@ permalink: /translations/russian/index.html
|
|||
* Назовите три способа уменьшения времени загрузки страницы (воспринимаемого или реального).
|
||||
* Если вы присоединились к проекту, где для форматирования используются табы, а вы привыкли использовать пробелы, как вы поступите?
|
||||
* Опишите, как бы вы реализовали примитивное слайд-шоу.
|
||||
* Если бы у Вас была возможность освоить новую технологию в этом году, что бы это было?
|
||||
* Если бы у вас была возможность освоить новую технологию в этом году, что бы это было?
|
||||
* Объясните важность стандартов и комитетов по стандартам.
|
||||
* Что такое FOUC (Flash Of Unstyled Content)? Как его избежать?
|
||||
* Объясните, что такое ARIA и скринридеры, а также как сделать вебсайт доступным.
|
||||
* Объясните, что такое ARIA и скринридеры, а также как сделать сайт доступным.
|
||||
* Какие преимущества и недостатки у CSS и JavaScript анимаций?
|
||||
* Что означает CORS и какую проблему решает?
|
||||
|
||||
|
|
@ -67,19 +67,19 @@ permalink: /translations/russian/index.html
|
|||
* Для чего нужен `doctype`?
|
||||
* Как следует оформлять страницу, содержимое которой может быть на разных языках?
|
||||
* На что необходимо обратить внимание при разработке мультиязычных сайтов?
|
||||
* Для чего отлично подойдут `data-` атрибуты?
|
||||
* Для чего нужны атрибуты, начинающиеся с `data-`?
|
||||
* Представьте HTML5 как открытую веб-платформу. Из каких блоков состоит HTML5?
|
||||
* Объясните разницу между `cookie`, `sessionStorage` и `localStorage`.
|
||||
* Объясните разницу между `<script>`, `<script async>` и `<script defer>`.
|
||||
* Почему хорошей практикой считается располагать `<link>` для подключения CSS между `<head></head>`, а `<script>` для подключения JS ставить перед `</body>`? Знаете ли вы исключения?
|
||||
* Что такое прогрессивный рендеринг?
|
||||
* Что такое прогрессивная отрисовка?
|
||||
* Для чего используется атрибут `srcset` в теге изображения? Опишите процесс, который использует браузер при оценке содержимого этого атрибута.
|
||||
* Приходилось ли вам работать с языками HTML-шаблонизации?
|
||||
|
||||
#### [[⬆]](#toc) <a name='css'>Вопросы по CSS:</a>
|
||||
|
||||
* Что такое специфичность CSS селекторов и как она работает?
|
||||
* В чем разница между "сбросом" и "нормализацией" CSS? Что бы вы выбрали и почему?
|
||||
* Что такое специфичность CSS-селекторов и как она работает?
|
||||
* В чем разница между «сбросом» и «нормализацией» CSS? Что бы вы выбрали и почему?
|
||||
* Объясните, что такое плавающие элементы (floats) и как они работают.
|
||||
* Объясните, что такое z-index и как формируется контекст наложения.
|
||||
* Объясните, что такое блочный контекст форматирования и как он работает.
|
||||
|
|
@ -89,7 +89,7 @@ permalink: /translations/russian/index.html
|
|||
* Какие приёмы/процессы вы при этом используете?
|
||||
* Какими способами можно визуально скрыть элемент (оставив его доступным только для скринридера)?
|
||||
* Использовали ли вы систему сеток, и если да, то какую вы предпочитаете?
|
||||
* Приходилось ли Вам использовать или реализовывать медиа-запросы или вёрстку под мобильные устройства?
|
||||
* Приходилось ли вам использовать или реализовывать медиазапросы или вёрстку под мобильные устройства?
|
||||
* Вы знакомы со стилизацией SVG?
|
||||
* Можете ли вы привести пример свойства `@media`, отличного от `screen`?
|
||||
* На что нужно обратить внимание при написании эффективного CSS?
|
||||
|
|
@ -103,9 +103,9 @@ permalink: /translations/russian/index.html
|
|||
* Что означает свойство `display` и можете ли вы привести несколько примеров его использования?
|
||||
* В чем разница между строчным и блочно-строчным элементом?
|
||||
* В чем разница между относительным, фиксированным, абсолютным и статически позиционированным элементом?
|
||||
* Какими CSS фреймворками вы пользовались? Что бы вы хотели в них изменить/улучшить?
|
||||
* Какими CSS-фреймворками вы пользовались? Что бы вы хотели в них изменить/улучшить?
|
||||
* Пользовались ли вы Flexbox или Grid?
|
||||
* Можете ли вы объяснить разницу между responsive сайтом и mobile-first?
|
||||
* Можете ли вы объяснить разницу между отзывчивым (responsive) сайтом и сайтом, сделанным по принципу mobile-first?
|
||||
* Вы имеете опыт работы с ретиновой графикой? Если да, то какие методы вы использовали?
|
||||
* В каком случае вы предпочтёте использовать `translate()` вместо абсолютного позиционирования и наоборот? И почему?
|
||||
|
||||
|
|
@ -133,12 +133,12 @@ permalink: /translations/russian/index.html
|
|||
* Объясните, как работает JSONP (и почему это не совсем AJAX).
|
||||
* Вы когда-нибудь использовали шаблонизацию на JavaScript?
|
||||
* Если да, то какие библиотеки вы использовали?
|
||||
* Расскажите, что такое "hoisting".
|
||||
* Объясните event bubbling.
|
||||
* В чём разница между "атрибутом" (attribute) и "свойством" (property)?
|
||||
* Почему не следует расширять нативные JavaScript объекты?
|
||||
* Расскажите, что такое поднятие (hoisting).
|
||||
* Объясните, что такое всплытие событий (event bubbling).
|
||||
* В чём разница между «атрибутом» (attribute) и «свойством« (property)?
|
||||
* Почему не следует расширять нативные JavaScript-объекты?
|
||||
* В чём разница между событием document load и событием document DOMContentLoaded?
|
||||
* В чем разница между `==` и `===`?
|
||||
* В чём разница между `==` и `===`?
|
||||
* Объясните `same-origin policy` в контексте JavaScript.
|
||||
* Сделайте так, чтобы этот код работал:
|
||||
```javascript
|
||||
|
|
@ -150,9 +150,9 @@ duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
|
|||
* Почему считается хорошим тоном оставить глобальную область видимости (global scope) в нетронутом состоянии?
|
||||
* Для чего используют событие `load`? Есть ли у этого события недостатки? Знаете ли вы какие-либо альтернативы, и в каких случаях бы стали их использовать?
|
||||
* Расскажите, что такое одностраничное приложение, и как сделать его SEO-оптимизированным.
|
||||
* Насколько вы опытны в работе с промисами (promises) и/или их полифиллами?
|
||||
* Какие преимущества и недостатки при использовании промисов вместо функций обратного вызова (callbacks)?
|
||||
* Каковы преимущества и недостатки написания JavaScript кода на языке, который компилируется в JavaScript?
|
||||
* Насколько вы опытны в работе с промисами (promises) и/или их полифилами?
|
||||
* Какие преимущества и недостатки при использовании промисов вместо колбэков (callbacks)?
|
||||
* Каковы преимущества и недостатки написания JavaScript-кода на языке, который компилируется в JavaScript?
|
||||
* Какие инструменты и методы вы используете при отладке кода?
|
||||
* Какие языковые конструкции вы используете для итерации по свойствам объекта и элементам массива?
|
||||
* Объясните разницу между изменяемыми (mutable) и неизменяемыми (immutable) объектами.
|
||||
|
|
@ -161,7 +161,7 @@ duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
|
|||
* Как вы можете достигнуть неизменяемости в вашем коде?
|
||||
* Объясните разницу между синхронными и асинхронными функциями.
|
||||
* Что такое цикл событий (event loop)?
|
||||
* В чем разница между стеком вызовов (call stack) и очередью событий (task queue)?
|
||||
* В чём разница между стеком вызовов (call stack) и очередью событий (task queue)?
|
||||
* Объясните разницу при использовании `foo` в `function foo() {}` и `var foo = function() {}`
|
||||
* В чём различие между переменными, созданными при помощи `let`, `var` и `const`?
|
||||
* В чём разница между классом в ES6 и функцией-конструктором в ES5?
|
||||
|
|
@ -185,7 +185,7 @@ duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
|
|||
|
||||
* Какие инструменты вы используете, чтобы найти недостатки в производительности вашего кода?
|
||||
* Какие вы знаете способы улучшения производительности при скроллинге на вебсайте?
|
||||
* Объясните разницу между layout, painting и compositing.
|
||||
* Объясните разницу между раскладкой (layout), painting и композитингом (compositing).
|
||||
|
||||
#### [[⬆]](#toc) <a name='network'>Вопросы по сетям:</a>
|
||||
|
||||
|
|
@ -199,7 +199,7 @@ duplicate([1,2,3,4,5]); // [1,2,3,4,5,1,2,3,4,5]
|
|||
* Transfer-Encoding
|
||||
* ETag
|
||||
* X-Frame-Options
|
||||
* Что такое HTTP методы? Перечислите все HTTP-методы, которые вы знаете, и объясните их.
|
||||
* Что такое HTTP-методы? Перечислите все HTTP-методы, которые вы знаете, и объясните их.
|
||||
|
||||
#### [[⬆]](#toc) <a name='jscode'>Примеры кода на JavaScript</a>
|
||||
|
||||
|
|
@ -277,7 +277,7 @@ doSomething().then(doSomethingElse());
|
|||
doSomething().then(doSomethingElse);
|
||||
```
|
||||
|
||||
#### [[⬆]](#toc) <a name='fun'>"Светская беседа":</a>
|
||||
#### [[⬆]](#toc) <a name='fun'>«Светская беседа»:</a>
|
||||
|
||||
* Самое крутое, что вы когда-либо делали и чем гордитесь?
|
||||
* Что вы больше всего любите в ваших инструментах разработки?
|
||||
|
|
|
|||
Loading…
Reference in New Issue