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

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

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

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Как можно задать стили только первым двум элементам li?
Anonymous Quiz
3%
li:last-child + li
64%
li:nth-child(-n+2)
32%
li:first-child+li
Что такое «Единый источник истины» (SSOT)?

Единый источник истины (SSOT) — это термин, который обозначает сбор всех бизнес-данных в одном определенном месте. Такой подход предполагает, что сотрудники компании принимают ключевые бизнес-решения, основываясь на одних и тех же данных. Это позволяет избежать бункеров, из-за которых сотрудники могут не знать о важной информации, которая есть в компании. Если ваша компания работает, основываясь на единой версии истины, между сотрудниками не останется никаких тайн, и все будут на одной волне. Хранение данных в централизованном хранилище предотвращает путаницу из-за множества версий истины и одинаковых файлов.

👉 @frontendInterview
👍1
Какова ширина элемента h1?
Anonymous Quiz
30%
200px
60%
100px
10%
100vw
JavaScript для FrontEnd-разработчиков. Написание. Тестирование. Развертывание

В книге последовательно затронуты все аспекты производства JavaScript-кода: от выбора архитектуры и конструирования кода до покрытия модульными тестами, отладки, интеграционного тестирования, сборки и непрерывной поставки вашего кода.

👉 @frontendInterview
Function Cache

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

Примеры:
var complexFunction = function(arg1, arg2) { /* complex calculation in here */ };
var cachedFunction = cache(complexFunction);

cachedFunction('foo', 'bar');
// complex function should be executed

cachedFunction('foo', 'bar');
// complex function should not be invoked again, instead the cached result should be returned

cachedFunction('foo', 'baz');
// should be executed, because the method wasn't invoked before with these arguments


👉 @frontendInterview
Хотите продолжать учиться во фронтенде, но не знаете, куда идти дальше?

Составим индивидуальный план развития вместе с экспертами из крупных продуктовых компаний.

Для осознанного карьерного роста у фронтендера должен быть чёткий план развития навыков.

Но во многих компаниях не дают такие планы. А там, где дают, они направлены на рост внутри одной компании, а не всего рынка в целом.

При этом составить себе план сложно, ведь в разных компаниях требуют разные навыки, а сразу всё изучить невозможно — надо как-то расставлять приоритеты. И ещё есть софт-скиллы, с которыми всё тоже непросто.

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

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

Оценка состоит из трёх этапов:

— автоматизированный технической скоринг — тест для проверки 56 групп навыков;

— техническое собеседование с экспертами из «Яндекса», «Связного», PandaDoc и других компаний;

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

По результатам оценки вы получаете индивидуальный план развития с персональными рекомендациями от экспертов.

Начать оценку, чтобы получить план и начать осознанно развиваться, можно уже сейчас — по ссылке. До 1 сентября оценку можно пройти по специальной цене.
1👍1
Что такое WebSocket? В чем принцип его работы?

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

👉 @frontendInterview
Какой цвет у текста в элементе span?
Anonymous Quiz
54%
red
10%
black
36%
blue
Что такое Service Workers?

Говоря простыми словами, это сценарий, который запускается браузером в фоновом режиме. Он никак не связан с веб-страницей или DOM и предоставляет функции “из коробки”, такие как обработка сетевых запросов, push-уведомления и фоновая синхронизация. Service workers обеспечивают возможность работы offline.

Service worker — посредник между клиентом и сервером, пропускающий через себя все запросы к серверу. С его помощью можно перехватывать все запросы “на лету”.

👉 @frontendInterview
Какое значение примет result?
Anonymous Quiz
8%
0
36%
-1
2%
2
55%
1
Что такое делегирование событий (Event Delegation)?

Делегирование событий является полезным шаблоном, так как позволяет отслеживать события на множестве элементов с помощью только одного обработчика.

Для работы делегирования событий нужно 3 шага:
1. Определить родителя элементов для отслеживания событий
2. Прикрепить на него обработчик событий
3. Использовать event.target для выбора целевого элемента

👉 @frontendInterview
Веб-дизайн для начинающих. HTML, CSS, jаvanoscript и веб-графика

Книга поможет освоить веб-дизайн, не имея опыта. На практических примерах показано, как создать простой сайт и постепенно его совершенствовать. Рассказано о создании веб-страниц, содержащих текст, ссылки, изображения, таблицы и формы. Описано применение CSS для создания и выбора цвета, фона, форматирования текста, макетирования страниц и выполнения простой анимации. Даны основы JS и подчеркнута его важность в веб-дизайне. Описано создание, оптимизация и сокращение времени загрузки веб-изображений.

👉 @frontendInterview
1
Detect Pangram

Панграмма — короткий текст, использующий все буквы алфавита.
Создайте функцию, которая проверит, является ли строка панграммой.

Пример:
В предложении "The quick brown fox jumps over the lazy dog" есть все буквы от A до Z.

👉 @frontendInterview