Endi mavjud! Telegram Tadqiqoti 2025 — yilning asosiy insaytlari 
Frontend Interview - собеседования по Javascript / Html / Css
Kanalga Telegram’da o‘tish
Канал для подготовки к собеседованиям по фронтенду Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront Купить рекламу: https://telega.in/c/frontendinterview Канал в реестре РКН: https://rknn.link/su
Ko'proq ko'rsatish📈 Telegram kanali Frontend Interview - собеседования по Javascript / Html / Css analitikasi
Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 10 770 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 11 407-o'rinni va Rossiya mintaqasida 60 344-o'rinni egallagan.
📊 Auditoriya ko‘rsatkichlari va dinamika
невідомо sanasidan buyon loyiha tez o‘sib, 10 770 obunachiga ega bo‘ldi.
03 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -96 ga, so‘nggi 24 soatda esa -2 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.
- Tasdiqlash holati: Tasdiqlanmagan
- Jalb etish (ER): Auditoriya o‘rtacha 7.89% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 4.12% ini tashkil etuvchi reaksiyalarni to‘playdi.
- Post qamrovi: Har bir post o‘rtacha 850 marta ko‘riladi; birinchi sutkada odatda 444 ta ko‘rish yig‘iladi.
- Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 2 ta reaksiya keladi.
- Tematik yo‘nalishlar: Kontent javascript, браузер, html, css, видимость kabi asosiy mavzularga jamlangan.
📝 Tavsif va kontent siyosati
Muallif resursni shaxsiy fikrni ifoda etish maydoni sifatida ta’riflaydi:
“Канал для подготовки к собеседованиям по фронтенду
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Купить рекламу: https://telega.in/c/frontendinterview
Канал в реестре РКН:
https://rknn.link/su”
Yuqori yangilanish chastotasi (oxirgi ma’lumot 04 Iyul, 2026 da olingan) sababli kanal doimo dolzarb va katta qamrovli bo‘lib qoladi. Analitika auditoriya kontent bilan faol hamkorlik qilishini, uni Texnologiyalar & Aralashmalar toifasidagi muhim ta’sir nuqtasiga aylantirishini ko‘rsatadi.
10 770
Obunachilar
-224 soatlar
-297 kunlar
-9630 kunlar
Postlar arxiv
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 — подборка бесплатных сервисов для облегчения рутины. Придумал стартап и хочешь реализовать? Скорее всего про него давно есть пост в баббле.
