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
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
Как сделать так, чтобы background-color автоматически менялся при изменении значения color?
Anonymous Quiz
30%
Средствами JavaScript
4%
Никак
13%
Используя препроцессор
53%
background-color: currentColor;
👍122🔥2😱2
🚀 Подними свои фронтенд-скиллы на новый уровень с True Frontender! 🚀

👨‍💻 Изучаешь фронтенд или хочешь поднять свой грейд? Хочешь успешно проходить собеседованя?
True Frontender – это твой навигатор в мире кода!

💡 На канале True Frontender тебя ждет:
- Полезные советы на основе реального опыта работы
- Примеры задач, которые встречаются на собеседованиях
- Фишки и авторские статьи по React, TypeScript, JavaScript, CSS, HTML
- Советы которые помогут сделать твой код чище и компактнее
- Рекомендации по улучшению качества твоего кода

🌟 True Frontender – это не просто канал, это твой путь к мастерству в фронтенде. Развивайся как в технических, так и в творческих аспектах разработки.

🔥 Присоединяйся сейчас – будущее твоего кода начинается здесь! 👉 @truefrontender 🚀
👍3
Что такое шаблон (паттерн) проектирования?

В разработке ПО шаблон проектирования — это типовое решение регулярно возникающей проблемы в рамках определённого контекста архитектуры приложения.

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

Шаблоны проектирования делятся на три группы:
1. Порождающие - описывают создание объекта (instantiation) или группы связанных объектов.
2. Структурные - в основном посвящены компоновке объектов (object composition). То есть тому, как сущности могут друг друга использовать.
3. Поведенченские - связаны с присвоением обязанностей (responsibilities) объектам. От структурных шаблонов они отличаются тем, что не просто описывают структуру, но и очерчивают шаблоны передачи данных, обеспечения взаимодействия.

👉 @frontendInterview
👍63👎3😁1
Как можно установить свойство opacity для элемента span, который следует сразу за элементом input?
Anonymous Quiz
9%
input.span
43%
input + span
13%
input span
35%
input > span
👍101
erid: LjN8KWVuk

Каждый день мы просыпаемся и идём к компьютеру писать код.

Но новогодние праздники — отличный повод отвлечься и показать, чему вы научились за год. Поэтому мы  запускаем телеграм-игру «Код сурка», чтобы вы могли блеснуть знаниями в веб-разработке и получить за это ценные призы.

Забрать их легко — достаточно отвечать на вопросы о веб-разработке (их будет аж 1200) и набирать баллы за правильные ответы. Чем выше вы вскарабкаетесь в рейтинге — тем круче призы.

К слову: разыграем профессию на выбор победителя, 2 «инженерии», 7 курсов по вёрстке и JavaScript, 20 безлимитных доступов к тренажёрам на месяц и 70 доступов к тренажёрам на неделю.

Ну и самое приятное — все участники акции смогут легко получить безлимитный доступ к тренажёрам Академии на время игры, а после игры — скидки и бонусы.

Присоединяйтесь, и пусть каникулы не проходят зря.

Реклама. ООО "ИНТЕРАКТИВНЫЕ ОБУЧАЮЩИЕ ТЕХНОЛОГИИ". ИНН 7807382880.
2👍1