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
