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

Tarmoq:Senior Frontend - javascript, html, css Rossiya60 075 Texnologiyalar & Aralashmalar11 346...

📈 Telegram kanali Frontend Interview - собеседования по Javascript / Html / Css analitikasi

Frontend Interview - собеседования по Javascript / Html / Css (@frontendinterview) Rus til segmentidagi kanali faol ishtirokchi. Hozirda hamjamiyat 10 670 obunachidan iborat bo'lib, Texnologiyalar & Aralashmalar toifasida 11 346-o'rinni va Rossiya mintaqasida 60 075-o'rinni egallagan.

📊 Auditoriya ko‘rsatkichlari va dinamika

невідомо sanasidan buyon loyiha tez o‘sib, 10 670 obunachiga ega bo‘ldi.

28 Iyul, 2026 dagi oxirgi ma’lumotlarga ko‘ra kanal barqaror faollikka ega. Oxirgi 30 kunda obunachilar soni -123 ga, so‘nggi 24 soatda esa -5 ga o‘zgardi va umumiy qamrov yuqori darajada qolmoqda.

Tasdiqlash holati: Tasdiqlanmagan
Jalb etish (ER): Auditoriya o‘rtacha 8.11% darajada jalb etiladi. Nashrdan keyingi dastlabki 24 soatda kontent odatda umumiy obunachilar sonining 4.25% ini tashkil etuvchi reaksiyalarni to‘playdi.
Post qamrovi: Har bir post o‘rtacha 865 marta ko‘riladi; birinchi sutkada odatda 453 ta ko‘rish yig‘iladi.
Reaksiyalar va o‘zaro ta’sir: Auditoriya faol: har bir postga o‘rtacha 1 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 29 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 670

Obunachilar

-524 soatlar

-427 kunlar

-12330 kunlar

865

Post ko'rishlar

~ 45324 soatlar

~ 52248 soatlar

8.11%

Muloqot nisbati

Ma'lumot yo'q

Kuniga postlar

Ads index

beta

Postlar arxiv

10 666

prefers-contrast Это одно из значений директивы @media для проверки пользовательских настроек. Отслеживает выбор настроек контрастности в системе. Пример Давайте зададим модальному окну белую рамку, когда контрастность в системе понижена.

@media (prefers-contrast: more) {
  .dialog {
    border: 2px solid #FFFFFF;
  }
}

Если заглянете в демку со включённым режимом повышенной контрастности, у модального окна появится белая обводка. 👉 @frontendInterview

10 666

Как быстро мечты удаленщиков разбиваются об реальность 👉 @frontendInterview

10 666

Какой из следующих свойств position не позволяет использовать z-index для управления порядком элементов?

Anonymous voting

10 666

В новом выпуске подкаста «Времена НаСтали» руководитель отдела frontend-разработки Олег Рогов и руководитель команды дизайна Анна Труфанова рассказали о low-code решениях в веб-дизайне. Технология использования платформ позволяет создавать приложения без глубоких знаний в области программирования. Такой подход полезен, если к разработке веб-интерфейсов нужно привлечь бизнес-аналитиков или экспертов из другой нетехнической области. В подкасте ответили на следующие вопросы. — Как low-code влияет на процесс дизайна? — В чем главные преимущества использования этих инструментов по сравнению с традиционными методами разработки? — Нужно ли иметь базовые знания программирования? — Каковы текущие тенденции и будущее развитие low-code инструментов в контексте дизайна? Слушать подкаст на Яндекс.Музыке!

10 666

Feature-Sliced Design (FSD): Основы и практические примеры архитектуры Когда я только начинал свою карьеру фронтенд-разработчика, часто сталкивался с проблемами поддержки кода в проектах. Со временем я понял, что структура кода имеет решающее значение. Так я узнал о Feature-Sliced Design. Этот подход помогает разбивать проект на функциональные части, что упрощает работу с кодом и его сопровождение. Давайте разберемся как это работает. 👉 @frontendInterview

10 666

Выразительный React: простые компоненты на сервере В статье вы познакомитесь с React и создадите первый простой компонент — прямоугольник с собачкой. В этом примере мы не будем запускать код в браузере. Вместо этого напишем простой скрипт, который запустит сервер и отдаст HTML-страницу с компонентом. Эта техника называется рендеринг на стороне сервера (Server-Side Rendering, SSR). 👉 @frontendInterview

