diff --git a/src/translations/ukrainian/README.md b/src/translations/ukrainian/README.md index 8e1f7a6..573a314 100644 --- a/src/translations/ukrainian/README.md +++ b/src/translations/ukrainian/README.md @@ -7,10 +7,12 @@ permalink: /translations/ukrainian/index.html # Питання кандидату на посаду front-end розробника **Примітка:** Цей репозиторій містить підбірку питань, які можуть бути використані на співбесідах на посаду front-end розробника. Тут пропонуються лише ідеї, не варто задавати всі запитання відразу (інакше однієї години точно не вистачить). + Також, майте на увазі, що багато питань не потребують однозначної короткої відповіді, а лише допомагають завести бесіду на ту чи іншу тему (даючи змогу кандидату показати себе в усій красі). + ## Зміст - 1. [Первинні автори](#contributors) + 1. [Автори](#contributors) 1. [Загальні запитання](#general) 1. [Запитання по HTML](#html) 1. [Запитання по JavaScript](#js) @@ -19,63 +21,47 @@ permalink: /translations/ukrainian/index.html 1. [Запитання по CSS](#css) 1. ["Світська бесіда"](#fun) -#### [⬆](#toc) Первинні автори: +#### [⬆](#toc) Автори: + +Цей проект було засновано в 2009 році завдяки співпраці [@paul_irish](https://twitter.com/paul_irish) [@bentruyman](https://twitter.com/bentruyman) [@cowboy](https://twitter.com/cowboy) [@ajpiano](https://twitter.com/ajpiano) [@SlexAxton](https://twitter.com/slexaxton) [@boazsender](https://twitter.com/boazsender) [@miketaylr](https://twitter.com/miketaylr) [@vladikoff](https://twitter.com/vladikoff) [@gf3](https://twitter.com/gf3) [@jon_neal](https://twitter.com/jon_neal) [@sambreed](https://twitter.com/sambreed) та [@iansym](https://twitter.com/iansym). + +Наразі проект підтримують: + +* [roblarsen](https://github.com/roblarsen) +* [cezaraugusto](https://github.com/cezaraugusto) +* [vvscode](https://github.com/vvscode) + +З тих пір він був активним завдяки цим [чудовим людям](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/CONTRIBUTORS.md). -* @bentruyman (http://bentruyman.com) -* @cowboy (http://benalman.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) -* @darcy_clarke (http://darcyclarke.me) #### [⬆](#toc) Загальні запитання: -* Чи користуєтесь Ви Твіттером? - * Якщо так, то хто присутній в Вашій стрічці? -* Кого зі світових front-end розробників Ви знаєте? - * А українських чи російських front-end'щиків? -* Чи є у Вас аккаунт на GitHub? - * Якщо так, то за якими цікавими проектами Ви стежите? -* Які блоги Ви читаєте? -* Які системи контролю версій Вам доводилось використовувати? -* Розкажіть про своє середовище розробки (ОС, редактор, браузер(и), інші інструменти) -* Опишіть послідовність Ваших дій, коли ви створюєте нову Web-сторінку +* Чому ви навчились вчора/цього тижня? +* Що цікавить та захоплює вас у програмуванні? +* З якою технологічною складністю вам довелося стикнутись нещодавно і як ви її вирішили? +* Чи можете ви розповісти про якісь техніки які ви використовуєте для підвищення продуктивності під час створення або підтримки веб-сайту? +* Опишіть деякі кращі практики використання SEO або техніки які ви нещодавно використовуватили? +* Чи можете ви пояснити будь-які типові техніки або нещодавні проблеми які ви вирішувати відносно безпеки (security) на front-end? +* Що особисто ви зробити на минулих проектах аби покращити підтримуваність свого коду? +* Поговоримо про середовище розробки якоми ви надаєте перевагу. +* З якими системами контролю версій (VCS) ви знайомі? +* Опишіть послідовність ваших дій під час створенння нової web-сторінки. +* У вас є 5 різних файлів зі стилями, яким чином їх найкраще інтегрувати на сторінку? * Чи можете ви пояснити у чому різниця між progressive enhancement і graceful degradation? - * Бонус, якщо кандидат також скаже про feature detection (визначення можливостей браузера) -* Поясніть, що означає поняття "Семантична розмітка" -* Який Ваш основний браузер для розробки і якими інструментами в ньому Ви користуєтесь? -* Як можна оптимізувати завантаження зовнішніх ресурсів на сторінці? - * Комбінація із потенційних рішень: - * Конкатенація - * Мініфікація - * Використання CDN - * Кешування - * тощо -* Яка перевага в підвантаженні із зовнішніх ресурсів з декількох доменів? - * Скільки ресурсів одночасно браузер може завантажувати з одного домена? -* Назвіть три засоби зменшення часу завантаження сторінки (сприйманого або реального) -* Якщо Ви прийшли на проект, де для форматуровання використовується табуляція, а Ви звикли використовувати пробіли, як Ви вчинете? - * Запропонуєте використовувати EditorConfig (http://editorconfig.org) - * Залишитеся вірним своїм звичкам - * Виконаєте команду `:retab!` -* Чи користуєтеся Ви засобами для прискорення написання коду (сніппети, Emmet)? -* Чи знайомі Ви зі шаблонізаторами (Smarty, HAML, т.д.) -* Реалізуйте примітивне слайдшоу - * Бонус, якщо Ви зробите це без використання JS -* Які інструменти Ви використовуєте для тестування продуктивності коду? - * JSPerf (http://jsperf.com/) - * Dromaeo (http://dromaeo.com/) - * і т.д. -* Якщо б у Вас була можливість освоїти нову технологію в цьому році, що б це було? -* Поясніть важливість стандартів і комітетів по стандартам -* Що таке FOUC (Flash Of Unstyled Content)? Як його уникнути? +* Яким чином ви б оптимізували ресурси веб-сайту? +* Скільки ресурсів одночасно браузер може завантажувати з одного домена? + * Які є виключення? +* Назвіть 3 способи зменшення часу завантаження сторінки (сприйманого або реального) +* Якщо ви прийшли на проект, де для форматування використовується табуляція, а ви звикли до пробілів, як ви вчинете? +* Опишіть як би ви реалізували просте слайд-шоу? +* Якби у вас була можливість опанувати одну нову технологію в цьому році, що б це було? +* Поясніть важливість стандартів і комітетів стандартизації. +* Що таке блимання нестилізованого контенту (Flash of Unstyled Content)? Як його уникнути? +* Поясніть що таке ARIA та читачі екрану та як зробити сайт доступним для людей з обмеженими здібностями? +* Поясніть деякі переваги та недоліки CSS анімації в порівннянні JavaScript анімацією? +* Як розшифровуюється CORS та які проблеми він вирішує? +* Як ви вирішуєте розбіжності у поглядах зі своїм керівником або іншим працівником? +* Які ресурси ви використовуєте аби дізнаватись про найсвіжіші тенденції у front-end розробці та дизайні? #### [⬆](#toc) Запитання по HTML: