Frontend Interview - собеседования по Javascript / Html / Css
رفتن به کانال در Telegram
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
نمایش بیشتر
شبکه:📈 تحلیل کانال تلگرام Frontend Interview - собеседования по Javascript / Html / Css
کانال Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) در بخش زبانی روسی بازیگری فعال است. در حال حاضر جامعه شامل 10 747 مشترک است و جایگاه 11 392 را در دسته فناوری و برنامهها و رتبه 60 311 را در منطقه روسيا دارد.
📊 شاخصهای مخاطب و پویایی
از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 10 747 مشترک جذب کرده است.
بر اساس آخرین دادهها در تاریخ 11 ژوئیه, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -95 و در ۲۴ ساعت گذشته برابر -1 بوده و همچنان دسترسی گستردهای حفظ شده است.
- وضعیت تأیید: تأیید نشده
- نرخ تعامل (ER): میانگین تعامل مخاطب 6.72% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 4.13% واکنش نسبت به کل مشترکان کسب میکند.
- دسترسی پستها: هر پست به طور میانگین 722 بازدید دریافت میکند. در اولین روز معمولاً 444 بازدید جمعآوری میشود.
- واکنشها و تعامل: مخاطبان بهطور فعال حمایت میکنند؛ میانگین واکنش به هر پست 2 است.
- علایق موضوعی: محتوا بر موضوعات کلیدی مانند javascript, браузер, html, css, видимость تمرکز دارد.
📝 توضیح و سیاست محتوایی
نویسنده این فضا را محل بیان دیدگاههای شخصی توصیف میکند:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
به لطف بهروزرسانیهای پرتکرار (آخرین داده در تاریخ 12 ژوئیه, 2026)، کانال همواره بهروز و دارای دسترسی بالاست. تحلیلها نشان میدهد مخاطبان بهطور فعال با محتوا تعامل دارند و آن را به نقطه اثرگذاری مهم در دسته فناوری و برنامهها تبدیل کردهاند.
10 747
مشترکین
-124 ساعت
-217 روز
-9530 روز
آرشیو پست ها
Что такое webpack?
Вебпак — это сборщик модулей. Он анализирует модули приложения, создает граф зависимостей, затем собирает модули в правильном порядке в один или более бандл (bundle), на который может ссылаться файл «index.html».
Обычно, при создании приложения на JavaScript, код разделяется на несколько частей (модулей). Затем в файле «index.html» необходимо указать ссылку на каждый скрипт.
Это не только утомительно, но и подвержено ошибкам. Важно не только не забыть про какой-нибудь скрипт, но и расположить их в правильном порядке. Если загрузить скрипт, зависящий от React, до загрузки самого React, приложение сломается. Вебпак решает эти задачи. Не нужно беспокоиться о последовательном включении всех скриптов.
Сбор модулей является лишь одним из аспектов работы вебпака. При необходимости можно заставить вебпак осуществить некоторые преобразования модулей перед их добавлением в бандл. Например, преобразование SASS/LESS в обычный CSS, или современного JavaScript в ES5 для старых браузеров.
👉 @frontendInterview
Пояснение
Значения для свойства background-size можно задавать при помощи ключевых слов. В данном случае используется ключевое свойство contain.
contain — фоновое изображение масштабируется так, чтобы поместиться внутрь элемента целиком. В зависимости от своей формы и формы элемента, рисунок растягивается, чтобы поместиться полностью либо по ширине, либо по высоте. Пропорции картинки сохраняются.
👉 @frontendInterview
Размер картинки image.png = 256x256px
Какова ширина background image элемента div?
Персональная рассылка IT-вакансий
под твою ЗП и график.
Подписывайся!
@masterhubot
Зачем нужны регулярные выражения?
1. Сравнение с шаблоном: Регулярные выражения отлично помогают определять, соответствует ли строка тому или иному формату – например, телефонному номеру, адресу электронной почты или номеру кредитной карты.
2. Замена: При помощи регулярных выражений легко находить и заменять шаблоны в строке. Так, выражение
text.replace(/s+/g, " ") заменяет все пробелы в text, например, " nt ", одним пробелом.
3. Извлечение: При помощи регулярных выражений легко извлекать из шаблона фрагменты информации. Например, name.matches(/^(Mr|Ms|Mrs|Dr)\.?s/i)[1] извлекает из строки обращение к человеку, например, "Mr" из "Mr. Schropp".
4. Портируемость: Почти в любом распространенном языке программирования есть своя библиотека регулярных выражений. Синтаксис в основном стандартизирован, поэтому вам не придется переучиваться регулярным выражениям при переходе на новый язык.
👉 @frontendInterviewВ чём различие свойств innerHTML и outerHTML?
Свойство innerHTML содержит HTML код, который находится внутри этого элемента. При установке нового значения этого свойства, внутренний HTML код рендерится браузером заново.
outerHTML почти аналогичен innerHTML, разница в том, что он возвращает полный HTML элемента.
Для кода:
<div class='outer'>
<p class='inner'></p>
</div>
innerHTML возвратит:
<p class='inner'></p>outerHTML возвратит:
<div class='outer'><p class='inner'></p></div>
👉 @frontendInterviewКакая ширина контента у элемента h1?
Sort and Star
Вам дан массив строк. Отсортируйте их в алфавитном порядке и верните первую строку. Между каждой буквой в возвращенной строке должны быть
"***"
Пример:
twoSort(["bitcoin", "take", "over", "the", "world", "maybe", "who", "knows", "perhaps"])
результат
'b***i***t***c***o***i***n'
👉 @frontendInterviewКогда при проверке несуществующего поля в каком-либо объекте на null будет выдано сообщение true?
Результатом будет
false true true trueТак как поле wiper не объявлено в объекте window. А оператор === проверяет более строго, учитывая тип переменной, который в данном случае undefined. 👉 @frontendInterview
Какое значение примет result?
Сколько элементов будет в объектах elems1 и elems2 в результате выполнения этого кода и почему?
elems1.length == 3;
elems2.length == 2;
По сути оба метода представляют собой поиск элементов в документе. В данном случае ссылок. Однако метод getElementsByTagName() возвращает так называемую "живую коллекцию" элементов, т.е. при каждом вызове он снова выполняет поиск и в коллекцию добавляются элементы, которые появились в документе уже после присвоения.
Метод querySelectorAll() выполняет поиск единожды и, на момент присвоения, находит только два элемента "а". Если же выполнить поиск этим методом после создания нового элемента, querySelectorAll() вернет соответствующую истине коллекцию с тремя элементами.
👉 @frontendInterview
❓Для чего фронтенд-разработчику React-hooks?
Приглашаем вас 6 и 7 сентября разобраться в этом вопросе на открытом интенсиве OTUS.
За два дня вы поймете, как работать с React-hooks, создадите компонент с использованием hooks, а также научитесь делать кастомные hooks и поработаете с react-testing-library.
👉 Интенсив рассчитан на действующих JS-разработчиков. Для регистрации пройдите небольшой тест https://otus.pw/4Hbl/
Mario_Casciaro,_Luciano_Mammino_Node_js_Design_Patterns_Design_and.pdf8.06 MB
Node.js Design Patterns (2020)
Книга знакомит с передовыми практиками и шаблонами, которые помогут вам с легкостью создавать эффективные и надежные приложения с Node.js. Она предназначена для разработчиков программного обеспечения, которые имеют некоторые предварительные базовые знания о JavaScript и Node.js и теперь хотят получить максимальную отдачу от этих технологий с точки зрения производительности, качества дизайна и масштабируемости.
👉 @frontendInterview
Получить название планеты по ID
Вам дана функция, которая работает некорректно. Найдите ошибку и исправьте её.
Примеры:
getPlanetName(2) => 'Venus'
getPlanetName(3) => 'Earth'
👉 @frontendInterviewEssential TypeScript by Adam Freeman.pdf10.31 MB
