Вопросы к собеседованию с веб-разработчиком

Веб-разработчики несут ответственность за управление тем, как контент отображается для пользователей на определенном сайте. Данное направление включает в себя работу с языками программирования для создания веб-приложений, которые объединяют базы данных и другие инструменты для создания веб-систем управления компанией. Однако, помимо сложной части, это также может быть создание статических страниц и разработка материала. Поскольку данных все больше и больше, их обработка и техническое обслуживание может также сопровождаться ошибками, которые в дальнейшем отлаживаются членами команды веб-разработчиков в компаниях. С общей точки зрения, веб-разработчики — это те, кто работает за «кулисами», чтобы предоставлять не только сайты, но и сервисы, которые люди используют каждый день. Хотя в таких интервью очень много вопросов, давайте взглянем на большинство из этих вопросов.

1. Как бы вы использовали постоянное хранилище в браузерах? Какие варианты вы бы использовали?
Для браузеров HTML хорошим выбором будет локальное хранилище и постоянное хранилище. Для не-HTML-файлов лучше использовать куки-файлы.

2. Что такое W3C?
W3C означает World Wide Web Consortium, который является международным стандартом для World Wide Web. W3C постоянно занят тем, чтобы стандартизировать Интернет и сделать его доступным для всех пользователей. Компания была создана в 1994 году.

3. Какими двумя способами можно сократить время загрузки веб-приложения?
Существует довольно много способов уменьшить время загрузки:
• Включить кэширование в браузере
• Оптимизация изображений
• Сокращение ресурсов
• Минимизировать запросы HTTP
• Уменьшить количество переадресаций

4. Что такое изящная деградация?
Изящная деградация относится к свойству, которое позволяет системе функционировать должным образом даже в случае сбоя системы или ее компонента.

5. Что такое DTD?
DTD — это объявление типа документа, и он сообщает браузеру, какая версия HTML или XHTML используется.

6. В чем разница между «веб-разработка» и «веб-дизайн».
Веб-разработка включает в себя много процессов, и веб-дизайн является частью его. Веб-дизайн используется для представления макетов страниц и графического пользовательского интерфейса. Веб-разработка представляет собой широкий термин означает планирование, кодирование, тестирование, отладку и т.д.

7. Что такое CORS? Как это работает?
Совместное использование ресурсов между разными источниками (CORS) — это механизм, который позволяет запрашивать много ограниченных ресурсов (например, шрифтов, js и т.д.) на веб-странице из другого домена вне домена, из которого был создан ресурс. Это механизм, поддерживаемый в HTML5, который управляет доступом XMLHttpRequest к другому домену.

8. Опишите ключевые преимущества HTTP/2 по сравнению с HTTP 1.1.
HTTP/2 среди других улучшений, обеспечивает уменьшенную задержку для повышения скорости загрузки страницы, поддерживая:
• Серверные технологии
• Приоритизация запросов
• Сжатие данных заголовков HTTP
• Важным эксплуатационным преимуществом HTTP/2 является то, что он избегает проблемы блокировки заголовка в HTTP 1.
• Загрузка элементов страницы параллельно по одному TCP-соединению

9. Как вы оптимизируете запросы веб-сайта?
Существует несколько способов сделать это, например: объединение файлов, сжатие файлов, хостинг CDN, уменьшение запросов, рефакторинг кода и т.д.

10. Какой браузер вы используете?
Поскольку веб-разработчики должны быть знакомы со всеми браузерами с точки зрения тестирования своих веб-проектов, лучший ответ здесь: все из них.

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

12. Объясните, что такое длинный опрос?
Длительный опрос — это шаблон разработки веб-приложений, используемый для эмуляции данных, передаваемых с сервера клиенту. При длительном опросе клиент запрашивает информацию с сервера аналогично нормальному опросу. Однако, если у сервера нет какой-либо информации, доступной для клиента, вместо отправки пустого ответа сервер держит запрос и ждет, пока какая-то информация будет доступна.

13. Что такое HTML?
HTML — это язык гипертекстовой разметки. Это самый популярный язык разметки для создания веб-сайтов, которые можно просматривать в веб-браузере.

