Frontend Interview - собеседования по Javanoscript / Html / Css – Telegram
Frontend Interview - собеседования по Javanoscript / Html / Css
11.4K subscribers
2.1K photos
118 videos
319 files
530 links
Канал для подготовки к собеседованиям по фронтенду

Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront

Купить рекламу: https://telega.in/c/frontendinterview

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Расскажите об Ajax как можно более подробно

Ajax (асинхронный JavaScript и XML) - это набор методов веб-разработки, использующих множество веб-технологий на стороне клиента для создания асинхронных веб-приложений.

С помощью Ajax веб-приложения могут отправлять данные на сервер и получать их с сервера асинхронно (в фоновом режиме), не влияя на отображение и поведение открытой страницы. Отделяя уровень обмена данными от уровня представления, Ajax позволяет веб-страницам и, в частности, веб-приложениям динамически изменять содержимое без необходимости перезагрузки всей страницы. На практике для получения/передачи данных используется формат данных JSON вместо XML из-за того, что JSON основан на JavaScript.

Раньше для асинхронного взаимодействия использовали XMLHttpRequest API, а сейчас принято использовать fetch API.

👉 @frontendInterview
В чем разница между событием `load` и событием `DOMContentLoaded`?

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

Событие load происходит только после загрузки DOM и всех зависимых ресурсов.

👉 @frontendInterview
Алгоритмы и структуры данных

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

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

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

👉 @frontendInterview
Битва символов

У каждого символа есть свой вес, рассчитывающийся исходя из положения в алфавите:
A = 1, B = 2, ... Y = 25, Z = 26

Сравните два набора символов и определите победителя, исходя из веса.
Примеры:
battle("ONE", "TWO"); // => "TWO"`
battle("ONE", "NEO"); // => "Tie!"


👉 @frontendInterview
JavaScript. Карманный справочник

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

👉 @frontendInterview
Объясните same-origin policy в контексте JavaScript

Same-origin policy (принцип одинакового источника) не позволяет JavaScript выполнять запросы за границы домена. Источник определяется как комбинация схемы URI, имени хоста и номера порта. Этот принцип не позволяет вредоносному сценарию на одной странице получить доступ к конфиденциальным данным на другой через объектную модель документа этой страницы.

👉 @frontendInterview
Почему тернарный оператор так называется?

“Тернарный” означает три. Троичное выражение принимает три операнда: условие, выражение “then” и выражение “else”. Тернарные операторы не являются исключительными для JavaScript.

👉 @frontendInterview
Разделите строки

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

Примеры
solution('abc') // should return ['ab', 'c_']
solution('abcdef') // should return ['ab', 'cd', 'ef']


👉 @frontendInterview
Чему равен margin между элементами #first и #second?
Anonymous Quiz
8%
5px
39%
7px
32%
12px
21%
0px
Пояснение

margin между абсолютно позиционированными элементами не схлопываются.

👉 @frontendInterview
👍2
Что делает строчка “use strict”;? Какие достоинства и недостатки от ее использования?

‘use strict’ это директива, используемая для включения строгого режима во всем скрипте или отдельных функциях.

Преимущества:
1. Не позволяет случайно создавать глобальные переменные.
2. Любое присваивание, которое в обычном режиме завершается неудачей, в строгом режиме выдаст исключение.
3. При попытке удалить неудаляемые свойства, выдаст исключение (в то время как в нестрогом режиме никакого действия бы не произошло).
4. Требует, чтобы имена параметров функции были уникальными.
5. this в глобальной области видимости равно undefined.
6. Перехватывает распространенные ошибки, выдавая исключения.
7. Исключает неочевидные особенности языка.

Недостатки:
1. Нельзя использовать некоторые особенности языка, к которым привыкли некоторые разработчики.
2. Нет доступа к function.caller и function.arguments.
3. Объединение скриптов, написанных в строгом режиме может вызвать проблемы.