Frontend Interview - собеседования по Javascript / Html / Css
Open in Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Show more
Network:📈 Analytical overview of Telegram channel Frontend Interview - собеседования по Javascript / Html / Css
Channel Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) in the Russian language segment is an active participant. Currently, the community unites 10 749 subscribers, ranking 11 392 in the Technologies & Applications category and 60 311 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 749 subscribers.
According to the latest data from 10 July, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -94 over the last 30 days and by -4 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 6.63%. Within the first 24 hours after publication, content typically collects 4.13% reactions from the total number of subscribers.
- Post reach: On average, each post receives 713 views. Within the first day, a publication typically gains 444 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 2.
- Thematic interests: Content is focused on key topics such as javascript, браузер, html, css, видимость.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Thanks to the high frequency of updates (latest data received on 11 July, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.
10 749
Subscribers
-424 hours
-207 days
-9430 days
Posts Archive
Что такое 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 при нажатии?
