Frontend | Вопросы собесов

Open in Telegram

Сайт: https://easyoffer.ru/ Все каналы: t.me/+xGeAw6ckJ4liYzQy Контакт для рекламы: @sendme_ads

Network:easyoffer Russia37 020 Technologies & Applications7 199...

📈 Analytical overview of Telegram channel Frontend | Вопросы собесов

Channel Frontend | Вопросы собесов (@easy_javascript_ru) in the Russian language segment is an active participant. Currently, the community unites 17 617 subscribers, ranking 7 199 in the Technologies & Applications category and 37 020 in the Russia region.

📊 Audience metrics and dynamics

Since its creation on невідомо, the project has demonstrated rapid growth, gathering an audience of 17 617 subscribers.

According to the latest data from 06 October, 2026, the channel demonstrates stable activity. Although there has been a change in the number of participants by -163 over the last 30 days and by -2 over the last 24 hours, overall reach remains high.

Verification status: Not verified
Engagement rate (ER): The average audience engagement rate is 6.45%. Within the first 24 hours after publication, content typically collects 4.44% reactions from the total number of subscribers.
Post reach: On average, each post receives 1 137 views. Within the first day, a publication typically gains 783 views.
Reactions and interaction: The audience actively supports content: the average number of reactions per post is 5.
Thematic interests: Content is focused on key topics such as ставь, браузер, html, border, flex.

📝 Description and content policy

The author describes the resource as a platform for expressing subjective opinions:
“Сайт: https://easyoffer.ru/ Все каналы: t.me/+xGeAw6ckJ4liYzQy Контакт для рекламы: @sendme_ads”

Thanks to the high frequency of updates (latest data received on 07 October, 2026), the channel maintains relevance and a high level of publication reach. Analytics show that the audience actively interacts with content, making it an important point of influence in the Technologies & Applications category.

17 617

Subscribers

-224 hours

-407 days

-16330 days

1 137

Post views

~ 78324 hours

~ 89348 hours

6.45%

Engagement rate

~ 2

Posts per day

Ads index

beta

Data loading in progress...

Similar Channels

25.8K

FrontEndDev

16.5K

React Job | JavaScript | Вакансии

10.4K

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

9.5K

HTML Academy

2.6K

progway — программирование, IT

More channels

Tags Cloud

Incoming and Outgoing Mentions

---

Attracting Subscribers

October '26Oct '26

October '26

in 0 channels

September '26

+10

in 0 channels

Get PRO

August '26

+28

in 0 channels

Get PRO

July '26

+29

in 0 channels

Get PRO

June '26

+26

in 2 channels

Get PRO

May '26

+41

in 0 channels

Get PRO

April '26

+28

in 0 channels

Get PRO

March '26

+28

in 0 channels

Get PRO

February '26

+42

in 0 channels

Get PRO

January '26

+97

in 1 channels

Get PRO

December '25

+15

in 2 channels

Get PRO

November '25

+120

in 0 channels

Get PRO

October '25

+89

in 0 channels

Get PRO

September '25

+55

in 0 channels

Get PRO

August '25

+65

in 0 channels

Get PRO

July '25

+98

in 0 channels

Get PRO

June '25

+103

in 2 channels

Get PRO

May '25

+121

in 2 channels

Get PRO

April '25

+171

in 0 channels

Get PRO

March '25

+162

in 5 channels

Get PRO

February '25

+359

in 5 channels

Get PRO

January '25

+531

in 53 channels

Get PRO

December '24

+285

in 1 channels

Get PRO

November '24

+539

in 0 channels

Get PRO

October '24

+1 456

in 46 channels

Get PRO

September '24

+2 372

in 275 channels

Get PRO

August '24

+742

in 0 channels

Get PRO

July '24

+855

in 54 channels

Get PRO

June '24

+3 780

in 245 channels

Get PRO

May '24

+3 174

in 224 channels

Get PRO

April '24

+2 890

in 69 channels

Get PRO

March '24

+2 687

in 48 channels

Get PRO

February '24

+3 294

in 32 channels

Date	Subscriber Growth	Mentions	Channels
07 October	0
06 October	0
05 October	0
04 October	0
03 October	0
02 October	0
01 October	+1

