Frontend Interview - собеседования по Javascript / Html / Css

Open in Telegram

Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su

Network:Senior Frontend - javascript, html, css Russia60 344 Technologies & Applications11 407...

📈 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 770 subscribers, ranking 11 407 in the Technologies & Applications category and 60 344 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 770 subscribers.

According to the latest data from 03 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 -2 over the last 24 hours, overall reach remains high.

Verification status: Not verified
Engagement rate (ER): The average audience engagement rate is 7.89%. Within the first 24 hours after publication, content typically collects 4.12% reactions from the total number of subscribers.
Post reach: On average, each post receives 850 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 04 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 770

Subscribers

-224 hours

-297 days

-9630 days

850

Post views

~ 44424 hours

~ 51248 hours

7.89%

Engagement rate

No data

Posts per day

Ads index

beta

Posts Archive

10 770

Pro Angular: Build Powerful and Dynamic Web Apps, 5th Edition (2022) Angular - это библиотека JavaScript с открытым исходным кодом, поддерживаемая компанией Google. Она имеет множество отличных возможностей для разработки на стороне сервера и используется в некоторых из самых крупных и сложных веб-приложений в мире для улучшения HTML в браузере. Ее краеугольным камнем является способность создавать приложения, которые можно расширять, поддерживать, тестировать и стандартизировать. Знание основ Angular и понимание его применения - это актив в арсенале любого разработчика. 👉 @frontendInterview

10 770

👉 @frontendInterview

10 770

Чтобы ты не терялся среди своих подписок и кучи материалов по веб-разработке, Джун Джунович собирает самые важные новости и лайфхаки из мира FrontEnd. О том, что полезно знать фронту, почему сайт должен весить меньше 14 КБ или как применять любопытные фишки из CSS, узнавай из одного канала. А не открывая сто первую вкладку с той статьей, которую ты никогда не дочитаешь. Переходи к Джун Джуновичу и выбери полезное для себя и своего дела.

10 770

Возможно ли достать все вложенные массивы с помощью метода array.flat(), если глубина вложенности неизвестна?

Anonymous voting

10 770

🚀Не время стоять на месте! Пора прокачать свои навыки в JavaScript-разработке! Если вы хотите перейти в fullstack-направление, приходите 17 марта в 20:00 на открытый урок онлайн-курса «JavaScript Developer. Professional» в OTUS. Арсений Высоцкий, тимлид в большой международной компании, проведет вебинар «Клиенты реляционных баз данных». На занятии мы обсудим ORM и типизированные библиотеки формирования SQL-запросов. 👉🏻Для регистрации на занятие пройдите вступительный тест https://otus.pw/RuRI/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

10 770

aria-roledescription Глобальное свойство из WAI-ARIA для описания ролей элементов своими словами. Атрибут влияет только на то, как скринридер прочитает роль. Он не изменяет функциональность элемента. Пример

 <section
   aria-roledescription="Слайд"
   aria-labelledby="heading"
 >
   <h2 id="heading">Новый роман Франца К.</h2>
   <!-- Остальное содержимое слайда -->
 </section>

Скринридер прочитает эту разметку примерно так: «Новый роман Франца К., слайд». 👉 @frontendInterview

10 770

Думаешь о своем будущем, а освоить новую профессию оказывается слишком дорого? Посмотри на IT! Это отличный шанс для всех, ведь в 2023 году на рынке освободилось место для новых специалистов! Поступай в Kata Academy на Frontend-разработчика и плати за обучение только после гарантированного трудоустройства в IT с зарплатой от 80 000₽. Тебя ждут 9 месяцев интенсивного обучения: ты изучишь только нужный стек технологий и будешь полностью подготовлен к выходу на работу в Москве или Санкт-Петербурге, куда тебе предстоит переехать после выпуска по условиям договора со школой. По окончании обучения школа продолжит поддерживать тебя и участвовать в развитии твоей карьеры в течение 2-х лет после выпуска. Поступай в Kata Academy, чтобы стать Frontend-разработчиком уже в июле!

10 770

Какое значение примет result?

Anonymous voting

10 770

👉 @frontendInterview

10 770

Как скрыть содержимое страницы от скринридеров и других вспомогательных технологий? Можно использовать атрибут aria-hidden со значением true, чтобы скрыть содержимое от программ чтения с экрана, но оставить его видимым на странице.

 <p aria-hidden="true">Этот текст виден на странице, но скрыт от скринридера.</p>

Свойство aria-hidden скрывает элемент от скринридеров и других вспомогательных технологий, но не скрывает его визуально. Если используете этот ARIA-атрибут на неинтерактивном элементе с вложенным интерактивным, то вложенный элемент унаследует этот атрибут. Это тоже приведёт к проблемам с доступностью для вспомогательных устройств. 👉 @frontendInterview

10 770

