Frontend Interview - собеседования по Javascript / Html / Css

Для тех кто сомневался, канал, где учат программированию по опросам👇🏻 https://t.me/programmer_polls

Что такое CORS (Cross-Origin Resource Sharing)? Совместное использование ресурсов между источниками (CORS) - это механизм, который использует дополнительные заголовки HTTP, чтобы сообщить браузерам о необходимости предоставить веб-приложению, работающему в одном источнике, доступ к выбранным ресурсам из другого источника. Веб-приложение выполняет HTTP-запрос между источниками, когда оно запрашивает ресурс, который имеет другое происхождение (домен, протокол или порт) от его собственного. 👉 @frontendInterview

Практика каррирования. Создайте функцию, которая выведет 'Hello World' в консоль, при этом эта функция должна быть вызвана таким образом: say("Hello")("World") 👉 @frontendInterview

Веб-компоненты в действии Один из основных факторов, способствующих трансформации интернета в последние годы, – широкое внедрение разработки пользовательского интерфейса на основе компонентов. В этой книге подробно описываются рабочие процессы, которые дают вам полный контроль над стилями и поведением компонентов и существенно упрощают их создание, совместное и повторное использование в проектах. В первой части рассмотрено получение простого компонента с нуля. Вторая часть посвящена улучшению организации проекта. В третьей части освещаются принципы совместной работы с несколькими компонентами, позволяющей решать более сложные задачи. Для всех примеров предоставляется исходный код. 👉 @frontendInterview

👉 @frontendInterview

👉 @frontendInterview

Расскажите про localStorage в браузере. Локальное хранилище это одна из разновидностей Web Storage API, специального API для хранения данных в браузере в формате ключ-значение. Этот API был создан как решение для проблем с куки и является более интуитивным и безопасным способом хранения простых данных внутри браузера. Хотя технически мы можем хранить в локальном хранилище только строки, это обходится за счет преобразования в JSON. Таким образом мы можем сохранять в локальном хранилище более сложные данные по сравнению с куки. Мы можем создавать, читать и удалять данные в локальном хранилище, используя следующий синтаксис: // Create const user = { name: 'Ire Aderinokun', age: 25 } localStorage.setItem('user', JSON.stringify(user)); // Read (Single) console.log( JSON.parse(localStorage.getItem('user')) ) // Update const updatedUser = { name: 'Ire Aderinokun', age: 24 } localStorage.setItem('user', JSON.stringify(updatedUser)); // Delete localStorage.removeItem('user');

С помощью какого плагина можно ускорить написание кода в Visual Studio Code?  Ответ: ☑️Плагинов для ускорения работы существует больше 500. Познакомься с ними поближе и преврати написание кода в отдых 🏝️ __Первый канал по плагинам VSC в Telegram.__ 🔥

👉 @frontendInterview

Что такое Cookie и для чего они могут использоваться? Куки это классический способ хранения простых строчных данных внутри документа. Обычно куки отсылаются с сервера на клиент, который может сохранять их, а затем отправлять обратно на сервер в ответ на последующие запросы. Это может быть использовано для таких вещей, как управление сессиями аккаунта или отслеживание пользовательской информации. Дополнительно куки можно использовать и для простого хранения данных на клиентской стороне. Поэтому они также часто используются для хранения общих данных типа пользовательских настроек. Преимущества - Их можно использовать для коммуникации с сервером - Мы можем определить для куки срок их автоматического окончания вместо того, чтобы удалять вручную. Недостатки - Они добавляются к загрузке страницы документа - Они могут хранить небольшое количество данных - Они могут содержать только строки. - Потенциальные проблемы с безопасностью. 👉 @frontendInterview

👉 @frontendInterview

До 13 октября регистрируйтесь на онлайн-встречу Adtech с топовыми спикерами одной из самых успешных команд Яндекса – Рекламные продукты: - Руководителем рекламных продуктов Верой Лейзерович - Руководителем нового рантайма и больших данных Алексеем Шлюнкиным - Руководителем отдела качества рекламы Алексеем Штоколовым - Руководителем службы конкурентного и бизнес-анализа Сергеем Линeвым Сначала узнаете подробнее о том, что реклама — это продукт, под капотом у которой много сложных технологий, интересных задач и вызовов. А после сможете поспрашивать руководителей рекламных продуктов Яндекса о работе у них в командах по аналитике, фронтенду, бэкенду и управлению продуктом. А уже 23 и 24 октября в Яндексе проведут Fast Track — онлайн-встречу, на которой можно будет пройти две технические секции и получить быстрый оффер в компанию.

Разработчики готовы раскрыть все карты и честно обсудить то, о чём многие предпочитают сплетничать на перекурах. Подкаст «307 пакетов» — это будни (а иногда и выходные) айтишников, которые не боятся шутить, обсуждать душных начальников, лишние килограммы на удалёнке, влюбленности на собеседованиях и зарплаты. Только нескучные беседы с ребятами и их приглашенными гостями. Тоже нескучными, кстати. Подписывайся на YouTube-канал «307 пакетов» ➡️ https://bit.ly/3lrHFNm Или выбирай любую удобную подкаст-площадку ➡️ https://bit.ly/3uZigxy

​Что такое Grid? Расскажите про его основные элементы. Грид — это двумерная (в отличие от от одномерных флексбоксов) сетка. Как табличная, только виртуальная, не связанная с разметкой. Состоит из следующих элементов: - Грид-контейнер — элемент, в котором строится сетка. - Грид-элементы — элементы, размещаемые по сетке. Важно: они должны быть непосредственными потомками грид-контейнера (как и во флексбоксах флекс-элементы должны быть непосредственными потомками флекс-контейнера). - Грид-линии — невидимые вертикальные и горизонтальные линии, разделяющие грид на ячейки и формирующие его структуру. Грид-линии автоматически нумеруются, а также им можно задавать имена. К грид-линиям можно привязывать грид-элементы — и по номерам, и по именам, как удобнее. - Грид-полосы — то, что ограничено парой соседних грид-линий. Вертикальные грид-полосы — это колонки грида (аналог столбцов таблицы), горизонтальные — ряды (аналог строк). - Грид-ячейки — то, что получается на пересечении двух грид-полос (колонки и ряда). Аналог ячейки таблицы. - Грид-области — прямоугольники из M×N смежных грид-ячеек (1×1 и больше). Каждая грид-область ограничена двумя парами грид-линий (парой вертикальных и парой горизонтальных). В них и размещаются грид-элементы. Грид-областям тоже можно задавать имена. - Грид-интервалы — пустые пространства (отступы) между соседними грид-полосами. Аналог border-spacing в таблице. 👉 @frontendInterview

Single digit Вам дано число, состоящее из нескольких цифр. Его нужно превратить в одну цифру. Для этого нужно перевести данное число в двоичный вид, а затем сложить все единицы двоичного представления. Примеры: 5665 --> (binary) 1011000100001 1011000100001 --> (sum of binary digits) 5 123456789 --> (binary) 111010110111100110100010101 111010110111100110100010101 --> (sum of binary digits) 16 16 --> (binary) 10000 10000 --> (sum of binary digits) 1 👉 @frontendInterview