Frontend Interview - собеседования по Javascript / Html / Css
Открыть в Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Больше
Сеть:📈 Аналитический обзор Telegram-канала Frontend Interview - собеседования по Javascript / Html / Css
Канал Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) языкового сегмента Русский является активным участником. Сейчас сообщество объединяет 10 748 подписчиков, занимая 11 415 место в категории Технологии и приложения и 60 343 место в регионе Россия.
📊 Показатели аудитории и динамика
С момента создания невідомо проект демонстрирует стремительный рост, собрав аудиторию из 10 748 подписчиков.
Согласно последним данным от 09 июля, 2026, канал показывает стабильную активность. За последние 30 дней изменение числа участников составило -94, а за последние 24 часа — -5, при этом общий охват остаётся высоким.
- Статус верификации: Не верифицирован
- Уровень вовлечённости (ER): Средний показатель вовлечённости аудитории составляет 7.21%. В первые 24 часа после публикации контент обычно набирает 4.13% реакций от общего числа подписчиков.
- Охват публикаций: В среднем каждый пост получает 775 просмотров. В течение первых суток публикация набирает 444 просмотров.
- Реакции и взаимодействия: Аудитория активно поддерживает контент: среднее количество реакций на один пост — 2.
- Тематические интересы: Контент сосредоточен на ключевых темах, таких как javascript, браузер, html, css, видимость.
📝 Описание и контентная политика
Автор описывает ресурс как площадку для выражения субъективного мнения:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Благодаря высокой частоте обновлений (последние данные получены 10 июля, 2026) канал поддерживает актуальность и высокий уровень охвата публикаций. Аналитика показывает, что аудитория активно взаимодействует с контентом, что делает его важной точкой влияния в категории Технологии и приложения.
10 748
Подписчики
-524 часа
-187 дней
-9430 день
Архив постов
Что выведется в консоль?
Мечтаете «влететь» в 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
