Endi mavjud! Telegram Tadqiqoti 2025 — yilning asosiy insaytlari 
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📈 Telegram kanali Frontend Interview - собеседования по Javascript / Html / Css analitikasi
Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 10 768 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 11 397-o'rinni va Rossiya mintaqasida 60 229-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 10 768 obunachiga ega bo‘ldi.
04 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -94 ga, so‘nggi 24 soatda esa 0 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 7.89% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 4.12% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 850 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 05 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 768
Obunachilar
Ma'lumot yo'q24 soatlar
-247 kunlar
-9430 kunlar
Postlar arxiv
🔥Пройди хардкорный тест по JavaScript+Angular🔥
⭕️ Ответь на 20 вопросов и проверь свои знания. Сможешь сдать — пройдёшь на продвинутый курс "Angular Developer" по специальной цене.
❌ТЕСТ СМОГЛИ ПРОЙТИ ТОЛЬКО 40% УЧАСТНИКОВ
⏰ Время прохождения теста ограничено 25 минут
✏️ПРОЙТИ ТЕСТ: https://otus.pw/9kw1/
▪️ 13 декабря в 20:00 открытый урок «Реактивное программирование в Angular».
Что выведется в логе?
YaTalks: 3-4 декабря
Уже совсем скоро состоится главная конференция Яндекса для IT-сообщества. Спикеры обсудят интересные проекты и жизнь индустрии в новой реальности.
На фронтенд-треке нас ждут:
🎯Дискуссия «Веб в 2022. Что изменилось?»
🎯 Доклад «Chrome DevTools — спрятанные полезности»
🎯Доклад «Яндекс Маркет, который вы не видите» об интерфейсах для логистов и другие темы.
Участники могут записаться на индивидуальные консультации с экспертами отрасли. Среди них, например, Алёна Батицкая, тимлид команды фронтенда в Дока, и Евгений Кот, director of development в Wrike.
Подробная программа и регистрация
Всплытие событий
Принцип всплытия очень простой.
Когда на элементе происходит событие, обработчики сначала срабатывают на нём, потом на его родителе, затем выше и так далее, вверх по цепочке предков.
Например, есть 3 вложенных элемента FORM > DIV > P с обработчиком на каждом:
<form onclick="alert('form')">FORM
<div onclick="alert('div')">DIV
<p onclick="alert('p')">P</p>
</div>
</form>
Клик по внутреннему <p> вызовет обработчик onclick:
1. Сначала на самом <p>.
2. Потом на внешнем <div>.
3. Затем на внешнем <form>.
И так далее вверх по цепочке до самого document.
Поэтому если кликнуть на <p>, то мы увидим три оповещения: p → div → form.
Этот процесс называется «всплытием», потому что события «всплывают» от внутреннего элемента вверх через родителей подобно тому, как всплывает пузырёк воздуха в воде.
Ключевое слово в этой фразе – «почти».
Например, событие focus не всплывает. Однако, стоит понимать, что это скорее исключение, чем правило.Занимаетесь JS-разработкой, но нет роста? Настало время повышать свою компетентность!
❗️Приглашаем 5 декабря в 20:00 на открытый урок «Есть ли жизнь без Redux? Обзор менеджеров состояний».
На вебинаре мы рассмотрим Mobx, Zustand, Recoil, Jotai на примере управления состоянием небольшого приложения.
Не упустите возможность познакомиться с преподавателем Арсением Высоцким, тимлидом в международной компании, и программой онлайн-курса «JavaScript Developer. Professional» от OTUS.
👉🏻 Для регистрации на занятие пройдите вступительный тест https://otus.pw/sTBm/
Largest Elements
Вам даны два параметра - n (число) и массив чисел. Создайте функцию, которая вернет n самых больших чисел из массива.
Пример:
largest(2, [7,6,5,4,3,2,1])
// => [6,7]
👉 @frontendInterviewProduction Ready Gra... by Marc-Andre Giroux.pdf2.03 MB
Production Ready GraphQL (2020)
Данная книга содержит полное описании того, что входит в создание GraphQL API: дизайн, архитектура, реализация и даже документации.
Примеры в книге не зависит от языка. Вместо этого они фокусируется на концепциях и шаблонах, которые реализуются независимо от того, как вы создаете сервер GraphQL.
👉 @frontendInterview
Ссылки против кнопок в современных веб-приложениях
Одна из вечных тем во фронтенд-доступности — неразбериха между ссылками и кнопками.
Кнопки
Могучая кнопка и правда крутая. Вот что она может:
1. Получать фокус с клавиатуры по умолчанию
2. Отправлять данные формы на сервер
3. Очищать форму
4. Блокироваться с помощью атрибута disabled
5. Давать подсказку скринридеру с помощью неявного атрибута role="button"
6. Показывать состояния ∶focus, ∶hover, ∶active, ∶disabled
Если добавить скрипта,кнопка идеальный элемент для:
1. Открывания модального окна
2. Вызова всплывающего меню
3. Переключения интерфейса
Ссылки
Вот несколько базовых возможностей ссылок, или якорей
1. Создавать гипертекст, сеть онлайн-ресурсов
2. Перевести пользователя на новую страницу или окно
3. Изменять URL
4. Вызвать браузерные перерисовку/перезагрузку
5. Переходить по якорям внутри страницы
6. Способны принимать фокус по умолчанию с помощью атрибута href
7. Регистрируют клик с помощью клавиши Enter
8. Не блокируются как кнопки (но их можно сделать неактивными с помощью tabindex="-1" и aria-hidden="true")
Лично для меня главное различие между ссылкой и кнопкой — то, что ссылки перемещают пользователя на новый ресурс, унося его из текущего контекста (внутренние ссылки — единственное исключение). Кнопка же переключает что-то в интерфейсе или вызывает новый контент в том же самом контексте.
👉 @frontendInterview
🔥Какие инструменты нужны фулстек-разработчику?
Приглашаем на бесплатный урок специализации «Fullstack Developer» в OTUS.
«ESLint - инструмент, который найдет ошибки, до того, как они проявились».
Мы рассмотрим популярный инструмент для поддержания уровня кода.
👉 Для участия необходимо зарегистрироваться https://otus.pw/zX1A/
Какой цвет текста у элемента h2?
Привет, это HTML Academy!
Принесли вам скидку 50% на чёрную пятницу — это отличная возможность самостоятельно научиться веб-разработке и сменить профессию.
Если интересно — оставьте заявку по ссылке и мы с вами свяжемся.
Что из перечисленного создаёт псевдо-элемент?
Понятная пятница в английском: скидка 10% на курсы для аналитиков и разработчиков.
В английском много противоречий. Можно учиться на продвинутом уровне — и сохранять разговорный барьер. Или повторять по кругу одни и те же правила. В результате непросто заметить прогресс и оценить, сколько ещё впереди. А мы выручим с этим.
Практикум учитывает эти противоречия и проектирует прозрачный процесс обучения с предсказуемым результатом. Выберите подходящий курс и оплатите его со скидкой до 15 декабря: https://practicum.yandex.ru/english/clearfriday2022
BigInt в JavaScript (ES11)
В JavaScript для работы с числами до недавнего времени использовался 64-битный формат IEEE-754, однако данные числа ограничены по длине (2 в степени 53).
Пример:
let num = Number.MAX_SAFE_INTEGER console.log(num) // 9007199254740991 num + 1 // 9007199254740992 num + 2 // 9007199254740992 ???BigInt это примитивный тип, который предназначен решить даную проблему. Для того, чтобы получить BigInt можно воспользоваться двумя способами: 1. Передать в число в BigInt конструктор; 2. Дописать n в конце числа;
typeof 99 // ‘number’ typeof 99n // ‘bigint’Решим выше рассмотренный пример с использованием нового типа:
let bigInt = BigIng(num) + BigIng(2)
console.log(bigInt) // 9007199254740993n
👉 @frontendInterview"Javascript developer. Professional" - это хардкорный онлайн-курс для web-разработчиков по продвинутым возможностям JS и его фреймворков.
Справитесь ли вы с уровнем курса? Покажет вступительный тест.
📍Пройдите тестирование, чтобы:
● оценить свои навыки
● получить доступ к демо-занятиям курса
● занять место по специальной цене
● получить доступ в закрытое сообщество JS-разработчиков
👉 Пройти полное тестирование: https://otus.pw/A4En/
Что выведется в консоль?
