17 найпопулярніших запитань і відповідей на інтерв’ю для веб-розробників

Питання для співбесіди з веб-розробкою

Ось питання та відповіді на співбесіді з веб-розробкою для новачків, а також досвідчених кандидатів у веб-розробників, щоб отримати роботу своєї мрії.

---

1) Поясніть, які ключові обов’язки веб-розробника?

• Програма тестування та налагодження всіх веб-додатків
• Дизайн, розробка, тестування та розгортання веб-додатків
• Завантаження сайтів на сервер і реєстрація його в різних пошукових системах
• Координуйте роботу з іншими дизайнерами та програмістами для розробки веб-проектів
• Виправлення помилок, усунення несправностей і вирішення проблем
• У разі збою системи ініціювати періодичне тестування та реалізувати плани на випадок надзвичайних ситуацій
• Розробити відповідні структури коду для вирішення конкретних завдань
• Підтримка та допомога в утриманні та обслуговування веб-сайтів
• Візьміть на себе право власності на код протягом етапів, розробки, тестування та виробництва

Безкоштовне завантаження у форматі PDF: запитання для співбесіди веб-розробника

---

2) Що повинен знати веб-розробник?

Хороший веб-розробник повинен знати

• HTML
• CSS
• SQL
• PHP/Ruby/Python
• JQuery
• JavaScript

---

3) Поясніть, що таке CORS? як це працює

(CORS) Cross-Origin Resource Sharing — це механізм, який дозволяє запитувати багато ресурсів (наприклад, JavaScript, шрифти тощо) на веб-сторінці з іншого домену за межами домену, з якого походить ресурс. Це механізм, який підтримується в HTML5, який керує доступом XMLHttpRequest до іншого домену.

---

4) Назвіть переваги HTTP/2 порівняно з HTTP 1.1?

Перевага HTTP/2 порівняно з HTTP/1.1 полягає в тому

• Стиснення даних заголовків HTTP
• Серверні технології push
• Через одне TCP-з'єднання паралельне завантаження елементів сторінки
• Пріоритезація запиту

---

5) Поясніть, що таке ETag і як він працює?

ETag — це непрозорий ідентифікатор, який присвоюється веб-сервером певній версії ресурсу, знайденого за URL-адресою. ETag є частиною HTTP, протоколу всесвітньої павутини, і коли сервер зчитує ETag із запиту клієнта, сервер може вказати, чи надсилати файл (HTTP 200), чи повідомити клієнту просто використовувати свою локальну копію (HTTP 304).

---

6) Поясніть, що таке довге опитування?

Довге опитування — це шаблон розробки веб-додатків, який використовується для емуляції надсилання даних із сервера до клієнта. Коли використовується довге опитування, клієнт надсилає запит серверу, і з’єднання залишається незмінним, доки сервер не буде готовий надіслати дані клієнту. З’єднання буде закрито лише після того, як дані буде надіслано назад клієнту або після закінчення часу очікування з’єднання.

---

7) Поясніть, що таке DTD (декларація типу документа)? Згадайте, яка різниця між CDATA та PCDATA в DTD?

DTD означає визначення типу документа (DTD), яке визначає структуру, правові елементи та атрибути XML документа.

• PCDATA: PCDATA — це аналізовані символьні дані. XML-аналізатори зазвичай аналізують весь текст у XML-документі.
• CDATA: Хоча CDATA є нерозібраними символьними даними, термін CDATA використовується щодо текстових даних, які не повинні аналізуватися XML-аналізатором.

---

8) Згадайте кілька порад, якими можна скористатися, щоб скоротити час завантаження веб-додатку, який ви написали?

Щоб зменшити час завантаження веб-програми, слід дотримуватися наведених нижче порад

• Оптимізуйте зображення так, щоб роздільна здатність не перевищувала роздільну здатність екрана, і збережіть їх як стиснутий файл
• Видаліть усі файли JavaScript, щоб зменшити кількість даних, які можна передавати
• Об’єднайте та мінімізуйте все CSS і JS і називати їх у нижньому колонтитулі
• Відкладені або асинхронні файли JS

---

9) Згадайте, який правильний спосіб включити JavaScript у ваш HTML?

Правильний спосіб включити JavaScript у ваш HTML – використовувати вбудовані обробники подій або вбудований код.

---

10) Поясніть у CSS, як можна змінити колір тла елемента форми, коли користувач вводить текст? Це працює в усіх браузерах?

Так, ви можете змінити типовий вигляд елементів форми, додавши стилі до їхніх HTML-тегів: введення, вибір і область тексту, але це не працюватиме для всіх браузерів.

---

11) Поясніть, у чому різниця між файлами cookie та локальним сховищем?

---

12) Який тег у HTML можна використовувати для керування введенням багаторядкового тексту?

Для керування введенням багаторядкового тексту можна використовувати тег «textarea».

---

13) Поясніть, як можна посилатися на файл CSS на веб-сторінці?

Ви можете звернутися до файлу .CSS на веб-сторінці за допомогою тег. Його слід тримати між тег. Наприклад <linkhref=”/css/mystyle.css” type=”text/css” rel=”stylesheet”/>

---

14) Назвіть кілька способів скоротити час завантаження сторінки?

Ви можете зробити наступне, щоб скоротити час завантаження сторінки

• Зменшити розмір зображення
• Видаліть непотрібні віджети
• стиснення HTTP
• Розміщення CSS угорі, а посилання на сценарій унизу або у зовнішніх файлах
• Зменшити пошуки
• Мінімізуйте перенаправлення
• Кешування,

---

15) У HTML згадайте різницю між і ?

Різниця між і це а

Кадр	Div
За допомогою фреймів ви можете показувати більше одного HTML-документа в одному вікні браузера	The тег визначає підрозділ або розділ у документі HTML
Тег frame оголошує одне конкретне вікно в наборі фреймів	The використовується для групування блочних елементів для їх форматування за допомогою стилів
Фрейми можуть завантажувати інші ресурси за допомогою HTML	З іншого боку, на сторінці розділи можуть надавати локальний вміст у вигляді фреймів, але цей вміст не є незалежним від сторінки

---

16) Чим XHTML відрізняється від HTML?

• XHTML вимагає, щоб усі теги були написані малими літерами
• XHTML вимагає, щоб усі теги були закриті належним чином
• XHTML вимагає, щоб усі атрибути були взяті в подвійні лапки
• XHTML забороняє вбудованим елементам містити елементи рівня блоку

---

17) Перелічіть нові API, надані стандартом HTML 5?

• HTML 5 поставляється з низкою нових API
• Медіа API
• API текстової доріжки
• API кешу програми
• API передачі даних
• Взаємодія користувачів
• Командний API
• API перевірки обмежень
• API історії

Ці запитання для співбесіди також допоможуть вам у життєдіяльності (усному)