Frontend Interview - собеседования по Javascript / Html / Css
الذهاب إلى القناة على Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
إظهار المزيد
الشبكة:📈 نظرة تحليلية على قناة تيليجرام Frontend Interview - собеседования по Javascript / Html / Css
تُعد قناة Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) في القطاع اللغوي الروسية لاعباً نشطاً. يضم المجتمع حالياً 10 736 مشتركاً، محتلاً المرتبة 11 409 في فئة التكنولوجيات والتطبيقات والمرتبة 60 392 في منطقة روسيا.
📊 مؤشرات الجمهور والحراك
منذ تأسيسه في невідомо، حقق المشروع نمواً سريعاً وجمع 10 736 مشتركاً.
بحسب آخر البيانات بتاريخ 13 يوليو, 2026، تحافظ القناة على نشاط مستقر. خلال آخر 30 يوماً تغيّر عدد الأعضاء بمقدار -104، وفي آخر 24 ساعة بمقدار -8، مع بقاء الوصول العام مرتفعاً.
- حالة التحقق: غير موثّقة
- معدل التفاعل (ER): يبلغ متوسط تفاعل الجمهور 8.00%. وخلال أول 24 ساعة من النشر يحصد المحتوى عادةً 4.14% من ردود الفعل نسبةً إلى إجمالي المشتركين.
- وصول المنشورات: يحصل كل منشور على متوسط 859 مشاهدة. وخلال اليوم الأول يجمع عادةً 444 مشاهدة.
- التفاعلات والاستجابة: يتفاعل الجمهور بانتظام؛ متوسط التفاعلات لكل منشور يبلغ 2.
- الاهتمامات الموضوعية: يركز المحتوى على مواضيع رئيسية مثل javascript, браузер, html, css, видимость.
📝 الوصف وسياسة المحتوى
يصف المؤلف القناة بأنها مساحة للتعبير عن الآراء الذاتية:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
بفضل وتيرة التحديث المرتفعة (أحدث البيانات بتاريخ 14 يوليو, 2026) تحافظ القناة على حداثتها ومستوى وصول مرتفع. وتُظهر التحليلات تفاعلاً نشطاً من الجمهور، ما يجعلها نقطة تأثير مهمة ضمن فئة التكنولوجيات والتطبيقات.
10 736
المشتركون
-824 ساعات
-297 أيام
-10430 أيام
أرشيف المشاركات
Что такое геттеры и сеттеры в 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?
Изучаете HTML & CSS и задаетесь вопросом, как сделать процесс разработки более комфортным?
Приходите на бесплатный вебинар от GeekBrains, мы поговорим о том, как повысить скорость и качество.
Рассмотрим:
⁃ Методологии названия классов
⁃ Валидаторы
⁃ Препроцессоры
⁃ Необходимые расширения
⁃ Плагины
Будем говорить о преимуществах и минусах использования, поэтому после вебинара вы сможете углубиться в технологии, подходящие под ваши задачи.
Записывайтесь тут https://gb.ru/link/NFIY2V
Как передавать параметры в обработчик событий или функцию обратного вызова в React?
Для того, чтобы передать параметр в обработчик событий, можно обернуть его в стрелочную функцию:
onClick={() => this.handleClick(id)} />
onClick={this.handleClick.bind(this, id)} />
const A = 65 // ASCII-код символа
class Alphabet extends React.Component {
constructor(props) {
super(props)
this.handleClick = this.handleClick.bind(this)
this.state = {
justClicked: null,
letters: Array.from({length: 26}, (_, i) => String.fromCharCode(A + i))
}
}
handleClick(letter) {
this.setState({ justClicked: letter })
}
render() {
return (
<div>
Только что была нажата клавиша {this.state.justClicked}
<ul>
{this.state.letters.map(letter =>
<li key={letter} onClick={() => this.handleClick(letter)}>
{letter}
</li>
)}
</ul>
</div>
)
}
}
👉 @frontendInterviewКакой цвет текста в элементе div?
Наибольшее и наименьшее
Вам дана строка, состоящая из цифр, разделенных пробелами. Напишите функцию, которая обработает строку и вернет наибольшее и наименьшее число.
Примеры:
highAndLow("1 2 3 4 5"); // return "5 1"
highAndLow("1 2 -3 4 5"); // return "5 -3"
highAndLow("1 9 3 4 -5"); // return "9 -5"
👉 @frontendInterviewЧто представляют собой .map-файлы в TypeScript?
Файлы с расширением .map хранят карты кода (source map), которые содержат данные о соответствии кода, написанного на TypeScript, JavaScript-коду, созданному на его основе. С этим файлами могут работать многие отладчики (например — Visual Studio и инструменты разработчика Chrome). Это позволяет, в ходе отладки, работать с исходным кодом программ на TypeScript, а не с их JS-эквивалентами.
👉 @frontendInterview
Хочешь углубленно изучить Frontend-разработку? Уже знаком с HTML и СSS, но не готов останавливаться на достигнутом?
Тогда курс «Профессия Frontend-разработчик» как раз для тебя! Даже не имея нужных знаний, ты станешь junior-разработчиком всего за полгода.
👉 Все подробности по ссылке: https://clc.am/NhJE3g
Быть frontend-разработчиком это:
➕ работать в перспективной и хорошо оплачиваемой сфере;
➕ участвовать в интересных проектах;
➕ строить карьеру;
➕ по желанию работать из любой точки мира.
По итогам курса:
➕ за твоими плечами будет много часов практики;
➕ в голове будут структурированные знания;
➕ крутое портфолио;
➕ бессрочный доступ к системе обучения;
➕ индивидуальная проверка домашнего задания преподавателем и разбор ошибок;
➕ диплом новой востребованной профессии;
➕ гарантированное трудоустройство.
После прохождения курса и выполнения всех дипломных работ ты получишь диплом frontend-разработчика и пополнишь свое резюме новыми и нужными навыками.
Какое значение примет result?
Как привязать функцию к экземпляру компонента в React?
Существует несколько способов предоставить функции доступ к свойствам компонента, таким как props и state.
Синтаксис полей класса
class App extends Component {
// обратите внимание: данный синтаксис является экспериментальным и пока не стандартизирован
handleClick = () => {
console.log('Произошло нажатие кнопки')
}
render() {
return <button onClick={this.handleClick}>Нажми на меня</button>
}
}
Привязка в методе render()
class App extends Component {
handleClick() {
console.log('Произошло нажатие кнопки')
}
render() {
return <button onClick={this.handleClick.bind(this)}>Нажми на меня</button>
}
}
Обратите внимание: использование Function.prototype.bind() в методе render() приводит к созданию функции при каждом рендеринге компонента, что потенциально может повлечь проблемы с производительностью.
Стрелочная функция в методе render()
class App extends Component {
handleClick() {
console.log('Произошло нажатие кнопки')
}
render() {
return <button onClick={() => this.handleClick()}>Нажми на меня</button>
}
}
Обратите внимание: использование стрелочной функции в методе render() также приводит к созданию функции при каждом рендеринге компонента, что может нивелировать оптимизацию, основанную на проведении строгого сравнения состояния и пропов.
👉 @frontendInterviewCSS для профи
Перед вами прямой путь в высшую лигу веб-разработки. Книга «CSS для профи» подарит вам не только свежие идеи, но и вдохновит на подвиги, а облегчить этот тернистый путь помогут новейшие технические достижения - адаптивный дизайн, библиотеки шаблонов и многое другое.
👉 @frontendInterview
Отфильтровать длинные слова
Задача проста - напишите функцию, которая принимает строку, состоящую из слов и число. Функция должна вернуть массив слов, длина которых больше данного числа.
Пример:
filterLongWords("The quick brown fox jumps over the lazy dog", 4)
//['quick', 'brown', 'jumps']
👉 @frontendInterviewИзучаем TypeScript 3. Н. Розенталс29.64 MB
Изучаем TypeScript 3.
Книга начинается со знакомства с языком TypeScript, и, поэтапно переходит от базовых понятий к продвинутым и мощным функциям языка, включая методы асинхронного программирования, декораторы и обобщения. Также параллельно рассматривается множество современных фреймворков JavaScript и TypeScript - для каждого из них подробно описано модульное и интеграционное тестирование. Описаны некоторые из известных объектно-ориентированных методов и шаблонов проектирования, а также представлены их реальные реализации.
К концу книги вы создадите всеобъемлющее комплексное вебприложение, которое покажет, как можно объединить в реальном сценарии возможности языка TypeScript, шаблоны проектирования и передовые практики разработки.
👉 @frontendInterview
Какое значение примет result?
