Frontend Interview - собеседования по Javascript / Html / Css
Open in Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Show more
Network:📈 Analytical overview of Telegram channel Frontend Interview - собеседования по Javascript / Html / Css
Channel Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) in the Russian language segment is an active participant. Currently, the community unites 10 749 subscribers, ranking 11 392 in the Technologies & Applications category and 60 311 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 749 subscribers.
According to the latest data from 10 July, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -94 over the last 30 days and by -4 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 6.63%. Within the first 24 hours after publication, content typically collects 4.13% reactions from the total number of subscribers.
- Post reach: On average, each post receives 713 views. Within the first day, a publication typically gains 444 views.
- Reactions and interaction: The audience actively supports content: the average number of reactions per post is 2.
- Thematic interests: Content is focused on key topics such as javascript, браузер, html, css, видимость.
📝 Description and content policy
The author describes the resource as a platform for expressing subjective opinions:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Thanks to the high frequency of updates (latest data received on 11 July, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.
10 749
Subscribers
-424 hours
-207 days
-9430 days
Posts Archive
📱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
