Frontend Interview - собеседования по Javascript / Html / Css
10.2K subscribers
2.09K photos
117 videos
320 files
494 links
Канал для подготовки к собеседованиям по фронтенду

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

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

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Какое значение примет result?
Anonymous Quiz
26%
false
40%
2
5%
0
9%
3
20%
1
Что такое CORS?

CORS (Cross-Origin Resource Sharing, совместное использование ресурсов между разными источниками) — это браузерный механизм, который позволяет предоставлять страницам доступ к ресурсам, расположенным за пределами некоего домена. Это расширяет возможности страниц и добавляет гибкости политике одинакового источника (same-origin policy).
У Боба на столе в ряд лежат камни. Каждый камень может быть красным, зеленым или синим (R, G, B). Помогите бобу найти минимальное количество камней, которое ему нужно убрать со стола, чтобы все смежные камни были разных цветов.

Примеры:
"RGBRGBRGGB" => 1
"RGGRGBBRGRR" => 3
"RRRRGGGGBBBB" => 9
Какое значение примет result в браузере?
Anonymous Quiz
10%
ReferenceError
24%
undefined
5%
true
2%
null
58%
95
Что такое промис и в каких состояниях он может пребывать?

Промисы — это объекты, которые используются в JavaScript при выполнении асинхронных операций. Они упрощают работу с асинхронными операциями и дают более удобные механизмы обработки ошибок, чем коллбэки и события.

Промис может пребывать в одном из трёх состояний:

1. Исполнено (fulfilled) — операция, связанная с промисом, завершена успешно.
2. Отклонено (rejected) — операция, связанная с промисом, завершена с ошибкой.
3. Ожидание (pending) — промис находится в состоянии ожидания, то есть, о нём нельзя сказать, что он завершён успешно или с ошибкой.
Какое занчение примет result?
Anonymous Quiz
48%
262
8%
undefined
44%
2009
Какая разница между следующими видами позиционирования элементов: относительное, фиксированное, абсолютное, статическое?

1. Относительное позиционирование — это когда элемент смещается относительно его положения, задаваемого по умолчанию.

2. Фиксированное позиционирование — это когда настраивают положение элемента, ориентируясь на края окна браузера.

3. Абсолютное позиционирование — это размещение элемента относительно ближайшего позиционированного родительского элемента, причём, именно там, где указано разработчиком.

4. Статическое позиционирование — это режим позиционирования, применяемый по умолчанию, при использовании которого элементы выводятся в том порядке, в котором они описаны в документе.
Какое значение свойства color у элемента h1?
Anonymous Quiz
3%
black
17%
green
80%
red
Что такое браузерные префиксы и зачем они нужны?

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

Возможные префиксы:
-webkit-: браузеры Chrome, Safari, Opera;
-moz-: браузер Mozilla Firefox;
-ms-: браузер Internet Explorer.

Причин для появления префиксов было достаточно много:

1. Для включения в браузер экспериментальных свойств CSS, которые стандартом ещё не утверждены. Таким образом, производители браузеров производят тестирование и вносят предложения перед утверждением свойств CSS в стандарте.

2. Для решения проблем с кроссбраузерностью.

3. Для создания собственных свойств, которые не входят в стандарт CSS, но возможно появятся в нём через некоторое время.

Когда экспериментальное свойство утверждено в стандарте и прошло тестирование в браузере, у него обычно убирается префикс.
«Practical SVG»

Книга подойдёт для опытных веб-дизайнеров и разработчиков. Если вы никогда не работали с HTML, CSS, JavaScript, возможно, она покажется вам слишком непонятной. В ней разбираются основы использования SVG, инструменты сборки, анимация SVG и другие особенности векторной графики.
Вам даны две строки, состоящие из строчных букв. В первой строке может быть (asterix), которая может быть заменена сточными буквами или пустой строкой. Реализуйте проверку, возможно ли заменить на буквы так, чтобы строки a и b стали идентичными

Примеры:
 solve("code*s","codewars") = true
Потому что * можно заменить на war и получится codewars

solve("codewar*s","codewars") = true
Потому что можно заменить * на "" и получится codewar
s

 solve("codewars","codewars") = true
Потому что строки уже идентичны

solve("a","b") = false
«Accessibility for everyone»

Книга о разработке доступного интерфейса. В ней описано, как написать доступный код, и эффективно использовать лучшие практики. Из неё вы узнаете, почему доступность имеет значение, и как её реализовать.
Не тормози на пути в Веб-разработку

Ребята, знакомьтесь с другими нашими каналами, если еще не знакомы

Senior Frontend - здесь мы постим крутые примеры кода, статьи и викторины по фронтенду

Senior WebDev - здесь постим статьи и викторины для веб-разработчиков (js, css, node.js, sql)

Приятного просмотра 😉