Frontend Interview - собеседования по Javascript / Html / Css
Kanalga Telegram’da o‘tish
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Ko'proq ko'rsatish
Tarmoq:📈 Telegram kanali Frontend Interview - собеседования по Javascript / Html / Css analitikasi
Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 10 748 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 11 415-o'rinni va Rossiya mintaqasida 60 343-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 10 748 obunachiga ega bo‘ldi.
09 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -94 ga, so‘nggi 24 soatda esa -5 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 7.21% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 4.13% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 775 marta ko‘riladi; birinchi sutkada odatda 444 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 2 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent javascript, браузер, html, css, видимость kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 10 Iyul, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.
10 748
Obunachilar
-524 soatlar
-187 kunlar
-9430 kunlar
Postlar arxiv
Что выведется в консоль?
Мечтаете «влететь» в 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
