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 749 名订阅者，在 技术与应用 类别中位列第 11 392，并在 俄罗斯 地区排名第 60 311 位。
📊 受众指标与增长动态
自 невідомо 创建以来，项目保持高速增长，吸引了 10 749 名订阅者。
根据 10 七月, 2026 的最新数据，频道保持稳定运转。过去 30 天订阅人数变化为 -94，过去 24 小时变化为 -4，整体触达仍然可观。
- 认证状态： 未认证
- 互动率 (ER)： 平均受众互动率为 6.63%。内容发布后 24 小时内通常能获得 4.13% 的反应，占订阅者总量。
- 帖子覆盖： 每篇帖子平均可获得 713 次浏览，首日通常累积 444 次浏览。
- 互动与反馈： 受众积极参与，单帖平均反应数为 2。
- 主题关注点： 内容集中在 javascript, браузер, html, css, видимость 等核心主题上。
📝 描述与内容策略
作者将该频道定位为表达主观观点的平台：
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
凭借高频更新（最新数据采集于 11 七月, 2026），频道始终保持新鲜度与高覆盖。分析显示受众积极互动，使其成为 技术与应用 类别中的关键影响点。
10 749
订阅者
-424 小时
-207 天
-9430 天
帖子存档
📱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
