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

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

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

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

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

Что такое браузерные префиксы и зачем они нужны?

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

Возможные префиксы:
-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
Потому что можно заменить * на "" и получится codewars

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

solve("a","b") = false

«Accessibility for everyone»

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

Не тормози на пути в Веб-разработку

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

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

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

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

Что такое замыкание и как/для чего их используют?

Замыкание — это комбинация функции и лексического окружения, в которой эта функция была объявлена. Слово “лексический” относится к тому факту, что лексическая область видимости использует место, где переменная объявлена в исходном коде, чтобы определить, где эта переменная доступна. Замыкания — это функции, которые имеют доступ к переменным внешней (замыкающей) функции — цепочке областей видимости даже после того, как внешняя функция вернулась.

Для чего его используют?
Конфиденциальность данных / эмуляция скрытых методов при помощи замыканий. Обычно используется в модульном паттерне.
Частичное применение функций или каррирование.

Назовите основное различие между циклом forEach и циклом map?

Основное различие между .forEach и .map() состоит в том, что .map() возвращает новый массив. Если вам нужен результат, но вы не хотите изменять исходный массив, .map() — очевидный выбор. Если вам просто нужно перебрать массив, то стоит воспользоваться forEach.

Нули и единицы

Вам дан массив нулей и единиц. Интерпретируйте полученный массив как двоичное число и переведите его в десятичное.

Примеры:

 Testing: [0, 0, 0, 1] ==> 1

Testing: [0, 0, 1, 0] ==> 2
Testing: [0, 1, 0, 1] ==> 5
Testing: [1, 0, 0, 1] ==> 9
Testing: [0, 0, 1, 0] ==> 2
Testing: [0, 1, 1, 0] ==> 6
Testing: [1, 1, 1, 1] ==> 15
Testing: [1, 0, 1, 1] ==> 11

В чем разница между call и apply?

Сходство заключается в том, что и .call, и .apply используются для вызова функций, а также первый параметр будет использоваться как значение this внутри функции. А разница в том, что .call в качестве следующих аргументов принимает аргументы, разделенные запятыми, в то время как .apply в качестве следующих аргументов принимает массив аргументов.
function add(a, b) {
return a + b;
}
console.log(add.call(null, 1, 2)); // 3
console.log(add.apply(null, [1, 2])); // 3