17 лучших вопросов и ответов на собеседовании веб-разработчика

Вопросы для собеседования по веб-разработке

Вот вопросы и ответы на собеседовании по веб-разработке для новичков, а также для опытных кандидатов в веб-разработчики, которые смогут получить работу своей мечты.


1) Объясните, каковы основные обязанности веб-разработчика?

  • Программное тестирование и отладка всех веб-приложений
  • Проектирование, разработка, тестирование и развертывание веб-приложений
  • Загрузка сайтов на сервер и регистрация в разных поисковых системах
  • Координируйте свои действия с другими дизайнерами и программистами для разработки веб-проектов.
  • Исправляйте ошибки, устраняйте неполадки и решайте проблемы
  • В случае сбоя системы инициируйте периодическое тестирование и реализуйте планы действий в чрезвычайных ситуациях.
  • Разрабатывать соответствующие структуры кода для решения конкретных задач.
  • Поддержка и помощь в содержании и техническое обслуживание веб-сайтов
  • Примите на себя ответственность за код на всех этапах его подготовки, разработки, тестирования и производства.

Бесплатная загрузка в формате PDF: Вопросы для собеседования с веб-разработчиками


2) Что должен знать веб-разработчик?

Хороший веб-разработчик должен знать


3) Объясните, что такое CORS? Как это работает?

(CORS) Совместное использование ресурсов между источниками — это механизм, который позволяет запрашивать многие ресурсы (например, 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 — это анализируемые символьные данные. Анализаторы XML обычно анализируют весь текст XML-документа.
  • CDATA: Хотя CDATA представляет собой неанализируемые символьные данные, термин CDATA используется для обозначения текстовых данных, которые не должны анализироваться синтаксическим анализатором XML.

8) Упомяните несколько советов, которые вы можете использовать, чтобы сократить время загрузки написанного вами веб-приложения?

Чтобы уменьшить время загрузки веб-приложения, вам необходимо следовать следующим советам.

  • Оптимизируйте изображения до разрешения экрана и сохраните их в виде сжатого файла.
  • Удалите все файлы JavaScript, чтобы уменьшить объем передаваемых данных.
  • Объедините и минимизируйте все CSS и JS и назовите их в нижнем колонтитуле
  • Отложить или асинхронизировать файлы JS

9) Укажите, как правильно включить JavaScript в ваш HTML?

Правильный способ включить JavaScript в ваш HTML — использовать встроенные обработчики событий или встроенный код.

Вопросы для собеседования по веб-разработке
Вопросы для собеседования по веб-разработке

10) Объясните на CSS, как можно изменить цвет фона элемента формы, когда пользователь вводит текст? Это работает во всех браузерах?

Да, вы можете изменить внешний вид элементов формы по умолчанию, стилизовав их HTML-теги: ввод, выбор и текстовую область, но это будет работать не для всех браузеров.


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

  Cookie Локальное хранилище
Клиентская сторона/Серверная сторона Данные доступны как на стороне клиента, так и на стороне сервера. Данные отправляются на сервер при каждом запросе файлов cookie. Данные доступны только на стороне локального браузера. Сервер не может использовать локальное хранилище до тех пор, пока намеренно не будет отправлен запрос на сервер через POST или GET.
Размер Емкость хранения файлов cookie составляет 4095 байт/файл cookie. Емкость локального хранилища составляет 5 МБ на домен.
Истечение Срок действия файлов cookie истекает, и данные файлов cookie удаляются через некоторое время. Срок действия не ограничен, и его необходимо удалить вручную.

12) Какой тег в HTML можно использовать для управления многострочным вводом текста?

Для управления многострочным вводом текста вы можете использовать «тег textarea».


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

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


14) Назовите несколько способов сократить время загрузки страницы?

Вы можете сделать следующие вещи, чтобы сократить время загрузки страницы.

  • Уменьшить размер изображения
  • Удалите ненужные виджеты
  • HTTP-сжатие
  • Размещение CSS вверху и ссылки на скрипты внизу или во внешних файлах.
  • Уменьшите количество запросов
  • Свернуть перенаправления
  • Кэширование,

15) В HTML укажите разницу между и ?

Разница между и это

Корзина Div
С помощью фреймов вы можете отображать более одного HTML-документа в одном окне браузера. тег определяет раздел или раздел в HTML-документе
Тег фрейма объявляет одно конкретное окно в наборе фреймов. используется для группировки блочных элементов для их форматирования с помощью стилей
Фреймы могут загружать другие ресурсы с помощью HTML. С другой стороны, разделы страницы могут обслуживать локальный контент так же, как и фреймы, но этот контент не является независимым от страницы.

16) Чем XHTML отличается от HTML?

  • XHTML требует, чтобы все теги были в нижнем регистре.
  • XHTML требует, чтобы все теги были правильно закрыты.
  • XHTML требует, чтобы все атрибуты были заключены в двойные кавычки.
  • XHTML запрещает встроенным элементам содержать элементы уровня блока.

17) Перечислите новые API, предоставляемые стандартом HTML 5?

  • HTML 5 поставляется с рядом новых API
  • Медиа API
  • API текстового трека
  • API кэша приложений
  • API передачи данных
  • Взаимодействие с пользователем
  • Командный API
  • API проверки ограничений
  • API истории

Эти вопросы для собеседования также помогут вам в устной речи.

Поделиться

9 комментариев

  1. Аватара Курт Хэмм говорит:

    Я собираюсь запустить сайт по изучению языков. У меня есть 64 файла MP4 (всего 577 МБ), которые я хотел бы разрешить пользователям скачивать бесплатно. Сколько это будет стоить мне как владельцу сайта?

  2. Аватара Devify Решения говорит:

    Разработка веб-приложений помогает нам разобраться в сложных вопросах. Спасибо, что поделились этим замечательным постом. продолжайте делиться с нами такими блогами.

  3. Аватара Юджин Чжан говорит:

    Это очень полезно. Спасибо.

  4. Аватара Моманьи Калеб говорит:

    Спасибо моему другу

Оставьте комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены * *