Available now! Telegram Research 2025 — the year's key insights 
Frontend Interview - собеседования по Javascript / Html / Css
Open in Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Show more📈 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 769 subscribers, ranking 11 407 in the Technologies & Applications category and 60 344 in the Russia region.
📊 Audience metrics and dynamics
Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 10 769 subscribers.
According to the latest data from 03 July, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -96 over the last 30 days and by -2 over the last 24 hours, overall reach remains high.
- Verification status: Not verified
- Engagement rate (ER): The average audience engagement rate is 7.89%. Within the first 24 hours after publication, content typically collects 4.12% reactions from the total number of subscribers.
- Post reach: On average, each post receives 850 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 04 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 769
Subscribers
-224 hours
-297 days
-9630 days
Posts Archive
TypeScript void, never и unknown
Void
Тип данных Void можно назвать полной противоположностью типа any, так как этот тип означает отсутствие конкретного типа. Основное предназначение типа Void — явно указывать на то, что у функции или метода отсутствует возвращаемое значение.
Для функций и методов, которые ничего не возвращают и у которых отсутствует аннотация типа возвращаемого значения, вывод типов определяет принадлежность к типу void.
Тип Void является подтипом Any и супертипом для Null и Undefined.
function a( ): void {
let result: number = 5;
return result; // Error
}
function b( ): void {
let result: string = '5';
return result; // Error
}
function c( ): void {
let result: any = 5;
return result; // Ok
}
Never
Примитивный типа данных Never служит для указания того, что какие-либо операции никогда не будут выполнены.
Never обозначается ключевым словом never и так же как и void не имеет явных значений.
Тип Never можно указать только той функции, по сценарию из которой, программа, реально никогда не сможет выйти.
function error( message: string ): never {
throw new Error( message );
}
function loop(): never {
while( true ) { }
}
Unknown
Тип Unknown является типобезопасным аналогом типа any и представлен в виде литерала unknown. Все типы совместимы с типом unknown, в то время как сам тип unknown совместим только с самим собой и типом any.
Кроме того, над типом unknown запрещено выполнение каких-либо операций.
let v0: any;
v0.a = 5; // Ok
v0.a = ''; // Ok
v0(); // Ok
let v1: unknown = v0; // Ok
v1.a = 5; // Error
v1.a = ''; // Error
v1(); // Error
👉 @frontendInterview
Подработка для веб-разработчиков от 2 часов в неделю! Делайте код ревью на одном из курсов по JavaScript, React, Node.js или других в HTML Academy. Учитесь сами, обучая других: дружное комьюнити, удалёнка, море фана, опыт преподавания и скидки для своих.
Приходите в команду: https://tml.io/2snii
Add Length
Вам дан массив, состоящий из строк. Добавьте к каждой строке в массиве число, представляющее собой длину этой строки.
Пример:
"apple ban" --> ["apple 5", "ban 3"]
"you will win" -->["you 3", "will 4", "win 3"]
👉 @frontendInterviewИспользование Docker
Контейнеры Docker предоставляют простые быстрые и надежные методы разработки, распространения и запуска программного обеспечения, особенно в динамических и распределенных средах. Из книги вы узнаете, почему контейнеры так важны, какие преимущества вы получите от применения Docker и как сделать Docker частью процесса разработки. Вы последовательно пройдете по всем этапам, необходимым для создания, тестирования и развертывания любого веб приложения, использующего Docker.
👉 @frontendInterview
Оптимизация js скриптов
Частая проблема неоптимизированных сайтов - это множество дополнительно подключаемых файлов. Интересно, что периодически я встречал ситуацию, что эти файлы даже не использовались. Они просто впустую нагружали сайт.
Оптимизация не должна вредить полноценной работе сайта. Не нужно лишать себя полезных сервисов, типа веб-аналитики или онлайн-чата.
В первую очередь, нужно сделать анализ того, используются ли каждый подключаемый скрипт на сайте. Во вторую очередь, нужно проверить, используются ли скрипты на всех страницах или только на одной/нескольких.
Если пара скриптов используется только на главной странице, то не нужно их загружать на всех других страницах сайта. В любой CMS можно создать несколько шаблонов раздела head, которые будут отличаться списком подключаемых файлов.
Итак, вы убедились, что скрипты только нужные, а загружаются они только на нужных страницах. Далее смотрим внутри этих файлов. Сжат ли там код? Если нет, то простое сокращение ненужных символов может сэкономить десятки килобайт. Можно это сделать вручную (например, https://jscompress.com/), а можно с помощью дополнительных сервисов, которые сжимают код всех подключенных js файлов автоматически (например, в Modx это MinifyX).
Следующий этап оптимизации - проверить место подключения js файлов. Чем выше в шаблоне сайта подключение скриптов, тем сильнее их загрузка откладывает отображение основного контента сайта. Не всем скриптам обязательно подключение в разделе head, некоторые можно перенести в самый конец документа перед закрывающим тегом body.
👉 @frontendInterview
Представляем refine — open-source headless React-фреймворк (6.9K ⭐️ на GitHub) для CRUD-приложений. С ним вы можете быстро создать админку или дашбоард, при этом код останется гибким для изменений.✨
refine бесшовно связывается с UI-фреймворками и поставляется с готовыми интеграциями для Ant Design System, Material UI, Mantine и Chakra UI 🚀
GitHub: https://github.com/refinedev/refine
Java-разработчик — как архитектор Эйфелевой башни. Он создаёт сервисы и приложения, которые должны выдержать огромное количество посетителей — стриминговые сервисы, маркет-плейсы и другие. Разработчик, как архитектор, мыслит творчески: придумывать, как будет выглядеть и работать его проект. А каждая его идея отражается на пользователях.
Если вам интересно работать на стыке творчества и технологии — попробуйте java-разработку. Это можно сделать бесплатно — во вводной части курса Яндекс Практикума.
Вот что в ней будет:
— Основы языка Java: переменные, условные, выражения и циклы.
— Азы объектно-ориентированного программирования: классы, конструкторы и методы.
— Ваш первый проект на Java — приложение для учёта финансов.
Узнайте, подходит ли вам java-разработка →
Можно ли применить стили к тексту, выделенному пользователем с помощью мыши?
Learn frontend tips - telegram-канал в котором вы найдёте подсказки для frontend разработчиков по:
✓ HTML
✓ CSS
✓ JavaScript
✓ UX/UI
Что выведется в консоль?
Верстальщик? Фронтендер? Нет работы и заказов, а побаловать себя хочется?
Для тебя нашли канал с вакансиями по вёрстке и фронтенду, где:
▶️ Новые вакансии ежедневно
▶️ Работа из дома и в офисе
▶️ Любой уровень навыков
Прекрати ежедневно мониторить десятки сайтов ради копеечных заказов! Работай с проверенными клиентами🧑💻
Подписывайся – @job_webdev
Оператор void в JavaScript
Я полагал, что мне знакомы все операторы JavaScript до тех пор пока не увидел оператор void, который, как оказалось, присутствует в JS с 1996-го года. Его поддерживают все браузеры, работает он довольно просто. Вот что пишут об этом на MDN:
Оператор void вычисляет переданное выражение и возвращает undefined.
Этот оператор позволяет, например, использовать альтернативную форму конструирования IIFE:
void function iife() {
console.log('hello');
}();
// это – то же самое, что и...
(function iife() {
console.log('hello');
})()
По поводу void можно сделать лишь одно замечание, которое заключается в том, что вычисление выражения это… void (undefined)!
const word = void function iife() {
return 'hello';
}();
// word имеет значение "undefined"
const word = (function iife() {
return 'hello';
})();
// word имеет значение "hello"
👉 @frontendInterview🟡Что нового в PostgreSQL 15?
Обсудим 31 января 20:00 на открытом уроке онлайн-курса «Базы данных» в OTUS вместе с 🧑💻 Евгением Аристовым, разработчиком с 20-летним опытом и архитектором баз данных — https://otus.pw/kwcY/
На вебинаре «PostgreSQL 15. Новый функционал» мы обсудим:
🟠Деплой в Yandex Cloud и настройку защищенного подключения.
🟠Варианты обновления с предыдущих версий PostgreSQL и их особенности.
🟠Подводные камни при обновлении версий.
⚠️ Материал будет полезен разработчикам и администраторам.
➡️Для РЕГИСТРАЦИИ на занятие пройдите вступительный тест
https://otus.pw/kwcY/
Какое значение свойства display НЕ может использоваться совместно со свойством vertical-align?
От 3.000 до 22.000 долларов можно получить за переезд в другую страну
Минимум 7 западных стран предлагают гражданство и финансовую поддержку иностранцам за переезд в определенные города и провинции.
Подробнее о программах - читайте здесь. Автор блога посетил 95 стран и делится своим опытом и лайфхаками с путешественниками и эмигрантами:
- Получить Шенген на максимальный срок
- Как поехать в отпуск за счет работодателя
- 5 проверенных способов переехать из России бесплатно
- Как бронировать жилье со скидками 50% без букинга
Мастхэв для каждого, кто уже готов перейти все границы: @Relocate
Object.freeze и Object.seal в JavaScript.
Object.seal()
1. Предотвращает добавление и / или удаление свойств из запечатанного объекта; использование delete вернет false
2. Делает каждое существующее свойство неконфигурируемым: они не могут быть преобразованы из «дескрипторов данных» в «дескрипторы доступа» (и наоборот), и никакой атрибут дескрипторов доступа не может быть изменен вообще (тогда как дескрипторы данных могут изменить свой writable атрибут, и их value атрибут, если writeable === true).
3. Может выдавать TypeError при попытке изменить значение самого запечатанного объекта (чаще всего в строгом режиме )
Object.freeze()
Делает всё то же самое что и Object.seal плюс предотвращает изменение любых существующих свойств.
👉 @frontendInterview
Object extend
Создайте функцию, которая принимает несколько объектов в качестве параметров и возвращает новый объект со всеми свойствами из входных объектов.
Примеры:
extend( {a: 1, b: 2}, {c: 3} )
// should === {a: 1, b: 2, c: 3}
extend( {a: 1, b: 2}, {c: 3}, {d: 4} )
// should === {a: 1, b: 2, c: 3, d: 4}
extend( {a: 1, b: 2}, {a: 3, c: 3} )
// should === {a: 1, b: 2, c: 3}
👉 @frontendInterview