Frontend Interview - собеседования по Javascript / Html / Css
Ir al canal en Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Mostrar más
Red:📈 Análisis del canal de Telegram Frontend Interview - собеседования по Javascript / Html / Css
El canal Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 10 749 suscriptores, ocupando la posición 11 392 en la categoría Tecnologías y Aplicaciones y el puesto 60 311 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 10 749 suscriptores.
Según los últimos datos del 10 julio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -94, y en las últimas 24 horas de -4, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 6.63%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 4.13% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 713 visualizaciones. En el primer día suele acumular 444 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 2.
- Intereses temáticos: El contenido se centra en temas clave como javascript, браузер, html, css, видимость.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 11 julio, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
10 749
Suscriptores
-424 horas
-207 días
-9430 días
Archivo de publicaciones
Что такое 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 при нажатии?
