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، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -104 و در ۲۴ ساعت گذشته برابر -8 بوده و همچنان دسترسی گستردهای حفظ شده است.
- وضعیت تأیید: تأیید نشده
- نرخ تعامل (ER): میانگین تعامل مخاطب 8.00% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 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 روز
آرشیو پست ها
Изучаете 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?
Где обучаться Middle и Senior React разработчикам, чтобы проще проходить собесы?
10 мая стартует React Marathon PRO Edition для НЕ новичков в Реакте.
Задача — совершить карьерный рывок за 4 недели.
В программе: Webpack, TypeScript, работа с API, тестирование компонентов, работа с макетом из Figma и не только. Пишешь код и получаешь комментарии ментора.
У марафонцев будет возможность побороться за место в интернатуре международной IT-компании.
Расскажите об основных компонентах TypeScript.
TypeScript включает в себя три основных компонента:
1. Язык. Это, с точки зрения разработчиков, самая важная часть TypeScript. «Язык» — это синтаксис, ключевые слова, всё то, что позволяет писать программы на TypeScript.
2. Компилятор. TypeScript обладает компилятором с открытым исходным кодом, он является кросс-платформенным, с открытой спецификацией, и написан на TypeScript. Компилятор выполняет преобразование TypeScript-кода в JavaScript-код. Кроме того, если с программой что-то не так, он выдаёт сообщения об ошибках. Он позволяет объединять несколько TypeScript-файлов в один выходной JS-файл и умеет создавать карты кода.
3. Вспомогательные инструменты. Вспомогательные инструменты TypeScript предназначены для облегчения процесса разработки с его использованием в различных IDE.
👉 @frontendInterview
