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 748 subscribers, ranking 11 415 in the Technologies & Applications category and 60 343 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 748 subscribers.
According to the latest data from 09 July, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -94 over the last 30 days and by -5 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 7.21%. 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 775 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 10 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 748
Subscribers
-524 hours
-187 days
-9430 days
Posts Archive
Что выведется в консоль?
Мечтаете «влететь» в IT? Или вы уже работаете в сфере, хочется стать круче, получать больше, но непонятно как?
Приходите на ТехноДром — Центра запуска и развития карьеры от IBS. Мы помогаем молодым талантам и специалистам из других сфер начать карьеру в IT, а тем, у кого уже есть опыт, сделать рывок в карьере. Для профессионалов, которым хочется прокачаться и опробовать свои силы на масштабных проектах, мы разработали программу «Ускорение».
Почему «Ускорение» - не очередные «курсы для айтишников»?
- Мы предоставляем обучение на базе нашей компании, а не предлагаем отвлечённые онлайн-уроки.
- Мы заинтересованы в вашем росте и развитии, чтобы усилить нашу команду.
- Мы официально устраиваем на работу с первого дня на «Ускорении». А после завершения программы вас ждёт участие в текущих проектах IBS.
- За обучение на «Ускорении» не нужно платить, а также его не нужно совмещать с другой работой.
- Вы будете учиться на процессах самых масштабных и передовых IT-проектов страны.
- Вас ждёт личный трек обучения, который будет разработан индивидуально в соответствии с вашими навыками и зонами роста.
- Вашими наставниками станут ключевые сотрудники компании IBS – ваши будущие коллеги. Наставники заинтересованы в успехе каждого участника и сопровождают вас от старта до финиша программы.
Узнайте больше об «Ускорении» и запишитесь на участие в программе
prompt()
При помощи директивы prompt() можно вывести на экран пользователя модальное окно c полем ввода и текстом-пояснением.
Из-за того, что окно модальное — работа с интерфейсом браузера и страницами будет заблокирована. Это неудобно, плюс может восприниматься пользователем как попытка ограничивать его свободу. Модальное окно для пользователя — окно, которое блокирует работу пользователя с браузером до тех пор, пока пользователь это окно не закроет.
Это крайне быстрый вариант кода, который взаимодействует с пользователем, но окно созданное таким образом не изменяется через CSS, а значит использовать его лучше только для прототипирования интерфейса. В финальном варианте веб-страницы юзать модальное окно нежелательно.
👉 @frontendInterview
Incrementer
Создайте функцию, которая принимает массив чисел и прибавляет к каждому числу в массиве его позицию.
Примеры:
[1, 2, 3] --> [2, 4, 6]
// [1+1, 2+2, 3+3]
[4, 6, 9, 1, 3] --> [5, 8, 2, 5, 8]
// [4+1, 6+2, 9+3, 1+4, 3+5]
👉 @frontendInterviewJav_Scr_Обработка_событий_на_примерах.pdf8.26 MB
JavaScript. Обработка событий на примерах.
Книг по программированию на JavaScript написано много. Однако подавляющее большинство из них рассказывают об основах и синтаксисе языка. И непропорционально мало книг, которые бы позволили читателю перейти от теории к практике. А такой переход бывает очень непростым. Восполнить этот пробел призвана книга "JavaScript. Обработка событий на примерах". В ней рассказывается о различных событиях, происходящих на страницах сайтов, об обработчиках этих событий, о многообразии вариантов их применения, о технологии создания сценариев на JavaScript.
👉 @frontendInterview
Что выведется в консоль?
Расскажите про HTML тег <meta>
В теге <meta> хранится краткое описание страницы, ключевые слова и другие данные, которые могут понадобиться браузерам и поисковым системам.
Таких метатегов может быть любое количество. Все они размещаются внутри тега <head>, желательно в самом начале.
Пример
<head>
<meta name="description" content="Краткое описание страницы">
<meta
name="keywords"
content="ключевое слово 1, ключевое слово 2, ключевое слово 3"
>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
👉 @frontendInterviewПройдите полную программу обучения по специальности «Фронтенд-разработчик» на Хекслете и получите гарантированную оплачиваемую стажировку в «Ростелеком»: https://bit.ly/3f9jajR
📍Глубокий практический курс на 8 месяцев: JavaScript, HTML и CSS, фреймворки React+Redux Toolkit, инфраструктура — командная строка, NPM, Git, Webpack.
📍Асинхронный формат — комфортный темп, мягкие дедлайны.
📍Более 350 заданий в онлайн-тренажере с мгновенной автопроверкой.
📍Помощь практикующих наставников.
📍4 рабочих проекта в портфолио на GitHub и практика в Open Source.
Выпускникам — гарантированная оплачиваемая стажировка в проектах ИТ-кластера «Ростелеком» от 1 до 3 месяцев с окладом 40 000 рублей в месяц. Лучшие получат оффер!
Что выведется в консоль?
🚀 Канал CodeReview - это комьюнити разработчиков, которые помогают друг другу получать ревью на свой код.
⚡️ Недавно ребята запустили новый формат на своем канале - «подготовка к собеседованиям», где они помогают подготовиться на Junior, Middle и Senior позиции по направлениям Java, Python, PHP, а также JavaScript.
📤 Если ты хочешь пройти собеседование 1 на 1 с Senior разработчиком, узнать свои слабые места и лучше подготовиться к предстоящему собеседованию, то оставляй заявку через эту форму, и стань гуру в собеседованиях.
👉 Оставить заявку
Каналы от Senior разработчиков
Хотите быстро выучить JavaScript, Python или другой язык программирования? Подписывайтесь на каналы от опытных разработчиков, где они объясняют код и учат программировать.
💻 Канал Senior JavaScript разработчика:
@senior_front
🐍 Канал Python разработчика:
@seniorpythonist
☕️ Канал Senior Java разработчика:
@seniorjavist
🤖 Канал C++ разработчика:
@seniorcpp
📚 Книги от программиста:
@progersbooks
События scroll и wheel в браузере
scroll — это событие на HTML-элементе. Событие происходит, когда страница или элемент не входит на экран и пользователь её прокручивает. Способ прокрутки может быть любым — колесом мыши, кнопками клавиатуры, с помощью полосы прокрутки на экране.
Событие wheel происходит, когда пользователь прокручивает колесо мыши. При этом реального прокручивания может не происходить. Например, наша страница полностью помещается на экран, но пользователь пытается её прокрутить. В этом случае событие wheel будет происходить, а событие scroll — нет.
// обрабатываем скролл на всей странице
document.addEventListener('scroll', function(event) {
// реагируем на событие
console.log(event);
});
// отловим все случаи, когда пользователь крутит колесо мыши
// при наведенном на элемент курсоре
let div = document.getElementsByTagName('div')[0];
div.addEventListener('wheel', function(event) {
console.log(event);
});
👉 @frontendInterviewЧто выведется в консоль, если кликнуть на кнопку с id "btn"?
Как сделать так, чтобы стандартные HTML элементы отображались одинаково во всех браузерах?
Некоторые элементы форм имеют уникальный внешний вид в каждой операционной системе. Например, выпадающий список в macOS внешне выглядит совсем не так, как такой же выпадающий список в Windows.
Свойство appearance позволяет задавать внешний вид одних элементов другим элементам. При этом браузер будет отрисовывать их с учётом текущей операционной системы пользователя и темы оформления.
В настоящее время используется в основном appearance: none для сброса системных стилей, остальные значения не работают практически ни в одном браузере.
👉 @frontendInterview
