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 745 名订阅者，在 技术与应用 类别中位列第 11 396，并在 俄罗斯 地区排名第 60 301 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 10 745 名订阅者。
根据 12 七月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 -96，过去 24 小时变化为 -3，整体触达仍然可观。
- 认证状态： 未认证
- 互动率 (ER)： 平均受众互动率为 6.80%。内容发布后 24 小时内通常能获得 4.13% 的反应，占订阅者总量。
- 帖子覆盖： 每篇帖子平均可获得 731 次浏览，首日通常累积 444 次浏览。
- 互动与反馈： 受众积极参与，单帖平均反应数为 2。
- 主题关注点： 内容集中在 javascript, браузер, html, css, видимость 等核心主题上。
📝 描述与内容策略
作者将该频道定位为表达主观观点的平台：
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
凭借高频更新（最新数据采集于 13 七月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 技术与应用 类别中的关键影响点。
10 745
订阅者
-324 小时
-247 天
-9630 天
帖子存档
Осваивайте верстку на практике с поддержкой эксперта и персонального ментора! Первые шаги вы сделаете уже 18 мая на демо-занятии «CSS Reset — ненужный артефакт или спасательный круг».
Спикер Holy JS и преподаватель Маргарита Образцова расскажет, зачем CSS Reset, что такое рендеринг и как браузер рендерит страницу.
Используйте демо-урок как возможность получить ценные знания и попробовать онлайн-курс «HTML / CSS» от OTUS перед стартом занятий. Регистрируйтесь, чтобы посетить вебинар https://otus.pw/RuA6e/
Чему будет равен result?
Есть ли в предоставленном вам TypeScript-коде ошибки? Объясните свой ответ.
Ошибок в этом коде нет. Объявление класса создаёт две сущности: это тип данных, используемый для создания экземпляров класса, и функция-конструктор. Так как классы создают типы данных, использовать их можно там же, где можно использовать интерфейсы.
👉 @frontendInterview
Внимание-внимание! Ты из IT?
Сбер запустил новый телеграм-канал для всех, кто хочет расти и развиваться в IT-сфере. Ты получишь:
👨💻актуальные вакансии в крутых проектах
☝️советы от HR-экспертов Сбера
😎живые и мотивирующие истории наших сотрудников
🔔главные новости и анонсы событий, которые нельзя пропустить
Подписывайся на «Карьеру в Сбере» и вливайся в нашу волну!
LibramsRU_Алан_Купер_об_интерфейсе_Основы_проектирования_взаимодействия.pdf11.50 MB
Интерфейс. Основы проектирования взаимодействия
Алан Купер начал работу над первым изданием этой книги 20 лет назад. Он убеждал программистов в том, что пришла пора шагнуть навстречу пользователям и начать писать программы, которые будут им нравиться. В наши дни сложилась совершенно иная ситуация — оцифровка всех видов информации заставила пользователей с головой окунуться в новые технологии. Четвертое издание книги учитывает все изменения в отрасли, произошедшие за последние семь лет, с сохранением всех идей из предыдущих изданий, не потерявших актуальности.
Проектирование взаимодействия — это ориентированный на человека подход проектирования интерактивных цифровых продуктов, сред, систем и сервисов. Много внимания уделено проектированию поведения — аспекту, которым традиционные дисциплины проектирования нередко пренебрегают.
👉 @frontendInterview
Среднее значение
Напишите функцию, которая вернет среднее значение чисел из данного массива, округлённое вниз. При этом, вам запрещено использовать любые циклы.
Пример:
[90,98,89,100,100,86,94] => 94
👉 @frontendInterviewHTML5_Nedostayuschee_rukovodstvo_Metyu_Mak-Donal.pdf13.83 MB
HTML5. Недостающее руководство
Доступно и в занимательной форме рассказано, как HTML превратился в HTML5.
Рассмотрены семантические элементы и новые стандарты языка.
Описано, как создавать современные веб-страницы, в том числе улучшенные веб-формы, поддерживать аудио и видео, рисовать на холсте, совершенствовать оформление веб-страниц с помощью CSS3. Даны практические рекомендации по созданию интеллектуальных веб-приложений, хранению данных, разработке автономных приложений. Показано, как реализовать взаимодействие с веб-сервером, геолокацию, фоновые вычисления , управление историей просмотров и браузерную совместимость с элементами HTML5.
👉 @frontendInterview
Какое значение примет result?
Какое значение примет result?
Как предотвратить слишком ранний вызов функции?
Throttle
Данная техника предотвращает вызов функции более одного раза за определенный промежуток времени. В примере ниже обработчик события нажатия кнопки срабатывает не чаще одного раза в секунду.
import { throttle } from 'lodash'
class LoadMoreButton extends React.Component {
constructor(props) {
super(props)
this.handleClick = this.handleClick.bind(this)
this.handleClickThrottled = throttle(this.handleClick, 1000)
}
componentWillUnmount() {
this.handleClickThrottled.cancel()
}
render() {
return <button onClick={this.handleClickThrottled}>Загрузить еще</button>
}
handleClick() {
this.props.loadMore()
}
}
Debounce
Данная техника позволяет обеспечить вызов функции только по истечении определенного времени с момента ее последнего вызова. Это может быть полезным, когда необходимо выполнять "дорогие" вычисления в ответ на событие, которое возникает очень часто (например, событие прокрутки или нажатия клавиши).
В примере ниже ввод текста задерживается на 250 мс:
import { debounce } from 'lodash'
class Searchbox extends React.Component {
constructor(props) {
super(props)
this.handleChange = this.handleChange.bind(this)
this.emitChangeDebounced = debounce(this.emitChange, 250)
}
componentWillUnmount() {
this.emitChangeDebounced.cancel()
}
render() {
return (
<input
type="text"
onChange={this.handleChange}
placeholder="Поиск..."
defaultValue={this.props.value}
/>
)
}
handleChange(e) {
this.emitChangeDebounced(e.target.value)
}
emitChange(value) {
this.props.onChange(value)
}
}
👉 @frontendInterviewКакое из перечисленных свойств не анимируемо?
Какое из перечисленных свойств НЕ анимируемо?
Заводы - рабочим, либы - фронтендерам!
Хороший фронтендер может закодить что угодно
Senior знает как сделать это быстрее, используя готовые решения
Читай Frontender Libs по 5 мин в день и ты станешь гуру в фронтенд либах
Что такое геттеры и сеттеры в TypeScript?
TypeScript поддерживает геттеры и сеттеры, которые позволяют управлять доступом к членам объектов. Они дают разработчику средства контроля над чтением и записью свойств объектов.
class foo {
private _bar:boolean = false;
get bar():boolean {
return this._bar;
}
set bar(theBar:boolean) {
this._bar = theBar;
}
}
var myBar = myFoo.bar; // здесь вызывается геттер
myFoo.bar = true; // здесь вызывается сеттер
👉 @frontendInterviewКакое значение примет result?