14. В чем разница между элементами HTML и тегами?
Элементы HTML сообщают браузеру, как отображать текст. Когда они заключены в угловые скобки <>, они образуют HTML-теги, которые входят в пары и объемный текст.

15. Что означает DOCTYPE?
Термин DOCTYPE означает определение типа документа и сообщает браузеру, какой тип HTML используется на веб-странице. Браузеры используют DOCTYPE для определения способа отображения страницы. Если вы не используете DOCTYPE, загрузите вашу страницу в режиме совместимости.

16. Каковы ограничения при обслуживании страниц XHTML?
Основное ограничение — это отсутствие поддержки браузера для XHTML. Интернет Explorer и другие пользовательские агенты не могут разобрать XHTML как XML. Таким образом, это не расширяемый язык как можно подумать.

17. Какая разница в синтаксисе между маркированным списком и пронумерованным списком?
Маркированные списки используют тег <ul>, который обозначает «неупорядоченный», тогда как <ol> используется для создания упорядоченного списка.

18. В чем разница между <div> и <frame>?
<div> — это элемент контейнера для группировки и стилизации, тогда как <frame> создает подразделения внутри веб-страницы и должен использоваться в теге <frameset>. Использование <frame> и <frameset> больше не популярны и в настоящее время заменяются более гибким тегом <iframe>, который стал популярным при встраивании элементов на другие сайты (например, видео Youtube) на страницу.

19. В чем разница между моделью приложения HTML и HTML5?
Между ними нет большой разницы. HTML5 является континуумом HTML. Не было никакого существенного сдвига парадигмы.
С более широкой точки зрения, HTML был простым языком для размещения текста и изображений на веб-странице, тогда как HTML5 можно рассматривать как платформу разработки, которая делает то, что делает HTML и многое другое, включая улучшенную поддержку аудио, видео и интерактивной графики. Он имеет ряд новых элементов, поддерживает автономное хранение данных для приложений и имеет более надежные протоколы обмена.

20. Какие новые элементы разметки HTML5?
Среди них: <article>, <aside>, <bdi>, <command>, <details>, <figure>, <figcaption>, <summary>, <header>, <footer>, <hgroup>, <mark> , <Метр>, <nav>, <прогресс>, <ruby>, <rt>, <section> и <time>.

19. В чем разница между моделью приложения HTML и HTML5?
Между ними нет большой разницы. HTML5 является континуумом HTML. Не было никакого существенного сдвига парадигмы.
С более широкой точки зрения, HTML был простым языком для размещения текста и изображений на веб-странице, тогда как HTML5 можно рассматривать как платформу разработки, которая делает то, что делает HTML и многое другое, включая улучшенную поддержку аудио, видео и интерактивной графики. Он имеет ряд новых элементов, поддерживает автономное хранение данных для приложений и имеет более надежные протоколы обмена.

20. Какие новые элементы разметки HTML5?
Среди них: <article>, <aside>, <bdi>, <command>, <details>, <figure>, <figcaption>, <summary>, <header>, <footer>, <hgroup>, <mark> , <Метр>, <nav>, <прогресс>, <ruby>, <rt>, <section> и <time>.

21. Каковы новые элементы для изображений в HTML5?
Новые элементы для изображений в HTML5 — Canvas и WebGL. <Canvas> — это новый элемент, который выступает в качестве контейнера для графических элементов, таких как изображения и графика. WebGL расшифровывается как Web Graphics Language, свободный кросс-платформенный API, который используется для создания 3D-графики в веб-браузерах.

22. Для чего нужны data- атрибуты?
data- атрибуты используется для назначения пользовательских данных элементу. Сохраненные (пользовательские) данные затем можно использовать в JavaScript на странице, чтобы создать более привлекательный пользовательский интерфейс.

23. Опишите разницу между файлами cookie, sessionStorage и localStorage.
Куки-файлы представляют собой небольшие текстовые файлы, которые веб-сайты размещают в браузере для отслеживания или входа в систему, и хранят небольшое количество данных. Между тем, localStorage и sessionStorage — новые объекты, оба из которых являются спецификациями хранения, но различаются по объему и продолжительности. Локальное хранилище более безопасно, и большие объемы данных могут храниться локально, не влияя на производительность веб-сайта.
Кроме того, он постоянный. SessionStorage длится до тех пор, пока длится самая длинная открытая вкладка.

