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

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

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

Канал в реестре РКН:
https://rknn.link/su
Download Telegram
Можно ли задать стили для элемента, в котором есть элемент, находящийся в фокусе?
Anonymous Quiz
6%
Нет
50%
Да, псевдоклассом :focus
8%
Да, псевдоклассом :hover
36%
Да, псевдоклассом :focus-within
🤔21🔥5👍3🥰21
Какие HTTP-запросы вы знаете?

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

GET запрашивает представление ресурса. Запросы с использованием этого метода могут только получать данные.

HEAD запрашивает ресурс так же, как и метод GET, но без тела ответа.

POST используется для отправки сущностей к определённому ресурсу. Часто вызывает изменение состояния или какие-то сайд-эффекты на сервере.

PUT заменяет все текущие представления ресурса данными запроса.

DELETE удаляет указанный ресурс.

CONNECT устанавливает "туннель" к серверу, определённому по ресурсу.

OPTIONS используется для описания параметров соединения с ресурсом.

TRACE выполняет вызов возвращаемого тестового сообщения с ресурса.

PATCH используется для частичного изменения ресурса.

👉 @frontendInterview
🔥10👍6
Как пасти котов. Наставление для программистов, руководящих другими программистами

Программист подобен кошке, которая гуляет сама по себе. Так уж исторически сложилось. Именно поэтому так непросто быть руководителем команды программистов. Даже если вы еще месяц назад были блестящим и дисциплинированным программистом и вдруг оказались в роли менеджера, вряд ли вы знаете, с чего надо начать, какой выбрать стиль руководства, как нанимать и увольнять сотрудников, проводить совещания, добиваться своевременного выполнения задач. В таком случае без этой книги вам не обойтись. А может быть, вы — опытный менеджер, желающий пересмотреть свои принципы лидерства? Тогда, опять же, эта книга для вас. Вне зависимости от возраста, пола и социального статуса, она поможет вам укрепить свои позиции в роли лидера программистов. Материал изложен довольно компактно и легко укладывается в голове.

👉 @frontendInterview
5😁3👍1👎1🥰1
Moving Zeros To The End

Создайте алгоритм, который переместит все нули массива в его конец.

Пример:
moveZeros([false,1,0,1,2,0,1,3,"a"])
// returns[false,1,1,2,1,3,"a",0,0]


👉 @frontendInterview
🔥6🤔2😱1
Что такое область видимости?

Область видимости — это место, где мы имеем доступ к переменным и функциям, находящимся в ней. JS имеем три типа областей видимости: глобальная, функциональная и блочная (ES6).

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

Функциональная — переменные, функции и параметры, объявленные внутри функции, доступны только внутри этой функции.

Блочная — переменные, объявленные с помощью ключевых слов let и const, доступны только внутри блока {}, в котором были объявлены.

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

👉 @frontendInterview
👍193🤔2
Размеры элемента .child — 196x196px. Да или нет?
Anonymous Quiz
38%
Да
62%
Нет
👍10👎61
Что такое WebRTC?

WebRTC (Web Real Time Communications) — это стандарт, который описывает передачу потоковых аудиоданных, видеоданных и контента между браузерами (без установки плагинов или иных расширений) или другими поддерживающими его приложениями в режиме реального времени. Сервер при этом не нужен.

👉 @frontendInterview
🔥81👍1
Реклама. ООО "Яндекс" ИНН 7736207543 Erid LdtCKfwJx
Какого цвета будет ссылка?
Anonymous Quiz
3%
green
40%
yellow
30%
blue
27%
red
👍27👎1🥰1
Что можно использовать с типами, но нельзя с интерфейсами в TypeScript?
Anonymous Quiz
53%
Пересечение и объединение
27%
Наследование
19%
Описание класса и функции
Что такое Cookie?

Cookie — это небольшие служебные файлы, которые хранятся на компьютере пользователя.

Они содержат данные, относящиеся к пользователю, его предпочтениям и действиям на конкретном сайте: данные для авторизации (логин и пароль), индивидуальные настройки, посещенные страницы, совершенные действия, товары в корзине, дата и время посещения и т.д.

Когда пользователь повторно заходит на сайт, браузер отправляет cookie на сервер, чтобы рассказать сайту о предыдущих активностях пользователя. Cookie обладают определенным сроком жизни, по истечении которого они удаляются.

👉 @frontendInterview
👍14😁2🥰1
Simplified JavaScript for Very Important Programmers: The Fast Track to Mastering Essential JavaScript Concepts (2023)

Это практическое руководство для всех, кто хочет освоить основные разделы JavaScript, не тратя время на запутанные объяснения и не пытаясь понять смысл неоднозначных слов. Книга наполнена реальными примерами и четким, лаконичным языком, который разбивает технические концепции на легкие для понимания фрагменты.

👉 @frontendInterview
🔥5👍3👏2
Jaden Casing Strings

Необходимо преобразовать строку так, что бы каждое слово начиналось с большой буквы.

Not Jaden-Cased:
// "How can mirrors be real if our eyes aren't real"
Jaden-Cased:
// "How Can Mirrors Be Real If Our Eyes Aren't Real"


👉 @frontendInterview
👍6😁32
Свойство transition

transition позволяет определять переходное состояние между двумя состояниями элемента. Различные состояния могут быть определены с помощью псевдоклассов, таких как :hover или :active или установлены динамически с помощью JavaScript.

Свойство transition - это сокращённое свойство для transition-property, transition-duration, transition-timing-function, и transition-delay.

Например, в следующем примере кода благодаря свойству transition прозрачность кнопки при наведении на неё будет изменяться плавно.

 button {
transition: opacity 0.2s ease-in-out;
}

button:hover {
opacity: 0.8;
}


Антипаттерном является запись вида transition: all, заставляющая браузер прибегать к излишним вычислениям. В особых случаях это может давать заметный негативный эффект в производительности.

👉 @frontendInterview
🔥72