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 731 suscriptores, ocupando la posición 11 409 en la categoría Tecnologías y Aplicaciones y el puesto 60 392 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 731 suscriptores.
Según los últimos datos del 13 julio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -104, y en las últimas 24 horas de -8, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 8.00%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 4.14% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 859 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 14 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 731
Suscriptores
-824 horas
-297 días
-10430 días
Archivo de publicaciones
Где получить углубленные навыки JavaScript разработки? 10 марта на демо-занятии «Vue 3» Михаил Кузнецов познакомит вас с возможностями новой версии одного из самых популярных фронтенд фреймворков.
На открытом уроке:
- рассмотрим ключевые отличия в синтаксисе vue2 от vue3;
- разберем как работать с vue-router и VueX в новой версии фреймворка;
- cоздадим проект на Vue 3 с нуля с помощью Vue-cli.
Демо-урок — возможность познакомиться с онлайн-курсом «JavaScript Developer. Professional» и преподавателем. Пройдите вступительный тест, чтобы принять участие в занятии https://otus.pw/HsLF/
Какой цвет у HTML элемента p?
Что такое React.cloneElement()?
Функция React.cloneElement() возвращает копию переданного ей элемента. В функцию могут передаваться дополнительные пропы и потомки. Она используется, когда родительский компонент хочет добавить или модифицировать пропы потомков.
React.cloneElement(element, [props], [...children])cloneElement() принимает три аргумента: 1. element: элемент, подлежащий клонированию 2. props: пропы, передаваемые клонированному элементу 3. children: мы также можем передавать потомков в клонированный элемент (новые потомки заменяют старых)
Пройдите бесплатный интенсив по веб-разработке и узнайте, как создать крутой сайт всего за день! Вас ждёт 5 часов мощной практики и всего 1 час теории — вы узнаете обо всех этапах создания сайта и в итоге получите полноценный проект для портфолио 🔥
Регистрируйтесь по ссылке: https://clc.am/7pL7Cw
✔️ Изучите основы создания сайтов и научитесь работать с языками программирования — HTML, CSS, JavaScript, PHP и MySQL.
✔️ Вместе с профессиональным разработчиком создадите сайт — от написания кода до публикации в интернете.
✔️ Узнаете, что такое домен, хостинг и как правильно их настраивать.
💬 Спикер: разработчик с 16-летним опытом, руководитель команды разработчиков и директор центра подбора IT-специалистов SymbioWay — Даниил Пилипенко.
Ждём вас в прямом эфире 6 марта с 12:00 до 19:00 по московскому времени!
Всех участников ждут подарки 🎁
Что выведется в консоль при клике на кнопку?
Что такое управляемые и неуправляемые компоненты?
В управляемых компонентах данные формы обрабатываются React-компонентом. Альтернативой являются неуправляемые компоненты, где данные формы обрабатываются DOM.
Управляемые компоненты
В управляемых компонентах данные формы обрабатываются с помощью состояния компонента. Состояние компонента выступает в роли "единственного источника истины" (single source of truth) для "инпутов" компонента.
Неуправляемые компоненты
Неуправляемые компоненты похожи на обычные HTML-элементы. Данные каждого "инпута" сохраняются в DOM, а не в компоненте. Вместо обработчиков событий для обновления состояния, в таких компонента используются refs (ссылки, references) для извлечения значений из DOM. Ссылки позволяют получать доступ к узлам DOM или элементам React, создаваемым в методе render():
Какой псевдокласс нужно применить к input, чтобы стилизовать необязательный input?
Разделяй и Властвуй
Вам дан массив, состоящий из цифр и строковых представлений цифр.
Вам нужно вычесть сумму строковых представлений из цифр и вернуть этот результат.
Примеры:
divCon([9, 3, '7', '3']) => 2
divCon(['5', '0', 9, 3, 2, 1, '9', 6, 7]) => 14
divCon(['3', 6, 6, 0, '5', 8, 5, '6', 2,'0']) => 13Почему функция setState() в React является асинхронной, а не синхронной?
Даже если состояние обновляется синхронно, пропы - всегда асинхронно. Это означает, что значение пропов является неопределенным до повторного рендеринга родительского компонента. Объекты, предоставляемые React (state, props, refs), согласованы между собой. Если вы реализуете синхронный setState(), то могут возникнуть проблемы.
setState() не изменяет state сразу, но создает запрос на изменение состояния (планирует обновление). Поэтому после обновления state теоретически может иметь старое значение. Несколько операций обновления могут объединяться в одну в целях повышения производительности.
Это связано с тем, что setState() изменяет состояние и приводит к повторному рендерингу. Если операция обновления состояние будет синхронной и при этом дорогой с точки зрения производительности, то браузер пользователя лишится интерактивности (перестанет отвечать на действия пользователя до завершения операции). Поэтому такие операции являются асинхронными и группируются для обеспечения лучшего пользовательского опыта и повышения производительности.
🤔 Что читать/смотреть чтобы стать профессиональным front-end разработчиком?
Админы канала FrontEndDev отбирают лучшие ресурсы по веб разработке
На канале найдешь свежие статьи, фишки JS и TS, туториалы по фреймворкам, лучшие практики разработки и многое другое.
🚀 Рекомендуем подписаться!
Что выведется в консоль?
Почему виртуальный DOM является более эффективным, чем "грязная" проверка (dirty check)?
Виртуальный DOM
В React при каждом обновлении DOM или изменении данных, используемых страницей, создается новое объектное представление пользовательского интерфейса. Это всего лишь легковесная копия DOM.
Виртуальный DOM имеет почти такие же свойства, что и настоящий DOM, но он не может напрямую модифицировать содержимое (контент) страницы. Манипуляции с виртуальным DOM быстрее, поскольку он ничего не обновляет на экране. Простыми словами, работа с виртуальным DOM - это работа с копией реального DOM, не более того.
Обновление виртуального DOM быстрее благодаря следующему:
1. Использованию эффективного алгоритма определения различий
2. Совмещению (группировке, объединению) операций по обновлению
3. Оптимизированному обновлению поддеревьев
4. Использованию наблюдаемых объектов для определения изменений вместо "грязной" проверки
5. Как работает виртуальный DOM
При рендеринге JSX-элемента обновляется виртуальный DOM. Это происходит очень быстро. После обновления новая версия виртуального DOM сравнивается со старой (снимком, выполненным перед обновлением). После этого, React определяет отличия между двумя объектами. Данный процесс называется diffing.
Затем React обновляет только те части браузерного DOM, которые подверглись изменениям. За счет этого React очень сильно выигрывает в производительности.
Если кратко, то вот что происходит при обновлении DOM в React:
1. Обновляется виртуальный DOM
2. Обновленный виртуальный DOM сравнивается с предыдущим
3. Определяются различия между версиями виртуального DOM
4. Обновляются только изменившиеся элементы браузерного DOM
5. Изменения отображаются на экране
Современный JavaScript для нетерпеливых.
Данная книга – полное, но при этом лаконичное руководство по версии JavaScript E6 и выше. Вам не потребуется знаний старых версий языка, а сразу предлагается начать с более мощных современных.
Автор бестселлеров Кэй С. Хорстман рассказывает обо всем, что вам необходимо знать, излагая материал небольшими порциями, рассчитанными на легкое усвоение. Практические советы и примеры кода помогут эффективно воспользоваться всеми новшествами, избежать подводных камней и устаревших средств и извлечь максимум пользы из надежных инструментов и фреймворков для разработки ПО на современном JavaScript.
IQ Тест
Боб готовится сдавать IQ Тест. Самое распространенное задание в этом тесте - найти число, которое чем-то отличается от других. Боб обнаружил, что обычно это число отличается четностью или нечетностью. Помогите Бобу написать программу, которая будет находить это число и возвращать его номер. При этом отсчет начинается не с 0, а с 1.
Примеры:
iqTest("2 4 7 8 10") => 3 // Третье число нечетное, а остальные четные
iqTest("1 2 1 1") => 2 // Второе число четное, а остальные нечетныеWeb-прогр на JavaScript.pdf8.55 MB