10 666

⚡ Открытый урок «Эффективная работа с Next.js и TypeScript» 🗓 25 ноября в 20:00 МСК 🆓 Бесплатно. Урок в рамках старта курса «Практический курс по TypeScript» от Otus. На вебинаре: ✔разберем, как создавать масштабируемые и производительные приложения с помощью Next.js и TypeScript; ✔ поговорим об использовании статической и серверной генерации, работе с маршрутизацией и оптимизации производительности; ✔обсудим типизацию компонентов и интеграцию с внешними API для создания надежных приложений. 🔗 Ссылка на регистрацию: https://vk.cc/cEXrnX 🎁 Только в "Черную пятницу", скидки на курс до 15%! Подробности у менеджеров. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 erid 2SDnjeC

10 666

Как удалить элемент из localStorage?

Anonymous voting

10 666

Большая кладовая онлайн-курсов Stepik – незаменимый спутник для тех, кто работает удаленно и любит путешествовать, так как помогает учиться в любой точке мира. Это отличная альтернатива чтению книги и просмотру фильма: позволит вам скоротать время в дороге, осваивая полезный навык или подтягивая иностранный язык, особенно удобно это делать в мобильном приложении. У Stepik есть свой телеграм-канал, в котором они рассказывают об авторских курсах (как платных, так и бесплатных), а также публикует полезные статьи и ссылки. У них есть такие подборки курсов: - Разработка на Python - Дизайн и графика - Тестирование ПО - Работа с данными Подпишитесь на stepik_courses и найдите интересующий курс для себя! Подписаться #реклама 16+ О рекламодателе

10 666

Приглашаем на вебинар курса Fullstack Developer! 📅 Дата: 20 ноября 2024 года 🕗 Время: 20:00 (мск) 📍 Тема: Базовое использование системы контроля версий Git ## Что будет на вебинаре? - Введение в систему контроля версий, основные команды и концепции (репозитории, коммиты, ветки). - Как клонировать репозиторий, выполнять слияния и разрешать конфликты при работе в команде. - Рекомендации по эффективному использованию Git и обзор популярных инструментов для удобства работы (например, GitHub, GitLab). ## Что узнают участники? - Основные команды и концепции Git: как использовать команды git init, git add, git commit, git branch и другие. Эти знания помогут создать и управлять своими проектами, отслеживая изменения в коде и организуя свою работу более эффективно. - Работа с удалёнными репозиториями: научатся клонировать репозитории, отправлять свои изменения и синхронизировать локальные изменения с удалёнными. Эти навыки будут полезны для совместной работы над проектами в командах и использования платформ, таких как GitHub или GitLab. - Разрешение конфликтов и управление ветками: как управлять различными ветками в проекте и разрешать конфликты, которые могут возникнуть при слиянии изменений. Эти навыки помогут более уверенно работать в команде, минимизируя риски потери данных и улучшая процесс разработки. Не упустите возможность улучшить свои навыки и стать более уверенным разработчиком! Присоединяйтесь к нашему вебинару и узнайте все секреты работы с Git. 🔗 Зарегистрироваться на вебинар: https://vk.cc/cEUXOc Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru erid 2SDnjeBbtfm

10 666

Событие change Событие change срабатывает, когда пользователь изменяет значение в <input>, <select> или <textarea> и фиксирует свои изменения. Это событие лучше всего использовать при создании форм, когда не требуется постоянно взаимодействовать с каждым изменённым символом в поле ввода. Так же данное событие пригодится и при создании чекбоксов, полей выбора и т. п. Когда использовать В текстовых полях (<input>, <textarea>), когда нужно получить окончательное значение после завершения ввода. В выпадающих списках (<select>), если пользователь выбрал новое значение из дропдауна с доступными опциями. Чекбоксы и радиокнопки (<input type="checkbox">, <input type="radio">), когда состояние переключается между «выбрано» и «не выбрано». Например, при отправке формы или при взаимодействии с выбором нескольких значений (чекбоксы или выпадающие списки). Пример:

const input = document.querySelector('.input')

input.addEventListener('change', function (event) {
  console.log(event.target.value)
})

В этом примере мы выбираем элемент с классом .input с помощью document.querySelector(). Используя метод addEventListener, мы привязываем обработчик события change к элементу. Этот обработчик будет вызываться, когда событие произойдет. Внутри функции мы можем получить новое значение элемента с помощью event.target.value. Это значение будет отображено в консоли после изменения и подтверждения ввода пользователем. 👉 @frontendInterview

