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 737 підписників, посідаючи 11 405 місце в категорії Технології та додатки та 60 354 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 10 737 підписників.
За останніми даними від 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 737
Підписники
-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?
