Frontend Interview - собеседования по Javascript / Html / Css
Открыть в Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Больше
Сеть:📈 Аналитический обзор Telegram-канала Frontend Interview - собеседования по Javascript / Html / Css
Канал Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 10 749 подписчиков, занимая 11 392 место в категории Технологии и приложения и 60 311 место в регионе Россия.
📊 Показатели аудитории и динамика
С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 10 749 подписчиков.
Согласно последним данным от 10 июля, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -94, а за последние 24 часа — -4, при этом общий охват остаётся высоким.
- Статус верификации: Не верифицирован
- Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 6.63%. В первые 24 часа после публикации контент обычно набирает 4.13% реакций от общего числа подписчиков.
- Охват публикаций: В среднем каждый пост получает 713 просмотров. В течение первых суток публикация набирает 444 просмотров.
- Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 2.
- Тематические интересы: Контент сосредоточен на ключевых темах, таких как javascript, браузер, html, css, видимость.
📝 Описание и контентная политика
Автор описывает ресурс как площадку для выражения субъективного мнения:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Благодаря высокой частоте обновлений (последние данные получены 11 июля, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Технологии и приложения.
10 749
Подписчики
-424 часа
-207 дней
-9430 день
Архив постов
Что такое SyntheticEvent в React?
Ваши обработчики событий получают экземпляр SyntheticEvent, это кроссбраузерная обёртка над нативным экземпляром события. У неё такой же интерфейс, как и у нативного события, включая методы stopPropagation() и preventDefault(). Эта обёртка помогает событиям работать одинаково во всех браузерах.
Если вам всё-таки нужно получить нативное браузерное событие, обратитесь к атрибуту nativeEvent. Синтетические события отличаются от нативных событий браузера и непосредственно не связаны с ними. Например, в синтетическом событии onMouseLeave атрибут event.nativeEvent будет указывать на mouseout. Эта деталь реализации не является частью публичного API, поэтому может измениться со временем.
👉 @frontendInterview
Какое значение свойства color у элемента div?
Хочешь научиться разрабатывать сайты?
Админ канала WordPress | Разработка сайтов
простыми словами рассказывает про разработку сайтов, говорит о конкретных фишках, проверенных собственным опытом. Максимум сути и минимум бесполезной теории.
Подпишись и повысь свой чек
за работу 👉t.me/dv_wordpress
#wordpress #разработка_сайтов
Что такое const assertion в TypeScript?
В TypeScript 3.4, кроме прочих новшеств, появилось и понятие const assertion (константное утверждение), предусматривающее использование конструкции as const. Это — упрощённый метод объявления констант, содержащих иммутабельные объекты и массивы.
Такие объявления строятся с помощью добавления as const в конец объявления константы. У этого метода есть и дополнительное преимущество, которое заключается в том, что при его использовании не нужно явным образом указывать тип в утверждении as const.
const person = {
name: 'Will'
} as const;
person.name = 'Diana'; // ошибка!
// С массивами тоже можно использовать as const
const array = [1, 2, 3] as const;
array.push(4); // ошибка!
👉 @frontendInterviewС помощью какой команды можно просмотреть подключения к внешним репозиториям?
Hands-Free Coding: программирование голосом
Канадский разработчик поделился своей историей и рассказал, что смог справиться с физической неспособностью кодить на клавиатуре благодаря такому инструменту как Talon Voice — он бесплатный, кроссплатформенный, заточен именно на программирование. Он описал какие команды использует, весь фонетический алфавит и различные конструкции. Есть даже демо того, как он голосом надиктовывает реакт компонент, фокусирует курсор взглядом и голосовым сигналом!
Мы тут нашли интересный канал Романа Катеринчика, IT-предпринимателя, который основал три финтех-продукта и одну аутсорсинговую компанию, а один из его бизнесов получил оценку в 20 млн.долларов. и подобрали 🔥 горячие посты с канала Ромы:
💰Какие данные собирает и продает Facebook
🗣 Hands-Free Coding: программирование голосом
😎 Почему из интровертов получаются выдающиеся лидеры
🪑 Эффект IKEA: почему созидание делает нас счастливее
Подписывайтесь на канал Романа, чтобы первыми получать хаки по прокачке 💪
Что такое индекс в Git?
Индекс в Git — это специальная промежуточная область, в которой хранятся изменения файлов на пути от рабочей директории до репозитория. При выполнении коммита в него попадают только те изменения, которые были добавлены в индекс.
Понятие индекса в Git появилось не случайно. Даже когда разработчик работает над одной задачей, по пути он натыкается на разные места в коде, которые либо плохо оформлены, либо содержат ошибки, либо должны быть исправлены в соответствии с какими-то новыми требованиями. И в большинстве ситуаций совершенно нормально исправлять эти недочеты, что все и делают. В итоге в рабочей директории появляется множество разных исправлений, которые частично относятся к выполняемой задаче, а частично содержат множественные исправления, напрямую не связанные с основными изменениями. В чём здесь проблема?
Если делать ровно один коммит, включающий в себя и основную задачу и дополнительные исправления, то появляется несколько неприятных побочных эффектов. Во-первых, сложнее смотреть историю. Коммит начинает содержать совершенно несвязанные изменения, которые отвлекают во время ревью (проверки чужого кода).
# Обычно в таких коммитах встречается условие И в описании # Показатель того, что в рамках одного коммита сделано несколько изменений $ git commit -m 'add new feature and fix something'Во-вторых, что вероятно даже важнее, откат коммита по любым причинам приведет к тому, что откатятся правки, которые всё равно нужно будет делать. Именно здесь помогает индекс. Его наличие позволяет меньше переживать на тему того, как сформируется коммит. Стандартный способ работы с индексом — это добавление или изменение файлов и последующий коммит:
$ git add somefile
$ git commit -m 'add somefile'
👉 @frontendInterview❓Хочешь быть востребованным фронтендером или фуллстек-разработчиком?
🔥 Тогда без фреймворка React.js не обойтись!
Погрузитесь в возможности этого инструмента на онлайн-курсе «React.js Developer»
⏰ Занятия начнутся уже завтра, 28 сентября.
Пройдите вступительный тест и присоединяйтесь к группе по специальной цене.
Short Long Short
Вам даны две строки - короткая и длинная. Создайте функцию, которая преобразует их в одну строку, которая будет состоять из короткой строки + длинной строки + короткой строки.
Примеры:
("1", "22") --> "1221"
("22", "1") --> "1221"
👉 @frontendInterviewПринципы Unit-тестирования.pdf2.87 MB
Принципы юнит тестирования.
Юнит-тестирование - это процесс проверки отдельных модулей программы на корректность работы. Правильный подход к тестированию позволит максимизировать качество и скорость разработки проекта. Некачественные тесты, наоборот, могут нанести вред: нарушить работоспособность кода, увеличить количество ошибок, растянуть сроки и затраты. Грамотное внедрение юнит-тестирования - хорошее решение для развития проекта.
Научитесь разрабатывать тесты профессионального уровня, без ошибок автоматизировать процессы тестирования, а также интегрировать тестирование в жизненный цикл приложения. Со временем вы овладеете особым чутьем, присущим специалистам по тестированию. Как ни удивительно, практика написания хороших тестов способствует созданию более качественного кода.
👉 @frontendInterview
Возможно ли передать ref из компонента одному из его дочерних компонентов в React?
Что значит фраза: "экран с высокой плотностью пикселей"?
CSS-пиксели (CSS pixels) — абстрактная величина, используемая браузерами для точного отображения контента на страницах, вне зависимости от экрана (DIPs: device-independent pixels).
Пример:
<div height="200" width="300"></div>Такой блок на обычных экранах будет занимать область 200x300 пикселей, а на Retina-экранах тот же блок получит 400x600 пикселей. Таким образом, на Retina-экранах плотность пикселей в 4 раза больше, чем на обычных. 👉 @frontendInterview
❓Насколько эффективно вы работаете в фреймворках JavaScript?
Новый уровень мастерства ждет тех, кто сможет пройти вступительный тест онлайн-курса «JavaScript Developer. Professional» от OTUS.
⏰ Занятия начнутся 28 сентября. Успейте присоединиться к группе, пока остались места с бонусной скидкой.
Где будет находиться элемент с id #box2?
Что такое Promise? Для чего он нужен?
Promise – это специальный объект, который содержит своё состояние. Вначале pending («ожидание»), затем – одно из: fulfilled («выполнено успешно») или rejected («выполнено с ошибкой»).
Синтаксис создания Promise:
let promise = new Promise(function(resolve, reject) {
// функция-исполнитель (executor)
// "певец"
});
Функция, переданная в конструкцию new Promise, называется исполнитель (executor). Когда Promise создаётся, она запускается автоматически. Она должна содержать «создающий» код, который когда-нибудь создаст результат. В терминах нашей аналогии: исполнитель – это «певец».
Её аргументы resolve и reject – это колбэки, которые предоставляет сам JavaScript. Наш код – только внутри исполнителя.
Когда он получает результат, сейчас или позже – не важно, он должен вызвать один из этих колбэков:
resolve(value) — если работа завершилась успешно, с результатом value.
reject(error) — если произошла ошибка, error – объект ошибки.Что нужно подставить в onClick, чтобы выполнилась функция handleClick с параметром 10 при нажатии?