24. Каковы некоторые из основных новых API, которые стандартны для HTML5?
Среди других: Media API, Text Track API, API кэша приложений, взаимодействие с пользователем, API переноса данных, Command API и API истории.

25. В чем заключается разница между кешированием между HTML5 и старой версией HTML?
Важнейшей новой особенностью HTML5 является кэш приложений, который создает автономную версию веб-приложения. И хранит файлы веб-сайтов, такие как HTML-файлы, CSS, изображения и JavaScript, локально. Очевидно, это ускоряет работу сайта.

26. Что такое карта изображений?
Карта изображения — это список координат, относящихся к определенному изображению, созданный для гиперссылки областей изображения к различным местам назначения (в отличие от обычной ссылки изображения, в которой вся область изображения связана с одним целевым объектом).

27. В чем преимущество сворачивания белого пространства (пробелов)?
Белое пространство (white space) — это пустые последовательности символов пробела, которые фактически обрабатываются как один пробельный символ в HTML. Браузер сворачивает несколько пространств в один пробел, поэтому мы можем делать отступы строк текста, не беспокоясь о нескольких пробелах. Это позволяет организовать код в гораздо более удобочитаемом формате.

28. Всем ли элементам HTML нужны как открывающие, так и закрывающие теги?
Не совсем так, элементы типа <img src =»» /> или <input type =»» /> не нуждаются в закрывающем теге.

29. Что такое marquee?
marquee используется для включения прокрутки текста на веб-странице. Для этого просто поместите любой текст, который вы хотите видеть прокруткой в тегах <marquee> и </marquee>.

30. Как вы создаете ссылки на разделы на одной странице?
Ссылки могут быть созданы с использованием тега <a>, со ссылкой на использование символа #. Например, мы можем иметь:

<a href="#top">BACK TO TOP</a>

В результате чего на веб-странице появятся слова «BACK TO TOP» и ссылки на закладку с именем top. Затем мы можем создать отдельный тег, например:

<a name="top"></a>

где-то на той же веб-странице, чтобы пользователь был связан с этим местом при нажатии на кнопку «BACK TO TOP».

31. Каковы возможные способы применения стилей CSS к веб-странице?
CSS может применяться тремя способами:
• Связанный: создайте отдельный .css-файл и добавьте весь стиль для веб-страницы. Убедитесь, что файл связан с документом (-ами) HTML с помощью тега ссылки
• Встроенный: внутри документа HTML откройте тег стиля и внутри него добавьте все стили так же, как это делается в связанном файле.
• Инлайновый: это делается путем добавления атрибута стиля внутри элемента HTML.

32. Объясните модель окна CSS.
Модель окна CSS состоит из полей, границ, отступов и содержимого. Боксовая модель предоставляет более структурированный способ размещать элементы в отношении друг к другу на веб-страницах. В инструментах разработчика вашего браузера боксовая модель находится в конце раздела CSS и выглядит так:

33. В чем разница между встроенными и блочными элементами?
В принципе, блочный элемент будет занимать всю доступную ширину, и поставляется с разрывом строки до и после. Примеры блочных элементов: заголовки (т.е. <h1>), абзацы (<p>), блоки (<div>) и т.д. Напротив, встроенные элементы занимают только необходимое пространство и не вызывают разрывы строк. Примеры встроенных элементов: ссылки(<a>), текстовый блок(<span>) и т.д.

34. Что такое группировка, используемая в CSS?
Группирование позволяет нескольким элементам HTML применять те же самые стили. Он использует одно объявление и селекторы и разделяет их запятыми. Например:

h1, h2, .my-class {
    font-weight: light;
}

35. Что такое селектор классов и чем он отличается от селектора идентификаторов?
Селекторы классов используются для применения стиля к нескольким HTML-элементам, идентифицированным с одним и тем же классом. Селекторы классов вызывают внутри документа CSS с помощью ‘.’, За которым следует имя класса, например:

.class {
    color: black;
}

Разница между классами и идентификаторами заключается в том, что элемент HTML может принимать несколько классов, но только один идентификатор. Это означает, что идентификаторы уникальны для элементов HTML.

