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 745 مشترک است و جایگاه 11 396 را در دسته فناوری و برنامهها و رتبه 60 301 را در منطقه روسيا دارد.
📊 شاخصهای مخاطب و پویایی
از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 10 745 مشترک جذب کرده است.
بر اساس آخرین دادهها در تاریخ 12 ژوئیه, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -96 و در ۲۴ ساعت گذشته برابر -3 بوده و همچنان دسترسی گستردهای حفظ شده است.
- وضعیت تأیید: تأیید نشده
- نرخ تعامل (ER): میانگین تعامل مخاطب 6.80% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 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 روز
آرشیو پست ها
Frimen_A_Angular_dlya_professionalov_Dlya_professionalov_2018.pdf10.08 MB
Angular для профессионалов (2018)
Книга рассказывает о принципах применения Angular в проектах, начиная с основ и заканчивая наиболее продвинутыми и сложными функциями. В ней описаны общие проблемы при разработке с использованием популярного фреймворка, а также способы их избежать. Разобраны преимущества работы с шаблоном MVC.
👉 @frontendInterview
Строка заканчивается на
Вам даны две строки. Напишите функцию, которая проверит заканчивается ли первая строка второй строкой.
Примеры:
solution('abc', 'bc') // returns true
solution('abc', 'd') // returns false
👉 @frontendInterviewReact в действии
Книга "React в действии" знакомит фронтенд-разработчиков с фреймворком React и смежными инструментами. Сначала вы познакомитесь с библиотекой React, затем освежите материал о некоторых фундаментальных идеях в данном контексте и узнаете о работе с компонентами. Вы на практике освоите чистый React (без транспиляции, без синтаксических помощников), перейдете от простейших статических компонентов к динамическим и интерактивным.
Во второй половине книги рассмотрены различные способы взаимодействия с React. Вы изучите базовые методы жизненного цикла, научитесь создавать поток данных, формы, а также тестировать приложения. На закуску вас ждет материал об архитектуре React-приложения, взаимодействии с Redux, экскурс в серверный рендеринг и обзор React Native.
👉 @frontendInterview
Какое значение примет result?
Ты тоже сможешь сверстать собственный HeadHunter, если выполнишь все задания.
Нас часто просят помочь начинающим разработчикам в освоении вёрстки. Поэтому мы решили запустить движуху, на которой за 4 дня можно сделать полноценный проект в портфолио.
Не банальный лендинг, а портал с вакансиями.
Программа интенсива для тех, кто любит больше подробностей:
✅ День 1
— Вытаскиваем графику и шрифты из макета
— Создаем каркас сайта на HTML
— Публикуем исходники на Github
✅ День 2
— Пишем стили для страницы на CSS
— Скрипты для интерактивности
— Страница вакансий и резюме
✅ День 3
— Адаптируем сайт под смартфоны и планшеты
— Верстаем страницы
— Добавляем анимацию
✅ День 4
— Заканчиваем верстку страниц
— Устраняем ошибки, если они есть
Чтобы принять участие просто перейди по ссылке и следуй простой инструкции:
https://telegram.me/gloacademy_bot?start=60a80680d321814171d118c5
Поддерживает ли TypeScript перегрузку функций?
TypeScript поддерживает перегрузку функций, но реализация этого механизма отличается от той, которую можно видеть в других объектно-ориентированных языках. А именно, в TS создают лишь одну функцию и некоторое количество объявлений. Когда такой код компилируется в JavaScript, видимой оказывается лишь одна конкретная функция. Этот механизм работает из-за того, что JS-функции можно вызывать, передавая им разное количество параметров.
class Foo {
myMethod(a: string);
myMethod(a: number);
myMethod(a: number, b: string);
myMethod(a: any, b?: string) {
alert(a.toString());
}
}
👉 @frontendInterviewКакого цвета border у элемента div?
Что такое объединение событий (event polling) в React?
SyntheticEvent объединяются. Это означает, что объект события будет повторно использован, а все его свойства будут сброшены после вызова коллбека обработчика. Это связано с повышением производительности. Поэтому асинхронный доступ к событию невозможен.
Пример
function onClick(event) {
console.log(event) // => null
console.log(event.type) // => "click"
const eventType = event.type // => "click"
setTimeout(function() {
console.log(event.type) // => null
console.log(eventType) // => "click"
}, 0)
// не работает: `this.state.clickEvent` содержит нулевое значение
this.setState({ clickEvent: event })
// однако, мы по-прежнему можем экспортировать свойства события
this.setState({ eventType: event.type })
}
Если нам требуется асинхронный доступ к свойствам события, мы можем вызвать event.persist() на событии, что удалит синтетическую событие из "пула" и позволит ссылкам на событие сохраняться в пользовательском коде.Какое значение примет result?
Чтобы успешно проходить собеседования, важно понимать, как мыслит нанимающая сторона. Например, вот мысли технического директора про интервью. Хочешь понимать нанимающих менеджеров? Подписывайся на канал Saturday Night Hack и прокачивай софт скилы. Подборка постов:
– Как действуют топовые инженеры?
– Как прокачать руководителя?
– Как совершать ошибки?
– Как получать качественный фидбек?
– Какие мысли приводят к выгоранию и потере эффективности?
Расскажите об использовании декораторов свойств в TypeScript.
Декораторы можно использовать для изменения поведения классов, при этом ещё больше пользы от них можно получить при их использовании с каким-либо фреймворком. Например, если в вашем фреймворке есть методы, доступ к которым ограничен (скажем, они предназначены только для администратора), несложно будет написать декоратор метода
@admin, который будет запрещать доступ к соответствующим методам пользователям, не являющимся администраторами. Можно создать декоратор @owner, который позволяет модифицировать объект только его владельцу. Вот как может выглядеть использование декораторов:
class CRUD {
get() { }
post() { }
@admin
delete() { }
@owner
put() { }
}
👉 @frontendInterviewЧему равен левый верхний border-radius элемента section?
Убрать минимум
Напишите функцию, которая принимает массив чисел, обрабатывает его и возвращает новый массив, в котором не будет самого меньшего числа из данного массива. Если наименьших чисел несколько, функция должна убрать число с наименьшим индексом.
Примеры:
removeSmallest([1,2,3,4,5]) = [2,3,4,5]
removeSmallest([5,3,2,1,4]) = [5,3,2,4]
removeSmallest([2,2,1,2,1]) = [2,2,2,1]
👉 @frontendInterviewЧто такое синтетические события (synthetic events) в React?
В React обработчики событий оборачиваются в объект SyntheticEvent. Данные объекты являются общими, т.е. объекты, получаемые обработчиками, повторно используются другими обработчиками для повышения производительности. Это также означает, что получить доступ к свойствам такого объекта не получится, поскольку они сбрасываются перед повторным использованием.
В следующем примере в консоль будет выведено null, поскольку свойства события были сброшены в SyntheticEvent:
function handleClick(event) {
setTimeout(function () {
console.log(event.target.name)
}, 1000)
}
Эту проблему можно решить посредством сохранения свойства события:
function handleClick(event) {
const name = event.target.name
setTimeout(function () {
console.log(name)
}, 1000)
}
👉 @frontendInterview