Frontend Interview - собеседования по Javascript / Html / Css
Open in Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Show more
Network:📈 Analytical overview of Telegram channel Frontend Interview - собеседования по Javascript / Html / Css
Channel Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) in the Russian language segment is an active participant. Currently, the community unites 10 745 subscribers, ranking 11 396 in the Technologies & Applications category and 60 301 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 745 subscribers.
According to the latest data from 12 July, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -96 over the last 30 days and by -3 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 6.80%. Within the first 24 hours after publication, content typically collects 4.13% reactions from the total number of subscribers.
- Post reach: On average, each post receives 731 views. Within the first day, a publication typically gains 444 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 2.
- Thematic interests: Content is focused on key topics such as javascript, браузер, html, css, видимость.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Thanks to the high frequency of updates (latest data received on 13 July, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.
10 745
Subscribers
-324 hours
-247 days
-9630 days
Posts Archive
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