36. В чем разница между видимостью: visibility:hidden и display:none?
Хотя эти два свойства кажутся похожими, между ними существует довольно существенное различие:
visibility:hidden скрывает элемент, но он все равно займет место, таким образом влияя на макет документа.
display: none также скрывает элемент, но не занимает места и страница будет отображаться так, как будто элемент отсутствует.

37. Что такое препроцессоры CSS и почему мы их используем?
Препроцессоры CSS преобразуют код, написанный на предварительно обработанном языке, например SASS или LESS, в знакомый нами CSS, который мы использовали в течение долгого времени. Основными преимуществами использования препроцессоров являются:
• Возможность определения переменных
• Возможность использовать вложенный синтаксис
• Возможность создавать и использовать mixins (функции)
• Использование математических и эксплуатационных функций
Однако есть и такие недостатки, как обновление проблем и трудностей с отладкой.

38. Что такое дочерние селекторы в CSS?
Дочерние селекторы представляют собой способ группировки (для стилизации) набора элементов, которые происходят от родительского элемента. Пример:

section > span {
    background-color: #eee;
}

39. Что такое система сетки (grid) и почему мы ее используем на веб-страницах?
Системы сеток представляют собой структурированные правила, которые позволяют последовательно и устойчиво размещать контент горизонтально и вертикально.
Они находят широкое использование на сегодняшних веб-сайтах, потому что предлагают лучшую производительность при разработке, они многофункциональны и идеальны для гибких макетов.

40. Как мы используем сокращенные свойства и почему?
Сокращенные свойства могут быть применены не ко всем свойствам css, лишь к немногим из них: border, outline, padding, background и т.д. Сокращенные свойства уменьшают размер файла, тем самым улучшая время загрузки страницы. Хитрость заключается в перечислении всех значений свойств в одной строке в предварительно определенном порядке, который должен соблюдаться. Примером может быть:

div {
    background-color: #ccc;
    background-image: url("img.png");
    background-repeat: no-repeat;
    background-position: right top;
}

это равносильно этому:

div {
    background: #ccc url("img.png") no-repeat right top;
}

41. Каково назначение z-index и как он используется?
Свойство z-index элемента задает порядок элемента внутри области документа (или его части). Элемент с большим порядком стека всегда будет перед элементом с более низким порядком стека. Однако z-index работает только с позиционными элементами (position:absolute, position:relative и position:fixed). Он может иметь одно из четырех значений:

Auto: устанавливает порядок стека равным его родителям.
Number: упорядочивает порядок стека.
Initial: устанавливает для этого свойства значение по умолчанию (0).
Inherit: наследует это свойство от родительского элемента.

42. Перечислите некоторые из новых свойств CSS, введенных в CSS3?
Ниже представлен список новых свойств, добавленных в CSS3:

• border-radius
• box-shadow
• text-shadow
• text-stroke
• background-size
• text-overflow
• resize
• transition

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

43. Объясните, что такое псевдоклассы и как их использовать.
Псевдоклассы используются для определения специального состояния элемента. Обратите внимание, что псевдокласс не определен в разметке. Они могут использоваться для:
• Стилизации элемента при наведении указателя мыши (наведение)
• Стилизации элемента при его фокусировке
• Стиля посещенных / не посещенных ссылок

44. Что такое селектор CSS, который позволяет вам настраивать стиль на каждый элемент веб-страницы?
Вызванный универсальный селектор и подписанный звездочкой (*), он устанавливает для всех HTML-элементов те правила стилизации, которые определены в объявлениях свойств. Например:

* {
    margin: 0;
    padding: 10px;
}

45. Что такое медиа-запросы и как они используются?
Медиа-запрос состоит из медиа-типа и по крайней мере одного выражения, которое ограничивает область стилей, используя мультимедийные функции, такие как ширина, высота и цвет. Медиа-запросы, добавленные в CSS3, позволяют отображать контент для определенного диапазона устройств вывода без изменения самого содержимого. Пример использование медиа-запросов:

@media (max-width: 768px) {
    .problem-class {
        property: smaller;
    }
}

