tgoop.com »
United States »
Frontend Interview - собеседования по Javascript / Html / Css » Telegram Web
Какая из перечисленных структур данных является неизменяемой в JavaScript?
Anonymous Quiz
13%
Объекты
5%
Массивы
44%
Строки
37%
Map
Как настроить доступ по SSH на GitHub
GitHub позволяет получить доступ к репозиториям по протоколу SSH (Secure Socket Shell). Это безопасный способ передачи данных по сети. Для того чтобы настроить доступ, добавьте свой публичный ключ на GitHub. Это делается в несколько шагов, подробно описанных в статье.
👉 @frontendInterview
GitHub позволяет получить доступ к репозиториям по протоколу SSH (Secure Socket Shell). Это безопасный способ передачи данных по сети. Для того чтобы настроить доступ, добавьте свой публичный ключ на GitHub. Это делается в несколько шагов, подробно описанных в статье.
👉 @frontendInterview
🚀 С нуля до миддл+ за год с зп 275тр.
👨💻 Один из учеников ментора с опытом 7+ лет во фронтенде получил такой апгрейд.
На канале можно найти авторский материал и обучающую информацию как быстрее и проще устроиться на работу.
Также есть разборы заданий и помощь в прохождении собеседований.
Чему можно обучиться?
1. Теория + Практика (JavaScript, React)
2. Усиление soft skills
3. Узнать про фишки и лайфхаки по написанию резюме и прохождению собседований
Подписывайся и получай полезный контент!
👨💻 Один из учеников ментора с опытом 7+ лет во фронтенде получил такой апгрейд.
На канале можно найти авторский материал и обучающую информацию как быстрее и проще устроиться на работу.
Также есть разборы заданий и помощь в прохождении собеседований.
Чему можно обучиться?
1. Теория + Практика (JavaScript, React)
2. Усиление soft skills
3. Узнать про фишки и лайфхаки по написанию резюме и прохождению собседований
Подписывайся и получай полезный контент!
2 небанальных софт-скила для роста в IT-карьере
Вы наверняка замечали, что некоторые сотрудники растут в компаниях быстрее остальных:
- им доверяют более сложные задачи,
- они быстрее становятся лидерами коллектива,
- их доходы растут в разы быстрее.
Почему так происходит? Что их выделяет, среди остальных? Ответ в статье.
👉 @frontendInterview
Вы наверняка замечали, что некоторые сотрудники растут в компаниях быстрее остальных:
- им доверяют более сложные задачи,
- они быстрее становятся лидерами коллектива,
- их доходы растут в разы быстрее.
Почему так происходит? Что их выделяет, среди остальных? Ответ в статье.
👉 @frontendInterview
Как развернуть строку в JS?
Есть несколько способов развернуть строку. Один из наиболее распространенных способов — это преобразование строки в массив, разворот массива и затем преобразование массива обратно в строку.
Использование методов массива split, reverse и join
Использование цикла for
Использование рекурсии
Использование деструктуризации и метода reduce
Использование Array.from и reduceRight
👉 @frontendInterview
Есть несколько способов развернуть строку. Один из наиболее распространенных способов — это преобразование строки в массив, разворот массива и затем преобразование массива обратно в строку.
Использование методов массива split, reverse и join
function reverseString(str) {
return str.split('').reverse().join('');
}
console.log(reverseString('hello')); // 'olleh'
Использование цикла for
function reverseString(str) {
let reversed = '';
for (let i = str.length - 1; i >= 0; i--) {
reversed += str[i];
}
return reversed;
}
console.log(reverseString('hello')); // 'olleh'
Использование рекурсии
function reverseString(str) {
if (str === '') {
return '';
} else {
return reverseString(str.substr(1)) + str[0];
}
}
console.log(reverseString('hello')); // 'olleh'
Использование деструктуризации и метода reduce
function reverseString(str) {
return [...str].reduce((acc, char) => char + acc, '');
}
console.log(reverseString('hello')); // 'olleh'
Использование Array.from и reduceRight
function reverseString(str) {
return Array.from(str).reduceRight((acc, char) => acc + char, '');
}
console.log(reverseString('hello')); // 'olleh'
👉 @frontendInterview
Practical Web Accessibility
Эта книга дополнена практическими примерами, которые вы можете использовать на своих сайтах, а также совершенно новым подходом к аудиту и улучшению доступности веб-сайтов, а также командным подходом к этому, основанным на инструментах, созданных автором и усовершенствованных на протяжении многих лет. консультант — Структура FAIR и контрольный список ACCESS. С помощью этих инструментов вы можете настроить процессы для себя и своей команды, которые значительно улучшат доступность ваших сайтов и, что немаловажно, сохранят ее такой в будущем.
👉 @frontendInterview
Эта книга дополнена практическими примерами, которые вы можете использовать на своих сайтах, а также совершенно новым подходом к аудиту и улучшению доступности веб-сайтов, а также командным подходом к этому, основанным на инструментах, созданных автором и усовершенствованных на протяжении многих лет. консультант — Структура FAIR и контрольный список ACCESS. С помощью этих инструментов вы можете настроить процессы для себя и своей команды, которые значительно улучшат доступность ваших сайтов и, что немаловажно, сохранят ее такой в будущем.
👉 @frontendInterview
Find the stray number
Вам дан массив целых чисел нечетной длины , в котором все они одинаковы, за исключением одного единственного числа.
Завершите метод, который принимает такой массив и возвращает это единственное другое число
Пример:
👉 @frontendInterview
Вам дан массив целых чисел нечетной длины , в котором все они одинаковы, за исключением одного единственного числа.
Завершите метод, который принимает такой массив и возвращает это единственное другое число
Пример:
[1, 1, 2] ==> 2
[17, 17, 3, 17, 17, 17, 17] ==> 3
👉 @frontendInterview
text-align-last
text-align-last управляет выравниванием последней строки в блоке. Также работает для строк, которые заканчиваются принудительным переносом строки (например, перед тегом <br>).
Если это свойство не задано, то выравнивание определяется правилами текущего языка (значение атрибута lang у тега <html>), либо значением свойства direction (ltr — слева направо, rtl — справа налево).
Значения:
auto — выравнивание, как и для остальных строк, кроме случая со значением justify, тогда строка будет выравниваться по тому краю, по которому принято в текущем языке (значение по умолчанию).
start — в ту же сторону, что и весь остальной текст.
end — в противоположную сторону от остального текста.
left — по левому краю.
right — по правому краю.
center — по центру.
justify — по ширине, чтобы заполнить всё пространство.
Подсказки
💡Не влияет на выравнивание остальных строк в блоке. Для этого используйте свойство text-align.
💡 Задаёт выравнивание для всех последних строк в выбранном элементе. Например, если у вас есть контейнер <div> с пятью абзацами в нём, выравнивание будет применяться к последней строке каждого из абзацев. Чтобы выровнять только последнюю строку последнего абзаца, используйте :last-child или :last-of-type.
👉 @frontendInterview
text-align-last управляет выравниванием последней строки в блоке. Также работает для строк, которые заканчиваются принудительным переносом строки (например, перед тегом <br>).
Если это свойство не задано, то выравнивание определяется правилами текущего языка (значение атрибута lang у тега <html>), либо значением свойства direction (ltr — слева направо, rtl — справа налево).
Значения:
auto — выравнивание, как и для остальных строк, кроме случая со значением justify, тогда строка будет выравниваться по тому краю, по которому принято в текущем языке (значение по умолчанию).
start — в ту же сторону, что и весь остальной текст.
end — в противоположную сторону от остального текста.
left — по левому краю.
right — по правому краю.
center — по центру.
justify — по ширине, чтобы заполнить всё пространство.
Подсказки
💡Не влияет на выравнивание остальных строк в блоке. Для этого используйте свойство text-align.
💡 Задаёт выравнивание для всех последних строк в выбранном элементе. Например, если у вас есть контейнер <div> с пятью абзацами в нём, выравнивание будет применяться к последней строке каждого из абзацев. Чтобы выровнять только последнюю строку последнего абзаца, используйте :last-child или :last-of-type.
👉 @frontendInterview
Что выведется в консоль при клике на элемент с id="child"?
Anonymous Quiz
13%
bar
25%
foo bar
57%
bar foo
5%
foo
Как повернуть элементы на странице просто и быстро?
Свойство rotate используют, когда нужно повернуть элемент. Раньше для поворота нужно было использовать свойство transform со значением rotate, что не всегда было удобно. Теперь для этого есть отдельное свойство.
Поворачиваем элемент на 30 градусов вправо:
Угол поворота должен указываться в единицах измерения углов.
Если указано одно значение, то элемент будет вращаться вдоль оси z
К значению величины поворота можно добавить уточнение, по какой из трёх осей (x, y, z) применится значение. Эквивалентно rotateX(), rotateY(), rotateZ():
В таком формате можно указать угол наклона только по одной из осей. Не получится задать второе значение в этом же свойстве или ниже.
Можно указать собственный вектор и угол вращения в формате: 3 числа + угол. Аналогично функции rotate3d().
Каждое из трёх чисел отвечает за соответсвующую ось (x, y, z). 0 значит, что вращения по этой оси не будет. Всё, что больше нуля, устанавливает точку на этой оси.
В итоге элемент будет повярнут вокруг точки на пересечении всех трёх осей.
👉 @frontendInterview
Свойство rotate используют, когда нужно повернуть элемент. Раньше для поворота нужно было использовать свойство transform со значением rotate, что не всегда было удобно. Теперь для этого есть отдельное свойство.
Поворачиваем элемент на 30 градусов вправо:
div {
rotate: 30deg;
}
Угол поворота должен указываться в единицах измерения углов.
Если указано одно значение, то элемент будет вращаться вдоль оси z
К значению величины поворота можно добавить уточнение, по какой из трёх осей (x, y, z) применится значение. Эквивалентно rotateX(), rotateY(), rotateZ():
.element {
rotate: x 90deg;
}
В таком формате можно указать угол наклона только по одной из осей. Не получится задать второе значение в этом же свойстве или ниже.
Можно указать собственный вектор и угол вращения в формате: 3 числа + угол. Аналогично функции rotate3d().
.element {
rotate: 0 0 1 45deg;
}
Каждое из трёх чисел отвечает за соответсвующую ось (x, y, z). 0 значит, что вращения по этой оси не будет. Всё, что больше нуля, устанавливает точку на этой оси.
В итоге элемент будет повярнут вокруг точки на пересечении всех трёх осей.
👉 @frontendInterview
Как озвучивать зарплатные ожидания. Избежать ошибок еще до собеседования
Вопрос о зарплатных ожиданиях задается всегда. При этом разные компании задают его на разных этапах воронки рекрутинга.
Если вам не задавали этот вопрос, значит, вы просто не доходили до нужного этапа. Но рано или поздно вам придется на него ответить. И вполне вероятно, что отвечать придется, глядя рекрутеру прямо в глаза. А значит, что малейшее колебание будет замечено и отмечено (нас этому учат), и это не пойдет вам на пользу.
Опыт показывает, что для большинства кандидатов этот вопрос является непростым. Далее статья для тех, кому это актуально.
👉 @frontendInterview
Вопрос о зарплатных ожиданиях задается всегда. При этом разные компании задают его на разных этапах воронки рекрутинга.
Если вам не задавали этот вопрос, значит, вы просто не доходили до нужного этапа. Но рано или поздно вам придется на него ответить. И вполне вероятно, что отвечать придется, глядя рекрутеру прямо в глаза. А значит, что малейшее колебание будет замечено и отмечено (нас этому учат), и это не пойдет вам на пользу.
Опыт показывает, что для большинства кандидатов этот вопрос является непростым. Далее статья для тех, кому это актуально.
👉 @frontendInterview
Какое ограничение имеет метод JSON.parse(JSON.stringify(original)) при создании копии объекта?
Anonymous Quiz
10%
Он очень медленный.
8%
Он не может копировать массивы.
60%
Он не может копировать функции и теряет значения undefined.
22%
Он создает только поверхностную копию.
<menu>
С помощью <menu> на странице можно создать меню со списком кнопок и других интерактивных элементов. Чаще всего тег используют для вёрстки панели инструментов (тулбара).
Чтобы преобразовать какой-то список элементов в меню, просто оберните его в тег <menu>.
Пример
Для примера создадим меню из аккаунта пользователя. Для этого сделаем каждый пункт кнопкой, обернём в тег <li> и вложим в тег <menu>:
Тег <menu>, как и <ul>, объединяет неупорядоченный список элементов. Разница только в содержимом: внутри <menu> должны быть только интерактивные элементы. Чаще всего это кнопки, по клику на которые вызываются функции. Таким образом, пользователь совершает действие или выполняет команду. В спецификации HTML тег <menu> объясняется как альтернатива тегу <ul>, на данный момент разницы в обработке этих двух тегов браузерами нет.
👉 @frontendInterview
С помощью <menu> на странице можно создать меню со списком кнопок и других интерактивных элементов. Чаще всего тег используют для вёрстки панели инструментов (тулбара).
Чтобы преобразовать какой-то список элементов в меню, просто оберните его в тег <menu>.
Пример
Для примера создадим меню из аккаунта пользователя. Для этого сделаем каждый пункт кнопкой, обернём в тег <li> и вложим в тег <menu>:
<menu>
<li>
<button onclick="signIn()">Войти</button>
</li>
<li>
<button onclick="signUp()">Зарегистрироваться</button>
</li>
</menu>
Тег <menu>, как и <ul>, объединяет неупорядоченный список элементов. Разница только в содержимом: внутри <menu> должны быть только интерактивные элементы. Чаще всего это кнопки, по клику на которые вызываются функции. Таким образом, пользователь совершает действие или выполняет команду. В спецификации HTML тег <menu> объясняется как альтернатива тегу <ul>, на данный момент разницы в обработке этих двух тегов браузерами нет.
👉 @frontendInterview
JavaScript для профессионалов
Книга "JavaScript для профессионалов" - как можно понять из названия, не подойдет совсем начинающим js разработчикам, а скорее более опытным.
В этой книге вы узнаете всё что, нужно знать для профессиональных Web-разработчиков, от недостатков и достоинств языка, до каких то практичных приёмов применения JavaScript.
Книга "JavaScript для профессионалов" - как можно понять из названия, не подойдет совсем начинающим js разработчикам, а скорее более опытным.
В этой книге вы узнаете всё что, нужно знать для профессиональных Web-разработчиков, от недостатков и достоинств языка, до каких то практичных приёмов применения JavaScript.