اکنون در دسترس! پژوهش تلگرام ۲۰۲۵ — مهمترین بینشهای سال 
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 770 مشترک است و جایگاه 11 407 را در دسته فناوری و برنامهها و رتبه 60 344 را در منطقه روسيا دارد.
📊 شاخصهای مخاطب و پویایی
از زمان ایجاد در невідомо، پروژه رشد سریعی داشته و 10 770 مشترک جذب کرده است.
بر اساس آخرین دادهها در تاریخ 03 ژوئیه, 2026، کانال فعالیت پایداری دارد. در ۳۰ روز گذشته تغییر اعضا برابر -96 و در ۲۴ ساعت گذشته برابر -2 بوده و همچنان دسترسی گستردهای حفظ شده است.
- وضعیت تأیید: تأیید نشده
- نرخ تعامل (ER): میانگین تعامل مخاطب 7.89% است و در ۲۴ ساعت نخست پس از انتشار، محتوا معمولاً 4.12% واکنش نسبت به کل مشترکان کسب میکند.
- دسترسی پستها: هر پست به طور میانگین 850 بازدید دریافت میکند. در اولین روز معمولاً 444 بازدید جمعآوری میشود.
- واکنشها و تعامل: مخاطبان بهطور فعال حمایت میکنند؛ میانگین واکنش به هر پست 2 است.
- علایق موضوعی: محتوا بر موضوعات کلیدی مانند javascript, браузер, html, css, видимость تمرکز دارد.
📝 توضیح و سیاست محتوایی
نویسنده این فضا را محل بیان دیدگاههای شخصی توصیف میکند:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
به لطف بهروزرسانیهای پرتکرار (آخرین داده در تاریخ 04 ژوئیه, 2026)، کانال همواره بهروز و دارای دسترسی بالاست. تحلیلها نشان میدهد مخاطبان بهطور فعال با محتوا تعامل دارند و آن را به نقطه اثرگذاری مهم در دسته فناوری و برنامهها تبدیل کردهاند.
10 770
مشترکین
-224 ساعت
-297 روز
-9630 روز
آرشیو پست ها
Pro Angular: Build Powerful and Dynamic Web Apps, 5th Edition (2022)
Angular - это библиотека JavaScript с открытым исходным кодом, поддерживаемая компанией Google. Она имеет множество отличных возможностей для разработки на стороне сервера и используется в некоторых из самых крупных и сложных веб-приложений в мире для улучшения HTML в браузере. Ее краеугольным камнем является способность создавать приложения, которые можно расширять, поддерживать, тестировать и стандартизировать. Знание основ Angular и понимание его применения - это актив в арсенале любого разработчика.
👉 @frontendInterview
Чтобы ты не терялся среди своих подписок и кучи материалов по веб-разработке, Джун Джунович собирает самые важные новости и лайфхаки из мира FrontEnd.
О том, что полезно знать фронту, почему сайт должен весить меньше 14 КБ или как применять любопытные фишки из CSS, узнавай из одного канала. А не открывая сто первую вкладку с той статьей, которую ты никогда не дочитаешь.
Переходи к Джун Джуновичу и выбери полезное для себя и своего дела.
Возможно ли достать все вложенные массивы с помощью метода array.flat(), если глубина вложенности неизвестна?
🚀Не время стоять на месте! Пора прокачать свои навыки в JavaScript-разработке! Если вы хотите перейти в fullstack-направление, приходите 17 марта в 20:00 на открытый урок онлайн-курса «JavaScript Developer. Professional» в OTUS. Арсений Высоцкий, тимлид в большой международной компании, проведет вебинар «Клиенты реляционных баз данных». На занятии мы обсудим ORM и типизированные библиотеки формирования SQL-запросов.
👉🏻Для регистрации на занятие пройдите вступительный тест https://otus.pw/RuRI/
Курс доступен в рассрочку.
Реклама. Информация о рекламодателе на сайте www.otus.ru
aria-roledescription
Глобальное свойство из WAI-ARIA для описания ролей элементов своими словами.
Атрибут влияет только на то, как скринридер прочитает роль. Он не изменяет функциональность элемента.
Пример
<section aria-roledescription="Слайд" aria-labelledby="heading" > <h2 id="heading">Новый роман Франца К.</h2> <!-- Остальное содержимое слайда --> </section>Скринридер прочитает эту разметку примерно так: «Новый роман Франца К., слайд». 👉 @frontendInterview
Думаешь о своем будущем, а освоить новую профессию оказывается слишком дорого? Посмотри на IT! Это отличный шанс для всех, ведь в 2023 году на рынке освободилось место для новых специалистов!
Поступай в Kata Academy на Frontend-разработчика и плати за обучение только после гарантированного трудоустройства в IT с зарплатой от 80 000₽.
Тебя ждут 9 месяцев интенсивного обучения: ты изучишь только нужный стек технологий и будешь полностью подготовлен к выходу на работу в Москве или Санкт-Петербурге, куда тебе предстоит переехать после выпуска по условиям договора со школой.
По окончании обучения школа продолжит поддерживать тебя и участвовать в развитии твоей карьеры в течение 2-х лет после выпуска.
Поступай в Kata Academy, чтобы стать Frontend-разработчиком уже в июле!
Какое значение примет result?
Как скрыть содержимое страницы от скринридеров и других вспомогательных технологий?
Можно использовать атрибут aria-hidden со значением true, чтобы скрыть содержимое от программ чтения с экрана, но оставить его видимым на странице.
<p aria-hidden="true">Этот текст виден на странице, но скрыт от скринридера.</p>Свойство aria-hidden скрывает элемент от скринридеров и других вспомогательных технологий, но не скрывает его визуально. Если используете этот ARIA-атрибут на неинтерактивном элементе с вложенным интерактивным, то вложенный элемент унаследует этот атрибут. Это тоже приведёт к проблемам с доступностью для вспомогательных устройств. 👉 @frontendInterview
«Работаю давно и хорошо выполняю задачи — я всё ещё джун или уже мидл?» А если джун, что нужно, чтобы вырасти? Знакомо?
Middle frontend-разработчик VK Лиза Добрянская тоже однажды столкнулась с такой ситуацией. Но смогла пройти этот этап и теперь делится 5-ю шагами, которые помогут и вам прокачаться и уверенно назвать себя мидлом.
👉Смотреть видео
Советам Лизы можно начать следовать с изучения фишек, которые сильно облегчат работу. Например, освоив source maps — автогенерируемые файлы, которые создаются при разных модификациях JS и CSS-файлов и помогают значительно быстрее отлаживать свой код в браузере.
👉Изучить source maps
Ну а если вы чувствуете, что видеороликами в интернете вам не обойтись, и нужна поддержка опытных наставников — приходите быстро расти на курс frontend от karpovꓸcourses.
Там вы освоите best practices индустрии, наконец-то поймёте как работает весь веб и научитесь создавать масштабные продукты уровня топовых международных компаний — всё под руководством тилидов с опытом работы в Яндексе, Вконтакте и Telegram Open Network.
По промокоду FRONTINTERVIEW18 для вас действует скидка 10%.
Чему равен font-size элемента section в px?
presentation, none
presentation — роль структуры документа, которая удаляет семантику элемента. Другая роль none — это синоним presentation.
Обе роли делают одно и то же, но рекомендуется использовать presentation вместо none. У presentation более стабильная поддержка.
Пример
<h1>Говорящий мангуст Джеф</h1>
<hr role="presentation">
<p>Загадочное существо, обитавшее на ферме Дорлиш Кэшен неподалеку от селения Дэлби на острове Мэн. История о говорящем зверьке в середине 1930-х годов активно обсуждалась на страницах британской прессы.</p>
В этом примере тег <hr> потерял свою семантику и стал просто декоративным разделителем.
👉 @frontendInterviewПринципы, лежащие в основе алгоритмов и структур данных, всегда актуальны для любого стека технологий. Если вы уверенно владеете одним из языков программирования: C++, Python, Java, Go, JavaScript или C#, вам подойдет курс Яндекс Практикума «Алгоритмы и структуры данных». Мы поможем вам разложить все по полочкам, научим писать более чистый код, видеть разные варианты решения задачи и сравнивать их по эффективности, а ещё вы:
• разберётесь в основных алгоритмах;
• узнаете, как устроены структуры данных и когда какие применять;
• научитесь тестировать свой код и доказывать его корректность.
На всех этапах вас будут сопровождать опытные разработчики: мы не дадим просесть по учёбе и поможем выкроить время на образование. Вы будете практиковаться на реальных кейсах и положите в портфолио работающие проекты. А карьерные консультации подготовят вас к разговору о повышении или помогут с поиском новой работы.
Познакомьтесь с профессией и протестируйте формат бесплатно: https://practicum.yandex.ru/algorithms/Построение_пользовательских_интерфейсов.pdf12.30 MB
Построение пользовательских интерфейсов
Интерфейс — лицо электронного продукта. Лицо успешных сайтов, приложений и программ вызывает у пользователей доверие и симпатию. Построение пользовательских интерфейсов — интересная и многогранная работа. Эта книга будет полезна всем, кто участвует в работе над созданием электронных продуктов. Вы начинающий дизайнер интерфейсов? Книга поможет углубить и расширить знания о профессии. Вы практикующий UI/UX-дизайнер? Из книги вы почерпнёте инструменты и методики, которые позволят увеличить эффективность вашей работы. Вы менеджер, глава студии или стартапа? Эта книга поможет вам наладить и систематизировать процессы в команде.
👉 @frontendInterview
Array.diff
Ваша задача написать функцию, которая будет вычитать один массив из другого.
Она должна убирать все элементы массива b из массива a.
Примеры:
arrayDiff([1,2],[1]) == [2]
arrayDiff([1,2,2,2,3],[2]) == [1,3]
👉 @frontendInterviewКакие есть способы задания цвета в CSS?
Базовые цвета
color: aquaRGB Самое распространенный вариант, каждое число представляет собой количество красного(Red), зеленого(Green) и голубого(Blue) цвета в смеси.
#f00 - #rgb #ff0000 - #rrggbb rgb(255, 0, 0) rgb(100%, 0%, 0%)RGBA То же самое представление цвета, но с добавлением альфа-канала, который отвечает за прозрачность.
белый с прозрачностью 50% rgba(255, 255, 255, 0.5) rgba(100%, 100%, 100%, 0.5) #fff8 - #rgba #ffffff88 - #rrggbbaaHSL Способ указания цвета в зависимости от его тона(Hue) насыщенности (Saturation) и яркости (Lightness ).
hsl(120, 100%, 25%) - тёмно зеленый hsl(120, 100%, 75%) - светло зеленыйHSLA То же самое, но с альфа-каналом.
hsla(30, 100%, 50%, 0.1) - очень прозрачный оранжевыйtransparent ключевое слово обозначающее прозрачный цвет, эквивалент
rgba(0, 0, 0, 0).
currentColor
ключевое слово обозначающее текущий цвет.🏆Снова в топе! Крупнейшая сетка IT-каналов в СНГ запустила свой новый проект, который поставил рекорд прироста за сутки.
📱Вспоминаем их самые популярные проекты:
Secret IT Jobs | ИТ вакансии для своих — проект, после появления которого закрылось несколько HR-агентств. Вакансии на удалённую работу с высокими зарплатами.
Python | Программирование на питоне — канал, на котором выросло больше 10 тысяч айтишников. Объясняют сложные задачи простым языком.
English for IT — первый конкурент всех школ по английскому. Помогают быстро и бесплатно выучить язык с уклоном на работу в айти.
BUBBLE — подборка бесплатных сервисов для облегчения рутины. Придумал стартап и хочешь реализовать? Скорее всего про него давно есть пост в баббле.