46. Определите пузырящееся событие.
Поскольку JavaScript позволяет вставлять элементы DOM друг в друга, если щелкнуть дочерний обработчик, обработчик родительского элемента также будет работать, т.к. он тоже был нажат. Это в итоге приводит к тому, что событие в действительности пузырится выше (от дочернего к родителю).

47. Как бы вы объявили трехмерный массив в Javascript?
Вы можете сделать это следующим образом:

var myArray = [[[]]];

48. Что за ключевое слово this в Javascript?
this используется для ссылки на текущий объект в коде. В контексте глобального выполнения (вне какой-либо функции) это относится к глобальному объекту, будь то в строгом режиме или нет.

49. Поддерживает ли Javascript автоматическое преобразование типов?
Да. JavaScript поддерживает автоматическое преобразование типов, и это распространенный способ преобразования типов, используемый разработчиками JavaScript.

50. Что такое делегирование и как оно работает?
Делегирование событий позволяет нам не добавлять обработчик событий к конкретным узлам DOM; Вместо этого обработчик событий добавляется к одному из родителей. Используя делегирование событий, вы можете добавить обработчик события к элементу, дождаться, когда какое-либо событие возникнет из дочернего элемента и легко определить, из какого элемента возникло событие.

51. В чем разница между window.onload и onDocumentReady?
Событие window.onload не будет запускаться, пока каждый элемент на странице не будет полностью загружен, включая CSS, изображения и / или другие ресурсы. Основным недостатком является то, что это может занять некоторое время, прежде чем какой-либо код будет выполнен. С другой стороны, onDocumentReady выполняет код, как только DOM загрузится.

52. Что быстрее между Javascript и ASP?
Javascript, очевидно, быстрее. Почему? Поскольку Javascript — это язык клиентской стороны, и выполнение не требует помощи веб-сервера. Напротив, ASP серверная сторона, следовательно, медленнее.

53. Что такое анонимная функция Javascript.
Анонимная функция — это функция, объявленная без любого именованного идентификатора и в общем случае недоступная после ее объявления.

54. Объясните роль инструкций break и continue.
• Операторы break используются для выхода из текущего цикла
• Операторы continue для продолжения текущего цикла с новым повторением

55. Как присваиваются свойства объекта в JS?
Подобно тому, как значение присваивается переменной, мы присваиваем такие свойства объекта, как это, например: document.form.action = «submit»

56. В чем разница между undeclared и undefined переменными?
undeclared переменные — это переменные, которые не существуют в программе и не объявлены. Если программа пытается прочитать значение undeclared переменной, генерируется ошибка времени выполнения.
undefined переменные — это переменные, объявленные в программе, но не имеющие значения. Если программа пытается прочитать значение undefined переменной, возвращается неопределенное значение.

57. Что было бы результатом 5 + 2 + «3»?
Поскольку 5 и 2 являются целыми числами (типом данных), они будут добавляться вместе численно. А поскольку «3» — это строка, результатом будет конкатенация, то есть 73.

58. Назовите некоторые функции Javascript, используемые для преобразования нечисловых значений в числа.
Существует три основных способа сделать это:
• parseInt ()
• parseFloat ()
• Number()

59. Что такое пространство имен в Javascript и как оно используется?
Пространство имен используется для группировки функций, переменных и т.д. под уникальным именем. Это имя, которое было привязано к желаемым функциям, объектам и свойствам. Это позволяет повторно использовать код и улучшает модульность в кодировании.

60. Что такое замыкания в Javascript?
Clouse напоминает объект. Он активируется всякий раз, когда вы вызываете функцию. Область видимости замыкания лексическая, что означает все, что содержится в функции, в которой принадлежит замыкание, имеет доступ к любой переменной, которая в ней. Подходящий пример:

function wcg() {
    var name = "Web Code Geeks";
    function displayMessage() {
        alert(name);
    }
    displayMessage();
}
wcg();

wcg() создает локальное имя переменной, а затем функцию, называемую displayMessage(). DisplayMessage() — внутренняя функция, которая определена внутри функции wcg() и доступна только внутри тела этой функции. У displayMessage() нет собственных локальных переменных, однако она имеет доступ к переменным внешних функций и поэтому может использовать имя переменной, объявленной в родительской функции.

