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 756 підписників, посідаючи 11 410 місце в категорії Технології та додатки та 60 327 місце у регіоні Росія.
📊 Показники аудиторії та динаміка
З моменту свого створення невідомо, проект продемонстрував стрімке зростання, зібравши аудиторію у 10 756 підписників.
За останніми даними від 08 липня, 2026, канал демонструє стабільну активність. Хоча за останні 30 днів спостерігається зміна кількості учасників на -95, а за останні 24 години на -2, загальне охоплення залишається високим.
- Статус верифікації: Не верифікований
- Рівень залученості (ER): Середній показник залученості аудиторії становить 7.72%. Протягом перших 24 годин після публікації контент зазвичай збирає 4.13% реакцій від загальної кількості підписників.
- Охоплення публікацій: В середньому кожен допис отримує 831 переглядів. Протягом першої доби публікація в середньому набирає 444 переглядів.
- Реакції та взаємодія: Аудиторія активно підтримує контент: середня кількість реакцій на один пост – 2.
- Тематичні інтереси: Контент зосереджений навколо ключових тем, таких як javascript, браузер, html, css, видимость.
📝 Опис та контентна політика
Автор описує ресурс як майданчик для висловлення суб'єктивної думки:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Завдяки високій частоті оновлень (останні дані отримано 09 липня, 2026), канал підтримує актуальність та високий рівень охоплення публікацій. Аналітика показує, що аудиторія активно взаємодіє з контентом, що робить його важливою точкою впливу в категорії Технології та додатки.
10 756
Підписники
-224 години
-237 днів
-9530 день
Архів дописів
Плюсы TypeScript. Стоит ли на него переходить?
Typescript — это скриптовый язык, компилируемый в JavaScript. Разработка Microsoft, которая, на сегодняшний день, успела завоевать и фанатов и недоброжелателей. Главный вопрос для начинающих, и не только: «Зачем он мне нужен?».
Основные плюсы:
Строгая типизация
Позволяет более полно описывать свойства и методы объектов и классов, из-за чего пропадает необходимость,делать проверку всех, входящих в метод или функцию, аргументов:
function checkAllMyArgsAgain(check: CheckObject, me: MeObject, please: string): string {
return 'Какая проверка аргументов? Вы о чем? ';
}
Читабельность кода
Очевидно, что читать код на TypeScript будет проще, ввиду отсутствия нагромождений кода, характерные Javascript.
function checkMe(check, me) {
if(check && me) {
if(check){ ... }
if(me){ ... }
}
}
против
function checkMe(check: CheckObject, me: MeObject) {
console.log('Ну круто же!');
}
Более легкий переход в мир JS из мира статики
Многие проявляют интерес к JS, но их отпугивает некая хаотичность и непредсказуемость языка. Здесь Вам сильно поможет TS, который позволяет писать JS, более привычным и понятным путем.
Обратная совместимость с JS
И это, таки, приятный бонус, потому как не придется переписывать весь существующий код, чтобы поиграться с TS и написать лишь часть приложения на нем + есть возможность перенести все любимые библиотеки с JS на TS, если будет такая необходимость.
Широкая поддержка IDE
TypeScript, на данный момент, имеет поддержку в любой популярной IDE, включая IDEA, WebStorm, Sublime, Atom, и так далее. Соответственно, менять любимую среду разработки не придется.
👉 @frontendInterview
Cумма всех массивов
Создайте функцию, которая будет суммировать все значения в массиве и его подмассивах
Примеры:
arraySum([1, 2]) => 3
arraySum([1, 2, 3]) => 6
arraySum([1, 2, [1, 2]]) => 6
👉 @frontendInterviewChistaya_arkhitektura_Iskusstvo_razrabotki_programmnogo_obespechenia.pdf11.97 MB
Чистая архитектура
«Идеальный программист» и «Чистый код» — легендарные бестселлеры Роберта Мартина — рассказывают, как достичь высот профессионализма. «Чистая архитектура» продолжает эту тему, но не предлагает несколько вариантов в стиле «решай сам», а объясняет, что именно следует делать, по какой причине и почему именно такое решение станет принципиально важным для вашего успеха.
👉 @frontendInterview
Подработка для веб-разработчиков от 2 часов в неделю!
Делайте код ревью на одном из курсов по JavaScript, React, Node.js или других в HTML Academy. Учитесь сами, обучая других: дружное комьюнити, удалёнка, море фана, опыт преподавания и скидки для своих.
Приходите в команду: https://tml.io/na86p
Какое значение примет result?
Как работает контекст наложения в CSS?
В CSS блок имеет позицию в трех измерениях. В дополнение к горизонтальному и вертикальному положению, блоки выкладываются вдоль оси Z друг над другом.
Порядок, в котором дерево документа отрисовывается на экране, описывается с помощью контекста наложения.
Если для элементов свойства z-index и position не заданы явно, контекст наложения равен порядку их расположения в исходном коде:
1. Корневой элемент <html>
2. Блочные элементы
3. float элементы
4. Строковые элементы
4. Позиционированные элементы
Свойство z-index создает новый контекст наложения. Оно изменяет порядок наложения позиционированных элементов. Элементы будут отображаться на странице в следующем порядке (если для них не заданы свойства -
opacity, filter, transform):
Корневой элемент <html>.
Позиционированные элементы с отрицательным значением z-index.
Блочные элементы, неплавающие и непозиционированные.
float элементы.
Строковые элементы.
Позиционированные элементы с z-index: 0; и z-index: auto;.Какое значение примет result?
Безопасные веб-шрифты
При создании сайта очень важно знать какие шрифты можно использовать а какие нет, это нужно знать как дизайнеру так и верстальщику.
Безопасные шрифты это шрифты которые установлены на большинство устройств, а значит достаточно прописать название шрифта чтоб браузер пользователя корректно его отобразил.
Список безопасных шрифтов:
Arial, Calibri, Helvetica, Segoe, Trebuchet MS, Georgia, Optima.
Больше безопасных шрифтов можно увидеть в Статье.
Инструменты для проверки
Если у вас возникли проблемы с выбором шрифта или вы хотите проверить, как будет выглядеть шрифт - эти ресурсы вам отлично подойдут.
fontpair - Там есть раздел, в котором можно посмотреть самые популярные шрифты, доступные в Google Fonts, и какие шрифты лучше всего сочетаются друг с другом.
Wordmark.it - дает вам мгновенный предварительный просмотр того, как ваш текст будет отображаться сразу на нескольких шрифтах.
👨🏻💻С чего начать, чтобы стать фулстек-разработчиком на JavaScript?
21 сентября в 20:00 мск cостоится открытый урок «Парсинг строк и интерпретация древовидных структур данных».
📍За 1,5 часа вебинара мы:
- познакомимся с разными подходами к описанию парсеров текста
- напишем свою грамматику и сгенерируем на ее основе парсер.
Занятие проведет Арсений Высоцкий, тимлид в международной компании. Не упустите возможность попробовать обучение на специализации «Fullstack Developer» и познакомиться с экспертом онлайн-курса.
‼️Для участия зарегистрируйтесь: https://otus.pw/pRit/
Какое значение width будет у элемента с классом .in?
Узнай уровень своей крутости!
Специально ко Дню программиста Сбер запустил квест с реальными персонажами.
Презентация приложения для распознавания голосов птиц «Щебет» начнётся через 30 минут, а продукт ещё не до конца готов! Не теряй время – переходи по ссылке и выбирай, кто ты в команде, выполняй задания и получи возможность сделать игру реальностью!
Что такое геттеры и сеттеры в JS?
Есть два типа свойств объекта - свойства-данные и свойства-аксессоры.
Свойства-аксессоры представлены методами: «геттер» – для чтения и «сеттер» – для записи. При литеральном объявлении объекта они обозначаются get и set:
Геттер срабатывает, когда obj.propName читается, сеттер – когда значение присваивается.
Например, у нас есть объект user со свойствами name и surname а также добавим свойство объекта fullName для полного имени, которое в нашем случае "John Smith".
let user = {
name: "John",
surname: "Smith",
get fullName() {
return ${this.name} ${this.surname};
}
};
alert(user.fullName);
// John Smith
Сеттер позволит нам изменять свойства объекта.
set fullName(value) {
[this.name, this.surname] = value.split(" ");
}
// set fullName запустится с данным значением
user.fullName = "Alice Cooper";
alert(user.name); // Alice
alert(user.surname); // Cooper
В итоге мы получили «виртуальное» свойство fullName. Его можно прочитать и изменить.Из чего состоит крутой фронтендер?
Как он учился и учится, как попал в IT, чем пользуется и как развивается? Познакомьтесь с разработчиками из команды AvitoTech — они не просто поделятся своим опытом, но и неплохо вдохновляют. Посмотреть первое интервью можно тут👇
Reversed Words
Создайте функцию, которая принимает строку, переворачивает её и возвращает новую строку со словами в обратном порядке.
Пример:
The greatest victory is that which requires no battle"
--> "battle no requires which that is victory greatest The"
👉 @frontendInterview