10 666

Как мы делаем СУБД Pangolin? Привет! На связи команда разработки СУБД Platform V Pangolin. Мы делаем полезное сообщество для всех профессионалов из мира СУБД и всех, кому интересен наш продукт. Пишем о том, как делаем Pangolin, разбираем ваши кейсы в чате, помогаем решать рабочие задачки, зовем на бесплатные вебинары и митапы, проводим квизы про базы данных, разбираем английский сленг, а еще у нас есть вакансии и идеи для хобби айтишников... Подпишитесь, у нас как раз много нового! Подписаться #реклама 16+ О рекламодателе

10 666

Trash Party Вы получите trash1 и trash2, которые могут иметь следующие значения:

[], false, '', new Array(), null, NaN, undefined, 0, -0, 0n, -0n, '0'.

Вы должны вернуть булево значение, если они строго равны. Примечание: тройное равенство === и строгое неравенство !== не допускаются Пример:

compareTrash(0, false) => false
compareTrash('', '')   => true
compareTrash([], 0)    => false

👉 @frontendInterview

10 666

Лемей_М_Agile_для_всех_IT_для_бизнеса_2019.pdf3.11 MB

10 666

Agile для всех AGILE дает реальные и действенные ответы на вопрос, который не дает спокойно спать руководителям: «Как оставаться успешным в быстро меняющемся и непредсказуемом мире?» Эта методология уже завоевала рынок, доказав что является одним из лучших подходов для создания и доставки программного обеспечения. «Agile для всех» адресован практикам, из этой книги вы узнаете как целые организации — от менеджеров по продукту и разработчиков до маркетологов и руководителей — могут использовать «гибкий» подход. Мэтт Лемей просто и без сленга объясняет, что такое Agile, и предлагает конкретные и действенные шаги, позволяющие любой команде реализовать свои задачи максимально эффективно. Вы найдете множество примеров, которые подойдут для любого типа и размера организации — от стартапов до крупных предприятий, — позволяющих реализовать Agile-подход в разных сферах деятельности. 👉 @frontendInterview

10 666

Помощь в трудоустройстве в IT-сфере! В России из-за дефицита айтишников запустили бесплатную программу по обучению IT-специалистов. Теперь любой желающий может попробовать себя в IT с полного нуля и начать обучение бесплатно! Узнайте про дальнейшее трудоустройство в ведущие IT-компании для восполнения кадрового дефицита. Для этого нужно: - Перейти по ссылке - Заполнить анкету и ответить на вопросы (занимает менее 3 минут) - На основании ваших ответов вы сразу узнаете, подходит ли вам сфера IT и сможете ли вы в ней работать Перейти на сайт #реклама 16+ urban-university.ru О рекламодателе

10 666

Что такое falsy значения? "falsy" (ложные) значения — это значения, которые при приведении к логическому типу (Boolean) дают false. Эти значения часто используются в условиях (например, в if выражениях) для проверки истинности или ложности. Основные значения: false: Само значение false является ложным.

  if (false) {
     console.log('Это не выполнится');
   }

0 и -0: Нулевые значения считаются ложными.

if (0) {
     console.log('Это не выполнится');
   }

if (-0) {
     console.log('Это тоже не выполнится');
   }

"" (пустая строка): Пустая строка считается ложной.

if ("") {
     console.log('Это не выполнится');
   }

null: Значение null также является ложным.

if (null) {
     console.log('Это не выполнится');
   }

undefined: Значение undefined является ложным.

if (undefined) {
     console.log('Это не выполнится');
   }

NaN (Not-a-Number): Специальное значение NaN, которое обозначает нечисловое значение, считается ложным.

if (NaN) {
     console.log('Это не выполнится');
   }

10 666

UX designer - нарисовал Devs - сделали QA - протестировали Пользователь: 👉 @frontendInterview

10 666

Как можно сделать куки недоступными для JavaScript?

Anonymous voting

10 666

Войти в IT – в 37 и с дипломом филфака Я нашла свою первую работу тестировщика в 37 лет, с гуманитарным образованием, без коммерческого опыта и без курсов. В этой статье хочу показать все максимально объективно – и успехи, и разочарования на этом пути. 👉 @frontendInterview