61. Чем jQuery отличается от Javascript?
Ну, jQuery — это не язык программирования, а хорошо написанный код JavaScript (фреймворк). Это библиотека, написанная на Javascript.
Javascript — это основной язык программирования. Он очень популярен, потому что абстрагируется от проблем совместимости с кросс-браузерами и подчеркивает ненавязчивое и коллбэк-управляемое программирование Javascript.

62. Что такое $() в jQuery?
Функция $() является псевдонимом функции jQuery(). Функция $() используется для переноса любого объекта в объект jQuery, который затем позволяет вам вызывать различные методы, определенные в объекте jQuery.

63. Что такое события jQuery?
События — это действия, совершаемые в определенных условиях. Когда мы совершаем эти действия на HTML-странице, мы можем делать все, что хотим. Затем мы используем обработчики событий для выполнения действия. Некоторые важные обработчики: bind(), unbind(), blur(), off(), hover(), on(), one(), ready(), trigger() и т.д.

64. Что называется цепочкой вызовов?
Цепочка вызовов используется для соединения нескольких событий и функций в селекторе. Это означает указание нескольких функций и/или селекторов для элемента.

65. В чем разница между event.PreventDefault и event.stopPropagation?
Короче говоря, preventDefault(): останавливает действие элемента по умолчанию, которое происходит по умолчанию. Event.stopPropagation(): предотвращает появление события в дереве DOM, тем самым предотвращая уведомление любых родительских обработчиков о событии.

66. Как скрыть изображение при нажатии кнопки с помощью jQuery?
У нас может быть обработчик кликов, а затем метод hide, примененный к изображению:

$("#button").click(function(){
     $("#image").hide();
});

67. Что такое AJAX в jQuery?
AJAX означает «Асинхронный JavaScript и XML». AJAX — это обмен данными с сервером без перезагрузки всей страницы. Это метод для создания быстрых и динамических веб-страниц.
• $.ajax() — Выполняет асинхронный запрос AJAX.
• $.get() — загружает данные с сервера с помощью AJAX HTTP GET-запроса.
• $.post() — загружает данные с сервера с использованием HTTP-запроса POST AJAX.

68. Что такое формат запроса AJAX?
Запрос AJAX может быть в любом из следующих форматов:
• Текстовый файл
• HTML
• Объект JSON

69. Как вы можете узнать, что запрос AJAX завершен?
Мы можем использовать свойство ReadyState для проверки завершения запроса AJAX. Если свойство равно 4, запрос завершен, и данные теперь доступны.

70. Запросы AJAX сохраняют информацию о сессии PHP, когда вы вызываете несколько раз?
Да, PHP сохраняет информацию о сеансе по нескольким вызовам ajax. Продолжительность сеанса php зависит от конфигурации SESSION.

71. Как файл может быть включен в PHP-страницу?
Две функции могут быть использованы для включения файла: include() и require(). Путь к файлу должен указываться в качестве параметра в обоих случаях. Например:

include("web-code-geeks.php");
require("admin_header.php");

72. В чем разница между echo и print в PHP?
Хотя почти все думают, что обе эти функции одинаковы, есть несколько незначительных различий:
echo не возвращает значение, тогда как print возвращает значение 1
print может принимать только один аргумент, в то время как echo может принимать несколько параметров

73. Что такое final класс? Что за final метод?
Окончательная концепция классов и методов существует также в других языках программирования, таких как Java, а в PHP это объяснение аналогично:
final класс означает, что этот класс не может быть расширен.
final метод означает, что он не может быть переопределен.

74. Как создать сессию в PHP? Как мы устанавливаем и отменяем значения в сессиях?
PHP предоставляет следующие функции для работы с сеансами:
• Чтобы создать сеанс: session_start();
• Чтобы установить значение в сессию: $_SESSION[‘VAR’] = 1;
• Чтобы удалить данные из сеанса: unset ($_SESSION[‘VAR’]);

75. Как вы можете подключиться к базе данных MySQL из PHP скрипта?
Используя функцию mysql_connect(), мы можем подключиться к базе данных MySQL следующим образом:

$database = mysql_connect("HOST", "USER_NAME", "PASSWORD");
            mysql_select_db("DATABASE_NAME",$database);

