Frontend Interview - собеседования по Javascript / Html / Css
Ir al canal en Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Mostrar más
Red:📈 Análisis del canal de Telegram Frontend Interview - собеседования по Javascript / Html / Css
El canal Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) en el segmento lingüístico de Ruso es un actor destacado. Actualmente la comunidad reúne a 10 749 suscriptores, ocupando la posición 11 392 en la categoría Tecnologías y Aplicaciones y el puesto 60 311 en la región Rusia.
📊 Métricas de audiencia y dinámica
Desde su creación el невідомо, el proyecto ha mostrado un crecimiento acelerado, reuniendo a 10 749 suscriptores.
Según los últimos datos del 10 julio, 2026, el canal mantiene una actividad estable. En los últimos 30 días la variación de miembros fue de -94, y en las últimas 24 horas de -4, conservando un alto alcance.
- Estado de verificación: No verificado
- Tasa de interacción (ER): El promedio de interacción de la audiencia es 6.63%. Durante las primeras 24 horas tras publicar, el contenido suele obtener 4.13% de reacciones respecto al total de suscriptores.
- Alcance de las publicaciones: Cada publicación recibe en promedio 713 visualizaciones. En el primer día suele acumular 444 visualizaciones.
- Reacciones e interacción: La audiencia responde de forma activa: el promedio de reacciones por publicación es 2.
- Intereses temáticos: El contenido se centra en temas clave como javascript, браузер, html, css, видимость.
📝 Descripción y política de contenido
El autor describe el recurso como un espacio para expresar opiniones subjetivas:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Gracias a la alta frecuencia de actualizaciones (últimos datos recibidos el 11 julio, 2026), el canal mantiene la vigencia y un amplio alcance. La analítica demuestra que la audiencia interactúa activamente con el contenido, lo que lo convierte en un punto de referencia dentro de la categoría Tecnologías y Aplicaciones.
10 749
Suscriptores
-424 horas
-207 días
-9430 días
Archivo de publicaciones
📱IT Network - первая в России соцсеть для айтишников
Тысячи молодых айтишников уже нашли здесь наставника, работу и просто коллег по цеху для обучения программированию и решению повседневных задач. IT Network помогает находить известных экспертов, работу и быть в курсе всех новостей из мира IT и науки. Не упустите свой шанс стать одним из них!
В приложении вы сможете:
● Обмениваться опытом с коллегами
● Получать интересные предложения о работе
● Расширять круг знакомств в сфере IT
● Следить за новостями из мира IT и науки
Для тех, кто решил расти в кругу успешных айтишников, вот ссылка на приложение в App Store и Google Play.
Как сгенерировать случайное число с помощью JS?
Для этого можно использовать функцию Math.random(). Это одна из самых часто используемых функции объекта Math. Возвращает случайное число в диапазоне от 0 до 1, не включая 1.
На самом деле, функция не генерирует случайное число. Это лишь иллюзия. За генерацию подобных чисел отвечают специальные алгоритмы, которые относятся к категории PRNG — pseudorandom number generator, их также называют генераторами псевдослучайных чисел.
Любой PRNG-алгоритм генерирует числа, которые, в конечном счёте, будут повторяться. Поэтому числа, генерируемые Math.random(), можно предугадать.
Если ваша задача не подразумевает работу с криптографией (например, вычисление кодов аутентичности) — вам будет достаточно псевдослучайных чисел. Но если такая потребность всё же есть — используйте crypto.getRandomValues() вместо Math.random().
👉 @frontendInterview
Reversed Strings
Создайте функцию, которая развернет строку (выведет символы в обратном порядке).
Примеры:
'world' => 'dlrow'
'word' => 'drow'
👉 @frontendInterviewMichael_Geers_Micro_Frontends_in_Action_Manning_Publications_2020.pdf13.17 MB
Micro Frontends in Action (2020)
Программное обеспечение на фронтенде может быстро стать сложным и трудным в обслуживании, особенно когда оно реализовано в виде большого одностраничного приложения. Приняв подход с использованием микро-интерфейсов и создавая свои веб-приложения как системы функций, вы можете ускорить разработку фич, упростить обновление и выбрать технологию, которую вы используете в своем стеке. Micro Frontends in Action - это ваш путеводитель по упрощению громоздких интерфейсов.
👉 @frontendInterview
Что выведется в консоль?
Что такое History API в браузере?
History API даёт доступ к управлению историей браузера в рамках текущей сессии. Браузер создаёт новую сессию, когда пользователь открывает новую вкладку или новое окно браузера.
С помощью History API можно переходить по истории вперёд, назад и управлять содержимым истории. Доступ к API осуществляется с помощью объекта window.history.
Основные методы:
- back перемещает пользователя по истории на страницу назад
- forward перемещает пользователя по истории на страницу вперёд
- go универсальный метод для перемещения по истории вперёд или назад
- pushState добавляет новую запись в истории сессии
- replaceState изменяет текущую запись в истории сессии
👉 @frontendInterview
Что выведется в консоль?
Прокачивай навыки JavaScript без больших усилий!
Канал JavaScript заметки будет регулярно знакомить тебя с фичами и особенностями языка.
Подойдёт для тех разработчиков, которые хотят постоянно улучшать свои знания и развиваться вширь.
Можно почитать пока компилируется проект :)
Подпишись, чтобы не потерять 👇
#javascript #заметки
Как семантически верно сверстать навигационное меню сайта?
Вот так выглядит простой блок <nav> со ссылками на разные разделы сайта. Мы использовали его с тегом <ul>, поскольку элементы меню однотипные по смыслу и связаны между собой:
<nav class="menu">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">О нас</a></li>
<li><a href="#">Контакты</a></li>
</ul>
</nav>
В контейнер <nav> помещаются основные ссылки, по которым пользователь сможет быстро перейти на нужный раздел сайта.
<nav> — это один из ориентиров (landmark), которые скринридеры могут использовать для навигации по странице. То есть можно перейти прямо в блок навигации по сайту, это очень удобно.
👉 @frontendInterview...Давай попрактикуемся и запилим фронтенд для интернет-магазина?
Регистрируйся на интенсив и сделай аналог WildBerries на чистом JavaScript.
Программа интенсива:
✅ 1 День
— Получим необходимые элементы со страницы
— Научимся перехватывать браузерные события
— Напишем скрипт Модального окна
— Познакомимся с API Storage
✅ 2 День
— Познакомимся с получением данных через API Fetch
— Рассмотрим работу с Firebase
— Получим первые данные с сервера
✅ 3 День
— Фильтрация данных по категории
— Вывод карточек товаров
— Вывод карточек акционных товаров
— Реализация поиска по названию
✅ 4 День
— Реализуем корзину товаров
— Реализуем отправку данных корзины
Всё еще думаешь?
Быстрее переходи по ссылке и получай приглашение:
https://telegram.me/gloacademy_bot?start=6194bde4411cd4a0d0e8de74
Какой командой можно добавить или обновить пару ключ-значение в существующем Map?
❓Уже работаете с JavaScript, но пора бы подняться на следующую карьерную ступеньку?
Онлайн-курс «JavaScript Developer. Professional» от OTUS предназначен для тех, кто хочет углубиться в возможности JS и его фреймворков.
Вас ждут:
✔️6 месяцев практики,
✔️интерактивные вебинары с разбором нюансов востребованных технологий Node.js / React / Angular / Vue / Svelte / TypeScript / Web Components,
✔️домашние задания в формате мини-assignment, как на собеседованиях в российских и европейских компаниях,
✔️свое web-приложение к концу курса.
🎯 Пройдите вступительный тест, чтобы занять место в группе по специальной цене https://otus.pw/MZtb/
Как можно скрыть элемент разметки не используя CSS и JS?
Железобетонный способ скрыть элемент в тех случаях, когда не подходят opacity или visibility. В отличие от двух других способов этот применяется прямо в HTML-разметке. Не лучшая практика: влиять на внешний вид страницы через разметку, но иногда именно это и нужно. По сути, это display: none — именно так он описан в браузерных стилях.
<p hidden>
Этот текст будет невиден на странице. Хотя элемент в разметке будет!
</p>
Поскольку атрибут hidden глобальный, его можно добавить к абсолютно любому тегу, чтобы скрыть его от глаз пользователя. Просто поставьте его после имени самого тега до закрывающей треугольной скобки. Собственно, как и все прочие атрибуты.
Очень важно знать, что тег, спрятанный при помощи атрибута hidden становится невидим не только для пользователя, но и для скринридеров.
👉 @frontendInterviewСумма массивов
Вам даны два массива чисел. Необходимо просуммировать все числа этих двух массивов.
Примеры:
arrayPlusArray([1, 2, 3], [4, 5, 6]) => 21
arrayPlusArray([-1, -2, -3], [-4, -5, -6]) => -21
arrayPlusArray([0, 0, 0], [4, 5, 6]) => 15
arrayPlusArray([100, 200, 300], [400, 500, 600]) => 2100
👉 @frontendInterviewBruce_Johnson_Visual_Studio_Code_End_To_End_Editing_and_Debugging.pdf14.50 MB