«Работаю давно и хорошо выполняю задачи — я всё ещё джун или уже мидл?» А если джун, что нужно, чтобы вырасти? Знакомо? Middle frontend-разработчик VK Лиза Добрянская тоже однажды столкнулась с такой ситуацией. Но смогла пройти этот этап и теперь делится 5-ю шагами, которые помогут и вам прокачаться и уверенно назвать себя мидлом. 👉Смотреть видео Советам Лизы можно начать следовать с изучения фишек, которые сильно облегчат работу. Например, освоив source maps — автогенерируемые файлы, которые создаются при разных модификациях JS и CSS-файлов и помогают значительно быстрее отлаживать свой код в браузере. 👉Изучить source maps Ну а если вы чувствуете, что видеороликами в интернете вам не обойтись, и нужна поддержка опытных наставников — приходите быстро расти на курс frontend от karpovꓸcourses. Там вы освоите best practices индустрии, наконец-то поймёте как работает весь веб и научитесь создавать масштабные продукты уровня топовых международных компаний — всё под руководством тилидов с опытом работы в Яндексе, Вконтакте и Telegram Open Network. По промокоду FRONTINTERVIEW18 для вас действует скидка 10%.

10 770

Чему равен font-size элемента section в px?

Anonymous voting

10 770

👉 @frontendInterview

10 770

presentation, none presentation — роль структуры документа, которая удаляет семантику элемента. Другая роль none — это синоним presentation. Обе роли делают одно и то же, но рекомендуется использовать presentation вместо none. У presentation более стабильная поддержка. Пример

 <h1>Говорящий мангуст Джеф</h1>
 <hr role="presentation">
 <p>Загадочное существо, обитавшее на ферме Дорлиш Кэшен неподалеку от селения Дэлби на острове Мэн. История о говорящем зверьке в середине 1930-х годов активно обсуждалась на страницах британской прессы.</p>

В этом примере тег <hr> потерял свою семантику и стал просто декоративным разделителем. 👉 @frontendInterview

10 770

Принципы, лежащие в основе алгоритмов и структур данных, всегда актуальны для любого стека технологий. Если вы уверенно владеете одним из языков программирования: C++, Python, Java, Go, JavaScript или C#, вам подойдет курс Яндекс Практикума «Алгоритмы и структуры данных». Мы поможем вам разложить все по полочкам, научим писать более чистый код, видеть разные варианты решения задачи и сравнивать их по эффективности, а ещё вы: • разберётесь в основных алгоритмах; • узнаете, как устроены структуры данных и когда какие применять; • научитесь тестировать свой код и доказывать его корректность. На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы. Познакомьтесь с профессией и протестируйте формат бесплатно: https://practicum.yandex.ru/algorithms/

10 770

Построение_пользовательских_интерфейсов.pdf12.30 MB

10 770

Построение пользовательских интерфейсов Интерфейс — лицо электронного продукта. Лицо успешных сайтов, приложений и программ вызывает у пользователей доверие и симпатию. Построение пользовательских интерфейсов — интересная и многогранная работа. Эта книга будет полезна всем, кто участвует в работе над созданием электронных продуктов. Вы начинающий дизайнер интерфейсов? Книга поможет углубить и расширить знания о профессии. Вы практикующий UI/UX-дизайнер? Из книги вы почерпнёте инструменты и методики, которые позволят увеличить эффективность вашей работы. Вы менеджер, глава студии или стартапа? Эта книга поможет вам наладить и систематизировать процессы в команде. 👉 @frontendInterview

10 770

Array.diff Ваша задача написать функцию, которая будет вычитать один массив из другого. Она должна убирать все элементы массива b из массива a. Примеры:

 arrayDiff([1,2],[1]) == [2]
 arrayDiff([1,2,2,2,3],[2]) == [1,3]

👉 @frontendInterview

10 770

Какие есть способы задания цвета в CSS? Базовые цвета

 color: aqua

RGB Самое распространенный вариант, каждое число представляет собой количество красного(Red), зеленого(Green) и голубого(Blue) цвета в смеси.

 #f00 - #rgb
 #ff0000 - #rrggbb
 rgb(255, 0, 0)
 rgb(100%, 0%, 0%)

RGBA То же самое представление цвета, но с добавлением альфа-канала, который отвечает за прозрачность.

 белый с прозрачностью 50%
 rgba(255, 255, 255, 0.5)
 rgba(100%, 100%, 100%, 0.5)
 #fff8 - #rgba
 #ffffff88 - #rrggbbaa

HSL Способ указания цвета в зависимости от его тона(Hue) насыщенности (Saturation) и яркости (Lightness ).

 hsl(120, 100%, 25%) - тёмно зеленый
 hsl(120, 100%, 75%) - светло зеленый

HSLA То же самое, но с альфа-каналом.

 hsla(30, 100%, 50%, 0.1) - очень прозрачный оранжевый

transparent ключевое слово обозначающее прозрачный цвет, эквивалент rgba(0, 0, 0, 0). currentColor ключевое слово обозначающее текущий цвет.

10 770

🏆Снова в топе! Крупнейшая сетка IT-каналов в СНГ запустила свой новый проект, который поставил рекорд прироста за сутки. 📱Вспоминаем их самые популярные проекты: Secret IT Jobs | ИТ вакансии для своих — проект, после появления которого закрылось несколько HR-агентств. Вакансии на удалённую работу с высокими зарплатами. Python | Программирование на питоне — канал, на котором выросло больше 10 тысяч айтишников. Объясняют сложные задачи простым языком. English for IT — первый конкурент всех школ по английскому. Помогают быстро и бесплатно выучить язык с уклоном на работу в айти. BUBBLE — подборка бесплатных сервисов для облегчения рутины. Придумал стартап и хочешь реализовать? Скорее всего про него давно есть пост в баббле.