76. Каковы основные различия между методами GET, POST и REQUEST?
GET и POST используются для отправки информации из браузера клиента на веб-сервер. В случае GET информация отправляется через метод GET в паре имя/значение и encoded-URL. По умолчанию GET имеет ограничение в 512 символов. Метод POST передает информацию через HTTP-заголовки. Метод POST не имеет ограничений в размере отправляемых данных. POST используется для безопасной передачи данных и данных ASCII и двоичного типа. $_REQUEST содержит содержимое как $_GET, $_POST, так и $_COOKIE.

77. Как узнать длину строки в PHP? Как насчет длины массива?
PHP предоставляет функцию strlen() для определения длины строки и функции count() для нахождения длины массива.

78. Что такое ассоциативный массив?
Ассоциативные массивы представляют собой массивы, которые используют именованные ключи, которые вы им назначаете. Примером может быть:

$langauges=array("Front-End"=>"Javascript", "Back-End"=>"PHP", "Framework"=>"AngularJS");

79. Можно ли отправлять электронную почту с помощью PHP? Как?
Да, мы можем отправлять электронные письма на PHP с помощью функции mail(). Эта функция принимает 5 параметров, из которых 2 являются необязательными. Пример:

mail($to, $subject, $message, $headers);

80. Как определить константу в PHP?
Мы можем определить константу, используя директиву define(): define("CONSTANT_NAME", 32);

81. Какие методы шифрования существуют в PHP?
В PHP широко используются две технологии шифрования:
MD5: алгоритм хеширования MD5 реализован с использованием функции md5 следующим образом: $encrypted_string = md5($string);
mcrypt_encrypt: шифрует открытый текст с заданными параметрами. Стандартная структура: string mcrypt_encrypt (string $cipher , string $key , string $data , string $mode [, string $iv ] );

82. Можно ли продлить время выполнения скрипта PHP?
Да, это может быть достигнуто с помощью set_time_limit (int seconds), что позволяет нам продлить время выполнения php-скрипта. Обратите внимание, что ограничение по умолчанию составляет 30 секунд.

83. Что такое функция header() в PHP?
Функция header() отправляет необработанный заголовок HTTP в клиентский браузер. Эта функция должна вызываться перед отправкой фактического вывода.

84. Как используется тернарный условный оператор в PHP?
Тернарный условный оператор используется так же, как и в большинстве языков:
condition_here ? execute_if_true : execute_if_false;
Три выражения входят в это присвоение, условие и два операнда, описывающие, что должно выполняться, когда условие истинно или ложно.

85. Как создать текстовый файл с помощью PHP?
Большинство языков программирования, таких как C и Java, позволяют вам создавать файлы. В PHP способ создания файлов:

$filename = "/directory/newfile.txt";
$file = fopen ($filename, "w"); // open with writing permissions

Файл создан, и мы даже предоставили ему доступ для записи. Кроме того, мы можем проверить, открыт ли файл:

if ($file == false) {
    echo("File cannot be opened");
    exit();
}

После записи или чтения из файла мы можем закрыть файл.

fwrite($file. "Writing on the file"); // in this case writing
fclose($file);

В заключение важно знать основные понятия и объединить логику и креативность, чтобы стать полноценным веб-разработчиком и иметь потенциальный карьерный рост. В этой статье мы рассмотрели некоторые из наиболее важных вопросов, которые веб-разработчики должны представлять себе во время собеседования. HTML, CSS, Javascript и PHP на самом деле являются строительными блоками современного интернета и, поверьте, они будут надолго. Таким образом, знание и расширение этих технологий/языков, несомненно, сделает вас уверенным в бесконечном пути веб-разработки.


По материалам книги: Web Developer Interview Questions and Answers by Fabio Cimo
Перевод не исключает возможных ошибок!

Написать комментарий

Ваш Email не будет опубликован

На нашем сервере не хранятся какие-либо объекты авторского права согласно действующему законодательству страны, в которой находится сайт и сервер. Все материалы хранятся на файлообменных общедоступных серверах и у нас представлены только ссылки, что не является нарушением законодательства текущей страны местонахождения сайта. Если вы хотите заявить о нарушении авторских прав, пожалуйста, предоставьте нам полную информацию и обоснованные аргументы, согласно которым мы должны удалить какую-либо информацию с нашего сайта.