\n\n\n\n🟠React\nОбработчики событий добавляются непосредственно к JSX-элементам с использованием специальных атрибутов, таких как onClick, onChange и т.д.\nimport React from 'react';\n\nfunction App() {\n const handleClick = () => {\n alert('Button was clicked!');\n };\n\n return (\n

\n \n

\n );\n}\n\nexport default App;\n\n🟠jQuery\nЕсли вы используете его, добавление слушателей событий также очень просто и удобно.\n\n\n\n \n Event Listener Example\n \n\n\n \n\n \n\n\n\n🚩Почему это удобно и важно\n\n🟠Интерактивность\nПозволяет создавать динамичные и отзывчивые интерфейсы.\n🟠Гибкость\nВозможность реагировать на различные действия пользователей.\n🟠Удобство\nВ каждом подходе (чистый JavaScript, React, jQuery) есть свои удобства и особенности, которые помогают решать задачи более эффективно.\n\nСтавь 👍 и забирай 📚 Базу знаний","datePublished":"2026-10-01T09:05:44Z","dateModified":"2026-10-01T09:05:44Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/en/channels/1917151177-easy_javascript_ru","image":"https://img.tlmtr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/en/channels/1917151177-easy_javascript_ru","image":"https://img.tlmtr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":1010},{"@type":"InteractionCounter","interactionType":"https://schema.org/ShareAction","userInteractionCount":3}]}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1917151177-easy_javascript_ru/posts/3001","url":"https://telemetr.io/en/channels/1917151177-easy_javascript_ru/posts/3001","mainEntityOfPage":"https://telemetr.io/en/channels/1917151177-easy_javascript_ru/posts/3001","headline":"REKONFA: что интересного вас ждёт 15 октября 15 октября встречаемся на REKONFA — большой конференции Яндекс Р…","articleBody":"REKONFA: что интересного вас ждёт 15 октября\n\n15 октября встречаемся на REKONFA — большой конференции Яндекс Рекламы.\n\nНа сцене:\n— Глеб Доброрадных — о рекламном рынке и эффективности в сложных условиях\n— Алексей Штоколов — о новых продуктах и технологиях\n— Лиза Смирнова — о 360°-форматах и новых точках контакта\n— Александр Пушной — о человеке и ИИ\n— Александр Умаров — о персональном подходе, который помогает влюблять клиентов в бренд\n— Яна Чурикова — об актуальных задачах предпринимателей\n— Татьяна Мужицкая — о целях и энергии\n— Антон Беляев — об индивидуальности и проектах, которые любят зрители\nВне сцены — зона продуктов Яндекс Рекламы, три игры, викторина, зоны Яндекс Ярда и eLama и нетворкинг.\n\n15 октября, Москва, ВТБ Арена и онлайн. Участие бесплатное. \n\nЗарегистрироваться\n\n#реклама 16+\nya.rekonfa.ru\nО рекламодателе","datePublished":"2026-09-30T18:38:29Z","dateModified":"2026-10-02T16:55:12Z","author":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/en/channels/1917151177-easy_javascript_ru","image":"https://img.tlmtr.io/c/25KaBb/5431453649143450783?ty=x"},"publisher":{"@type":"Organization","name":"Frontend | Вопросы собесов","url":"https://telemetr.io/en/channels/1917151177-easy_javascript_ru","image":"https://img.tlmtr.io/c/25KaBb/5431453649143450783?ty=x"},"commentCount":0,"interactionStatistic":[{"@type":"InteractionCounter","interactionType":"https://schema.org/ViewAction","userInteractionCount":858}]}}]}

Channel Posts

🤔 Что такое и как работает CI/CD? CI/CD — это процесс автоматизации: - CI (Continuous Integration) — проверка кода, тесты, сборка. - CD (Continuous Delivery/Deployment) — автоматическая доставка на сервер. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚 Базу знаний

