اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
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 768 مشترک است و جایگاه 11 397 را در دسته فناوری و برنامهها و رتبه 60 229 را در منطقه روسيا دارد.
📊 شاخصهای مخاطب و پویایی
از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 10 768 مشترک جذب کرده است.
بر اساس آخرین دادهها در تاریخ 04 ژوئیه, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -94 و در ۲۴ ساعت گذشته برابر 0 بوده و همچنان دسترسی گستردهای حفظ شده است.
- وضعیت تأیید: تأیید نشده
- نرخ تعامل (ER): میانگین تعامل مخاطب 7.89% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 4.12% واکنش نسبت به کل مشترکان کسب میکند.
- دسترسی پستها: هر پست به طور میانگین 850 بازدید دریافت میکند. در اولین روز معمولاً 444 بازدید جمعآوری میشود.
- واکنشها و تعامل: مخاطبان بهطور فعال حمایت میکنند؛ میانگین واکنش به هر پست 2 است.
- علایق موضوعی: محتوا بر موضوعات کلیدی مانند javascript, браузер, html, css, видимость تمرکز دارد.
📝 توضیح و سیاست محتوایی
نویسنده این فضا را محل بیان دیدگاههای شخصی توصیف میکند:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
به لطف بهروزرسانیهای پرتکرار (آخرین داده در تاریخ 05 ژوئیه, 2026)، کانال همواره بهروز و دارای دسترسی بالاست. تحلیلها نشان میدهد مخاطبان بهطور فعال با محتوا تعامل دارند و آن را به نقطه اثرگذاری مهم در دسته فناوری و برنامهها تبدیل کردهاند.
10 768
مشترکین
اطلاعاتی وجود ندارد24 ساعت
-247 روز
-9430 روز
آرشیو پست ها
Object.seal()
Метод Object.seal() запечатывает объект, предотвращая добавление новых свойств к объекту и делая все существующие свойства не настраиваемыми. Значения представленных свойств всё ещё могут изменяться, поскольку они остаются записываемыми.
По умолчанию, объекты являются расширяемыми (к ним могут добавляться новые свойства). Запечатывание объекта предотвращает добавление к нему новых свойств и делает все существующие свойства не настраиваемыми. Оно делает все свойства объекта фиксированными и неизменными.
Примеры
var obj = {
prop: function() {},
foo: 'bar'
};
Новые свойства могу быть добавлены, существующие свойства могут быть изменены или удалены.
obj.foo = 'baz'; obj.lumpy = 'woof'; delete obj.prop; var o = Object.seal(obj); assert(o === obj); assert(Object.isSealed(obj) === true);Изменение значений свойств на запечатанном объекте всё ещё работает.
obj.foo = 'quux';Но вы не можете преобразовать свойства данных в свойства доступа и наоборот.
Object.defineProperty(obj, 'foo', { get: function() { return 'g'; } }); // выбросит TypeError
👉 @frontendInterview
Остался в РФ и думаешь о своем будущем? Посмотри на IT! Это отличный шанс для всех, ведь в 2022 году на рынке освободилось место для новых специалистов после оттока айтишников из страны.
Поступай в Kata Academy на Frontend-разработчика и плати за обучение только после гарантированного трудоустройства с зарплатой от 80 000₽.
Тебя ждут 9 месяцев интенсивного обучения: ты изучишь только нужный стек технологий и будешь полностью подготовлен к выходу на работу в Москве или Санкт-Петербурге, куда тебе предстоит переехать после выпуска по условиям договора со школой.
По окончании обучения школа продолжит поддерживать тебя и участвовать в развитии твоей карьеры в течение 2-х лет после выпуска.
Поступай в Kata Academy, чтобы стать Frontend-разработчиком уже в июле!
Area or Perimeter
Вам даны два параметра - длина и ширина прямоугольника. Если этот прямоугольник является квадратом, то верните его площадь. В другом случае верните периметр.
Примеры:
6, 10 --> 32
3, 3 --> 9
👉 @frontendInterviewРазработка игр на языке JavaScript
Учебное пособие рассматривает ключевые вопросы разработки однопользовательских двумерных игр на языке JavaScript.
Пособие построено в практическом ключе, когда в отдельных главах осуществляется поэтапная разработка различных элементов игры. В пособии не выделена отдельная глава для изучения основ JavaScript, его элементы разбираются в процессе изложения основного материала с объяснением базовых особенностей.
👉 @frontendInterview
:focus-within
Псевдокласс :focus-within используется в двух случаях:
- если к этому элементу применяется псевдокласс :focus;
- если к потомку этого элемента применяется псевдокласс :focus.
Причём потомок не обязательно должен быть прямым. Например, в примере с формой все теги <input> были сначала вложены в <div> и только потом — в <form>. Несмотря на это, :focus-within применился к форме.
👉 @frontendInterview
Как при помощи CSS выбрать первые два элемента li?
Какое значение примет result?
⚡️Век живи, век учись — пора и Angular открыть!
⏰Приглашаем сегодня, 3 ноября в 20:00, на открытый урок: "Разработка приложений на Angular. Основные преимущества и возможности"
Angular - это мощный фреймворк от Google, который используется для создания мобильных приложений.
📌За 1,5 часа на занятии с опытным экспертом мы:
- Познакомимся с Angular CLI, two-way data binding, templates, routing, services;
- Как экономить время на разработке c этими технологиями;
- Получим расширяемый, легко поддерживаемый и структурированный код.
👨🎓Кто вещает?
Виктор Березин, Frontend Architect / Senior Full Stack Developer и преподаватель курса “Angular Developer” в OTUS.
🔴 Чтобы записаться на вебинар, пройдите вступительный тест: https://otus.pw/D3cgw/
Это занятие является частью онлайн-курса «Angular Developer» от OTUS.
text-rendering
Свойство text-rendering позволяет указывать браузеру, какие оптимизации нужно производить с текстом во время рендера.
Когда браузер «рассчитал» внешний вид символа, он должен корректно отрисовать символ в пиксельной сетке экрана монитора. Процесс заполнения пикселей после расчётов для видимой отрисовки чего угодно называется рендеринг.
Рендеринг текста — это процесс отрисовки символов шрифта в пиксельной сетке. При этом для обеспечения более естественного вида текста браузер может выполнять дополнительные вычисления и модификации символов: изменять кернинг (межсимвольное расстояние), объединять пары и даже тройки символов в лигатуры.
Ключевые слова:
auto
Значение по умолчанию. Браузер пытается самостоятельно угадать, в какой момент отрисовки важна скорость вывода символов, в какой — читаемость, а в какой — геометрическая точность.
optimizeSpeed
При отрисовке текста браузер будет ставить в приоритет именно скорость отрисовки, поэтому лигатуры и кернинг будут отключены.
optimizeLegibility
Используется в случае, когда важна не скорость отрисовки, а удобочитаемость текста и визуальная красота сочетаний символов. При таком значении браузер активно использует лигатуры и корректирует кернинг.
geometricPrecision
Основной приоритет при рендеринге текста — геометрическая точность. В некоторых шрифтах кернинг изменяется не пропорционально изменению размера шрифта. Это может приводить к не самому лучшему внешнему виду текста.
👉 @frontendInterview
Найти работу во Frontend можно 2 методами:
Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIn. Офигеть от условий и закрыть.
Второй. Подписаться на JavaScript Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п.
Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах!
В общем, не теряйте времени и находите работу в 2 клика: @JScript_jobs
Какое значение примет result?
4PDA теперь в Telegram!
4PDA – крупнейший в рунете тематический ресурс, посвященный технологиям, приложениям и кодингу. Специально для программистов у них появился официальный канал в телеграм, где вы увидите сливы платных курсов, интересные статьи и много другого!
Подписывайтесь: @4pda_forum
Псевдоклассы группы type
Псевдоклассы -of-type позволяют выбирать из группы элементы одного уровня вложенности на основании их порядка:
:first-of-type — первый;
:nth-of-type(n-число) — каждый n-й элемент;
:last-of-type — последний;
:nth-last-of-type(n-число) — каждый n-й элемент с отсчётом «с конца».
Допустим, мы имеем такую HTML-разметку:
<ol class="list">
<li>Default означает «по умолчанию», цвет этого пункта без изменений.</li>
<li class="list__item">Амбары красят в красный цвет, потому что красная краска...</li>
<li>Говорят, в СССР красили подъезды в зелёный цвет, потому что осталось...</li>
<li class="list__item">В Катаре красят асфальт в синий цвет, чтобы он не перегревался.</li>
</ol>
И, допустим, нам нужно задать цвет текста каждого из пунктов, основываясь на их порядке.
Этот пункт не имеет класса, всё, что мы о нём знаем — что он третий <li> по порядку:
li:nth-of-type(3) {
color: #49A16C;
}Check same case
Создайте функцию, которая принимает две буквы и проверяет, в одном ли они регистре (обе строчные или обе заглавные).
Примеры:
'a' and 'g' returns 1
'A' and 'C' returns 1
'b' and 'G' returns 0
'B' and 'g' returns 0
'0' and '?' returns -1
👉 @frontendInterviewСтруктуры данных и алгоритмы.pdf34.27 MB