2	🤔 Что такое merge и rebase, в чем отличие друг от друга? Это два способа интеграции изменений из одной ветки в другую в системе контроля версий Git. Оба метода имеют свои особенности и подходят для разных сценариев. 🚩Merge (слияние) Объединяет изменения из одной ветки в другую, создавая новый коммит слияния (merge commit). Этот метод сохраняет историю всех коммитов, включая все ветвления и слияния. Предположим, у вас есть две ветки: main и feature. В ветке feature вы сделали несколько коммитов. Вы хотите объединить изменения из feature в main. git checkout main git merge feature 🚩Rebase (перебазирование) Перемещает или переписывает базу текущей ветки на указанную базу другой ветки. Это переписывает историю коммитов, создавая новые коммиты для каждого из оригинальных коммитов. Предположим, у вас есть две ветки: main и feature. В ветке feature вы сделали несколько коммитов. Вы хотите перенести изменения из feature на текущий конец main. git checkout feature git rebase main 🚩Основные отличия 🟠История коммитов Merge: Сохраняет всю историю, включая коммиты слияния. История показывает, когда и как происходили слияния веток. Rebase: Переписывает историю, делая её линейной. История показывает, как если бы все изменения были сделаны последовательно, без ветвлений. 🟠Коммиты слияния Merge: Создает новый коммит слияния, который объединяет изменения из двух веток. Rebase: Не создает коммит слияния. Перебазирование "переносит" коммиты одной ветки на другую. 🟠Конфликты Merge: Конфликты решаются один раз при слиянии. Rebase: Конфликты могут возникнуть на каждом коммите, и их нужно решать поэтапно. 🟠Применение Merge: Хорош для сохранения полного контекста истории разработки, особенно в командной работе. Rebase: Хорош для поддержания чистой, линейной истории, особенно перед слиянием ветки в основную ветку, например, main или master. Ставь 👍 и забирай 📚 Базу знаний	507
3	🔥 Скрытые вакансии с удаленной работой для Frontend разработчика, которые нигде больше не публикуются. Напрямую от компаний, с контактами рекрутеров. 🔹 Frontend Jobs \| Вакансии 🔹 Node.js Jobs \| Вакансии 🔸 Все каналы с вакансиями	662
4	Открытый урок: бизнес-логика в микросервисах Разработка в микросервисах — это не только разбиение на сервисы, но и грамотное распределение логики. 22 октября в 19:00 мск — открытый урок для разработчиков и архитекторов. Узнаете, где должна жить бизнес-логика. Запишитесь! Зарегистрироваться #реклама 16+ otus.ru О рекламодателе	703
5	🤔 Как передать данные из родительского компонента в дочерний? Передача данных из родительского компонента в дочерний компонент — это одна из основных задач в работе с компонентами в React. Это делается с помощью пропсов (props). Пропсы — это способ передачи данных и событий от родительского компонента к дочернему. 🚩Шаги для передачи данных из родительского компонента в дочерний 1⃣Создание родительского компонента В родительском компоненте мы создаем состояние или просто определяем данные, которые хотим передать. Затем передаем эти данные в дочерний компонент через пропсы. 2⃣Приём данных в дочернем компоненте В дочернем компоненте мы получаем пропсы и используем их для отображения данных или выполнения других действий. Родительский компонент (ParentComponent.js) import React from 'react'; import ChildComponent from './ChildComponent'; function ParentComponent() { const message = "Привет, дочерний компонент!"; return ( <div> <h1>Родительский компонент</h1> <ChildComponent message={message} /> </div> ); } export default ParentComponent; Дочерний компонент (ChildComponent.js) import React from 'react'; function ChildComponent(props) { return ( <div> <h2>Дочерний компонент</h2> <p>{props.message}</p> </div> ); } export default ChildComponent; 🚩Пояснение 1⃣В родительском компоненте `ParentComponent`: Создаем переменную message, содержащую строку "Привет, дочерний компонент!". В JSX разметке мы рендерим дочерний компонент ChildComponent, передавая ему пропс message со значением переменной message. 2⃣В дочернем компоненте ChildComponent: Принимаем пропс message через параметр props. Используем props.message для отображения переданной строки внутри тега <p>. 🚩Дополнительные примеры Родительский компонент (ParentComponent.js) import React from 'react'; import ChildComponent from './ChildComponent'; function ParentComponent() { const user = { name: "Иван", age: 25 }; return ( <div> <h1>Родительский компонент</h1> <ChildComponent user={user} /> </div> ); } export default ParentComponent; Дочерний компонент (ChildComponent.js) import React from 'react'; function ChildComponent(props) { return ( <div> <h2>Дочерний компонент</h2> <p>Имя: {props.user.name}</p> <p>Возраст: {props.user.age}</p> </div> ); } export default ChildComponent; Ставь 👍 и забирай 📚 Базу знаний	646
6	+6 5 офферов получили наши ребята на прошлой неделе Оффер на 4,2k долларов Оффер на 5k евро Оффер 260k рублей Оффер на 210k рублей Оффер на 220k рублей И еще 19 за сентябрь... а за лето более 50... и у тебя получится! 👋 Меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и не бросаю на испытательном сроке. Вокруг меня собралось целое комьюнити из почти 300 фронтендеров. Я веду канал, в котором уже 15 тыс разработчиков. Регулярно публикую полезные материалы по подготовке к собесам. А еще каждый четверг у нас проходят полезные стримы с решениями задач и разборами резюме) Забирайте в закрепленном сообщении Полные разборы реальных собеседований: Сбер, VK, OZON, M-Video, Evrone, еще раз OZON, IT One, Trading View, МТС, Лантан, ДОМ.РФ Сборники вопросов по темам: Кибербезопасность на собеседовании Все вопросы по React на собеседовании Все вопросы по TypeScript на собеседовании Как решать задачи двумя указателями Вопросы с Vue собеседований Вопросы по сетям и методологиям с 200 собесов Вопросы по JS с 200 собесов Какие задачи спрашивают на livecoding чаще Полезные посты: Job-борды для поиска работы Запись нашего самого кринжового собеса Новый HTTP метод QUERY 🏆Статистика по рынку: Июль, Июнь, Май, Апрель, Март Подписывайся 👇 frontend_punks Реклама, erid: 2W5zFJ982Rw ИП Галактионов Тихон Витальевич, ИНН 771618975809	741
7	Олимпиада Высшая проба: промышленное программирование Участвуй в олимпиаде школьников 9-11 класса по промышленному программированию от Яндекса и ВШЭ. Победителям — БВИ или 100 баллов по профильному предмету в топовых вузах России. Регистрируйся до 20 октября! Узнать больше #реклама olymp.hse.ru О рекламодателе	801
8	🤔 Что известно про user-agent стили и способы работы с ними? User-agent стили — это базовые стили браузера. Они автоматически применяются к HTML-элементам (например, отступы у <body>). Чтобы работать с ними, часто применяют CSS reset или normalize.css. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚 Базу знаний	861
9	🤔 Расскажи про mobx MobX — это библиотека для управления состоянием в JavaScript-приложениях, особенно в React. Она основана на реактивности и позволяет автоматически отслеживать изменения данных, обновляя интерфейс только там, где это необходимо. 🚩Основные принципы MobX 🟠Модели данных – `observable` (наблюдаемые) MobX делает объекты реактивными, автоматически отслеживая их изменения. import { makeAutoObservable } from "mobx"; class Store { count = 0; constructor() { makeAutoObservable(this); // Автоматически делает свойства "наблюдаемыми" } increment() { this.count++; } } const store = new Store(); 🟠Экшены (`actions`) Это методы, которые изменяют состояние. store.increment(); // Увеличит count и автоматически обновит UI 🟠Компоненты подписываются на изменения – `observer` Чтобы React-компонент обновлялся при изменении данных, его нужно обернуть в observer (из mobx-react-lite). import React from "react"; import { observer } from "mobx-react-lite"; const Counter = observer(({ store }) => ( <div> <p>Счетчик: {store.count}</p> <button onClick={() => store.increment()}>+</button> </div> )); export default Counter; 🟠Компьютед-свойства (`computed`) Это вычисляемые значения, которые пересчитываются только при изменении зависимостей. class Store { count = 2; constructor() { makeAutoObservable(this); } get double() { return this.count * 2; } } const store = new Store(); console.log(store.double); // 4 store.count = 5; console.log(store.double); // 10 (пересчиталось автоматически) Ставь 👍 и забирай 📚 Базу знаний	869
10	Аренда VPS/VDS-сервера. Виртуальные выделенные серверы в дата-центрах уровня Tier III — 7 готовых конфигураций от 200 ₽/мес. Преимущества аренды: - Выделенные ресурсы без переплаты; - KVM-виртуализация; - Быстрые NVMe SSD; - Бесплатная защита от DDoS; - Управление через панель, API и Terraform; - Техподдержка 24/7. Запустите сервер за несколько минут! Попробовать #реклама 16+ selectel.ru О рекламодателе	899
11	🤔 В чём отличие amend от squash? amend заменяет последний коммит, добавляя новые изменения или меняя сообщение. squash объединяет несколько коммитов в один, используется в git rebase -i для "очистки" истории перед пушем. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚 Базу знаний	976
12	🤔 Можно ли перезапустить остановленный promise? Нет, Promise в JavaScript нельзя перезапустить. Промисы являются одноразовыми: после того как они переходят в одно из состояний — выполнен (resolved) или отклонён (rejected) — их состояние больше не может измениться. Это одно из ключевых свойств промисов. 🚩Почему нельзя перезапустить Promise? Промис, как только выполняется, становится иммутабельным. После выполнения (resolve) или отклонения (reject), он остаётся в этом состоянии навсегда. Промисы предназначены для представления единственного результата асинхронной операции. Их дизайн не предполагает повторного запуска той же самой асинхронной логики. const myPromise = new Promise((resolve, reject) => { resolve('Done!'); }); myPromise.then((result) => console.log(result)); // "Done!" // Даже если вы попытаетесь вызвать resolve или reject снова, ничего не произойдет myPromise.then((result) => console.log(result)); // "Done!" (результат уже закеширован) 🚩Что делать, если нужно "перезапустить" асинхронную операцию? Если вы хотите выполнить операцию заново, вместо "перезапуска" Promise нужно создать новый Promise или использовать функцию, которая возвращает новый Promise каждый раз. function createPromise() { return new Promise((resolve, reject) => { setTimeout(() => resolve('Я новый промис!'), 1000); }); } // Первый вызов createPromise().then((result) => console.log(result)); // "Я новый промис!" // "Перезапуск" createPromise().then((result) => console.log(result)); // "Я новый промис!" (новый промис создан) 🚩Как это сделать с использованием `async/await`? Это синтаксический сахар над промисами. Если вам нужно "перезапустить" асинхронную операцию, просто вызовите асинхронную функцию ещё раз. async function fetchData() { return new Promise((resolve) => { setTimeout(() => resolve('Данные загружены!'), 1000); }); } async function main() { const data1 = await fetchData(); console.log(data1); // "Данные загружены!" const data2 = await fetchData(); // "Перезапуск" fetchData console.log(data2); // "Данные загружены!" } main(); 🚩Повторная попытка выполнения промиса (ретрай) Если вам нужно повторно попытаться выполнить операцию (например, в случае неудачи), можно реализовать "ретрай". Это особенно полезно для операций вроде сетевых запросов. function fetchDataWithRetry(retries) { return new Promise((resolve, reject) => { setTimeout(() => { if (Math.random() > 0.7) { // 70% шансов на ошибку resolve('Данные успешно загружены!'); } else { reject('Ошибка загрузки данных'); } }, 1000); }).catch((error) => { if (retries > 0) { console.log(`Повторная попытка... Осталось: ${retries}`); return fetchDataWithRetry(retries - 1); // Рекурсивный вызов } else { throw error; // Если попытки исчерпаны, выбрасываем ошибку } }); } fetchDataWithRetry(3) .then((data) => console.log(data)) .catch((error) => console.error(error)); Ставь 👍 и забирай 📚 Базу знаний	907
13	Ключевое ИБ-событие года SOC Forum — одно из крупнейших событий в сфере ИБ, которое проходит в рамках Российской недели кибербезопасности. ✅ Здесь встречаются эксперты, представители бизнеса и госструктур, чтобы обсудить ключевые вызовы отрасли. Событие, которое нельзя пропустить. Для тех, кто не может присутствовать лично, будет запущена онлайн-трансляция: 👌 Переключайтесь между залами. 👌 Выбирайте только актуальные для вас выступления. 👌 Задавайте вопросы спикерам в прямом эфире. 👌 Участвуйте в интерактивах. И все это не выходя из дома. Зарегистрируйтесь, и мы напомним о старте трансляции и пришлем ссылку, чтобы вы ничего не пропустили. Узнать больше #реклама 16+ registration.forumsoc.ru О рекламодателе	803
14	🤔 Что известно про шаблонное проектирование, которое ты использовал в разработке? Шаблонное проектирование (template-based) — это использование предзаданных структур, классов или функций как "заготовок". В TS это может быть: - Generics — шаблоны типов; - Абстрактные классы — базовые реализации; - React шаблоны компонентов; - CLI scaffolding — генераторы файлов по шаблонам. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚 Базу знаний	875
15	🤔 Какие знаешь подходы по написанию css? Существует несколько методологий и подходов к написанию CSS, которые помогают структурировать код, сделать его более читаемым, масштабируемым и поддерживаемым. Рассмотрим основные. 🟠Классический (обычный) CSS Стандартное написание CSS без структурных ограничений. .button { background-color: blue; color: white; padding: 10px; } 🟠BEM (Block Element Modifier) BEM — один из самых популярных методологий. Он помогает избежать конфликтов классов и улучшает читаемость кода. - Block (Блок) — независимый компонент (.button). - Element (Элемент) — часть блока (.button__icon). - Modifier (Модификатор) — изменение блока (.button--primary). <button class="button button--primary"> <span class="button__icon"></span> Нажми меня </button> .button { background-color: gray; color: white; padding: 10px; } .button--primary { background-color: blue; } .button__icon { margin-right: 5px; } 🟠OOCSS (Object-Oriented CSS) OOCSS (Объектно-ориентированный CSS) предлагает разбивать стили на структуру и внешний вид, чтобы повторно использовать код. .card { border: 1px solid #ccc; padding: 10px; } .card--dark { background-color: black; color: white; } 🟠CSS-in-JS (Styled Components, Emotion) Этот подход популярен в React и других фреймворках, где стили пишутся внутри JavaScript. import styled from 'styled-components'; const Button = styled.button` background-color: blue; color: white; padding: 10px; `; export default function App() { return <Button>Нажми меня</Button>; } 🟠Utility-First (Tailwind CSS) В этом подходе используются готовые утилитарные классы для быстрого стилизации. <button class="bg-blue-500 text-white p-2 rounded">Кнопка</button> Ставь 👍 и забирай 📚 Базу знаний	867
16	Рассрочка 0% на квартиры клубного формата в Анапе 38 малоэтажных домов на территории 27 га. Каскадный бассейн и зелёные дворы. Узнать больше #реклама mrqz.me О рекламодателе	740
17	🤔 Какие статические методы promise знаешь? Promise – это объект, представляющий отложенный результат (асинхронную операцию). Помимо new Promise(), у Promise есть статические методы, которые помогают работать с несколькими промисами. 🟠`Promise.resolve(value)` – создаёт выполненный промис Возвращает успешно выполненный Promise с переданным значением. Promise.resolve(42).then(console.log); // 42 🟠`Promise.reject(error)` – создаёт отклонённый промис Возвращает промис в состоянии "отклонён" (rejected). Promise.reject("Ошибка!").catch(console.error); // "Ошибка!" 🟠`Promise.all(promises)` – ждёт ВСЕ промисы или первый `reject` Выполняет все промисы параллельно и ждёт, пока ВСЕ выполнятся. Если один промис отклонится, Promise.all немедленно выдаст ошибку. Promise.all([ Promise.resolve(10), Promise.resolve(20), Promise.resolve(30), ]).then(console.log); // [10, 20, 30] Ошибка прерывает выполнение Promise.all([ Promise.resolve(1), Promise.reject("Ошибка!"), Promise.resolve(3), ]).catch(console.error); // "Ошибка!" 🟠`Promise.allSettled(promises)` – ждёт ВСЕ промисы, не падает при `reject` Возвращает массив состояний (fulfilled или rejected) каждого промиса. Никогда не отклоняется, даже если есть ошибки. Promise.allSettled([ Promise.resolve(100), Promise.reject("Ошибка!"), Promise.resolve(300), ]).then(console.log); Выведет [ { status: "fulfilled", value: 100 }, { status: "rejected", reason: "Ошибка!" }, { status: "fulfilled", value: 300 } ] 🟠`Promise.race(promises)` – ждёт ТОЛЬКО первый завершённый промис Возвращает результат ПЕРВОГО выполненного или отклонённого промиса. Promise.race([ new Promise(res => setTimeout(() => res("Промис 1"), 500)), new Promise(res => setTimeout(() => res("Промис 2"), 300)), ]).then(console.log); // "Промис 2" (он быстрее) 🟠`Promise.any(promises)` – ждёт ПЕРВЫЙ успешный промис Возвращает результат ПЕРВОГО выполненного (fulfilled) промиса. Если ВСЕ промисы отклонены (rejected), возвращает AggregateError. Promise.any([ Promise.reject("Ошибка 1"), Promise.resolve("Успех!"), Promise.reject("Ошибка 2"), ]).then(console.log); // "Успех!" Ошибка, если все промисы reject Promise.any([ Promise.reject("Ошибка 1"), Promise.reject("Ошибка 2"), ]).catch(console.error); // AggregateError: Все промисы отклонены Ставь 👍 и забирай 📚 Базу знаний	921
18	Книга «7 Мощных Психотехнологий». Уникальные практики! Скачайте книгу бесплатно! Эти психотехнологии имеют потрясающую результативность. Узнать больше #реклама 16+ lifexpert.ru О рекламодателе	871
19	🤔 Как добавить слушатель события? Это важный аспект работы с веб-приложениями, так как позволяет реагировать на действия пользователя, такие как клики, ввод текста, прокрутка и другие. В современных фреймворках и библиотеке JavaScript есть несколько способов добавить слушатели событий. 🚩Почему это нужно? Слушатели событий позволяют интерактивно реагировать на действия пользователей, делая приложения динамичными и отзывчивыми. Например, при клике на кнопку можно вызвать определенную функцию, при вводе текста в поле — обновить состояние и так далее. 🚩Как это используется? Рассмотрим три основных подхода к добавлению слушателей событий: в чистом JavaScript, в React и с использованием jQuery. 🟠Чистый JavaScript Для добавления слушателя события используется метод addEventListener. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Event Listener Example</title> </head> <body> <button id="myButton">Click me</button> <script> const button = document.getElementById('myButton'); button.addEventListener('click', () => { alert('Button was clicked!'); }); </script> </body> </html> 🟠React Обработчики событий добавляются непосредственно к JSX-элементам с использованием специальных атрибутов, таких как onClick, onChange и т.д. import React from 'react'; function App() { const handleClick = () => { alert('Button was clicked!'); }; return ( <div> <button onClick={handleClick}>Click me</button> </div> ); } export default App; 🟠jQuery Если вы используете его, добавление слушателей событий также очень просто и удобно. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Event Listener Example</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <button id="myButton">Click me</button> <script> $(document).ready(function() { $('#myButton').on('click', function() { alert('Button was clicked!'); }); }); </script> </body> </html> 🚩Почему это удобно и важно 🟠Интерактивность Позволяет создавать динамичные и отзывчивые интерфейсы. 🟠Гибкость Возможность реагировать на различные действия пользователей. 🟠Удобство В каждом подходе (чистый JavaScript, React, jQuery) есть свои удобства и особенности, которые помогают решать задачи более эффективно. Ставь 👍 и забирай 📚 Базу знаний	1 010
20	REKONFA: что интересного вас ждёт 15 октября 15 октября встречаемся на REKONFA — большой конференции Яндекс Рекламы. На сцене: — Глеб Доброрадных — о рекламном рынке и эффективности в сложных условиях — Алексей Штоколов — о новых продуктах и технологиях — Лиза Смирнова — о 360°-форматах и новых точках контакта — Александр Пушной — о человеке и ИИ — Александр Умаров — о персональном подходе, который помогает влюблять клиентов в бренд — Яна Чурикова — об актуальных задачах предпринимателей — Татьяна Мужицкая — о целях и энергии — Антон Беляев — об индивидуальности и проектах, которые любят зрители Вне сцены — зона продуктов Яндекс Рекламы, три игры, викторина, зоны Яндекс Ярда и eLama и нетворкинг. 15 октября, Москва, ВТБ Арена и онлайн. Участие бесплатное. Зарегистрироваться #реклама 16+ ya.rekonfa.ru О рекламодателе	858

View all posts