uz
Feedback
JavaScript задачи с собеседований

JavaScript задачи с собеседований

Kanalga Telegram’da o‘tish

Задачи, тесты и теоретические вопросы по JavaScript. Так же react, vue, angular, node.js Прислать задачу/вопрос в дар: @cyberJohnny Сотрудничество: @cyberJohnny

Ko'proq ko'rsatish
4 808
Obunachilar
-324 soatlar
-157 kunlar
-3830 kunlar
Obunachilarni jalb qilish
Iyun '26
Iyun '260
0 kanalda
May '26
+7
0 kanalda
Get PRO
Aprel '26
+12
0 kanalda
Get PRO
Mart '26
+13
0 kanalda
Get PRO
Fevral '26
+7
0 kanalda
Get PRO
Yanvar '26
+10
0 kanalda
Get PRO
Dekabr '25
+12
0 kanalda
Get PRO
Noyabr '25
+13
0 kanalda
Get PRO
Oktabr '25
+7
0 kanalda
Get PRO
Sentabr '25
+9
0 kanalda
Get PRO
Avgust '25
+7
0 kanalda
Get PRO
Iyul '25
+7
0 kanalda
Get PRO
Iyun '25
+17
0 kanalda
Get PRO
May '25
+9
0 kanalda
Get PRO
Aprel '25
+13
0 kanalda
Get PRO
Mart '25
+9
0 kanalda
Get PRO
Fevral '25
+33
0 kanalda
Get PRO
Yanvar '25
+29
0 kanalda
Get PRO
Dekabr '24
+17
0 kanalda
Get PRO
Noyabr '24
+23
0 kanalda
Get PRO
Oktabr '24
+191
0 kanalda
Get PRO
Sentabr '24
+28
0 kanalda
Get PRO
Avgust '24
+43
0 kanalda
Get PRO
Iyul '24
+31
0 kanalda
Get PRO
Iyun '24
+25
1 kanalda
Get PRO
May '24
+37
0 kanalda
Get PRO
Aprel '24
+31
0 kanalda
Get PRO
Mart '24
+50
17 kanalda
Get PRO
Fevral '24
+40
0 kanalda
Get PRO
Yanvar '24
+83
4 kanalda
Get PRO
Dekabr '23
+82
3 kanalda
Get PRO
Noyabr '23
+52
6 kanalda
Get PRO
Oktabr '23
+70
4 kanalda
Get PRO
Sentabr '23
+48
0 kanalda
Get PRO
Avgust '23
+146
0 kanalda
Get PRO
Iyul '23
+44
0 kanalda
Get PRO
Iyun '23
+103
0 kanalda
Get PRO
May '23
+70
0 kanalda
Get PRO
Aprel '23
+38
0 kanalda
Get PRO
Mart '23
+117
0 kanalda
Get PRO
Fevral '23
+224
0 kanalda
Get PRO
Yanvar '23
+117
0 kanalda
Get PRO
Dekabr '22
+134
0 kanalda
Get PRO
Noyabr '22
+208
0 kanalda
Get PRO
Oktabr '22
+318
0 kanalda
Get PRO
Sentabr '22
+265
0 kanalda
Get PRO
Avgust '22
+408
0 kanalda
Get PRO
Iyul '22
+291
0 kanalda
Get PRO
Iyun '22
+227
0 kanalda
Get PRO
May '22
+362
0 kanalda
Get PRO
Aprel '22
+210
0 kanalda
Get PRO
Mart '22
+103
0 kanalda
Get PRO
Fevral '22
+742
0 kanalda
Get PRO
Yanvar '22
+137
0 kanalda
Get PRO
Dekabr '21
+73
0 kanalda
Get PRO
Noyabr '21
+67
0 kanalda
Get PRO
Oktabr '21
+224
0 kanalda
Get PRO
Sentabr '21
+167
0 kanalda
Get PRO
Avgust '21
+280
0 kanalda
Get PRO
Iyul '21
+461
0 kanalda
Get PRO
Iyun '21
+220
0 kanalda
Get PRO
May '21
+472
0 kanalda
Get PRO
Aprel '21
+435
0 kanalda
Get PRO
Mart '21
+101
0 kanalda
Get PRO
Fevral '21
+144
0 kanalda
Get PRO
Yanvar '21
+560
0 kanalda
Get PRO
Dekabr '20
+4 574
0 kanalda
Sana
Obunachilarni jalb qilish
Esdaliklar
Kanallar
03 Iyun0
02 Iyun0
01 Iyun0
Kanal postlari
⚡️ Создать JavaScript за 10 дней, запустить Mozilla, а потом собрать Brave вокруг идеи приватного браузера - у Брендана Айка биография из тех, где один человек несколько раз менял интернет. Самое сильное в этой истории - не только JavaScript. Да, язык собрали в бешеном темпе внутри Netscape, и теперь он держит огромную часть веба. Но дальше Айк не ушёл в режим «я уже всё доказал». Он продолжил воевать за то, каким должен быть браузер. Mozilla и Firefox были ответом на эпоху закрытого и монополизированного веба. Brave стал ответом на другую проблему: интернет, где пользователь постепенно превратился в объект слежки, таргетинга и бесконечной рекламной оптимизации. Айк всегда бил в одну точку: браузер должен работать на пользователя, а не на рекламную инфраструктуру вокруг него. Поэтому Brave блокирует трекеры, режет навязчивую рекламу и пытается строить модель, где приватность заложена в основу продукта. Можно спорить с отдельными решениями Brave, с крипточастью, с рекламной моделью, с самим Айком. Но вклад сложно обесценить. Он создал язык, без которого современный веб почти невозможно представить. Помог запустить один из главных открытых браузерных проектов. Потом снова пошёл против доминирующей модели интернета, где сбор данных стал нормой. Брендан Айк - редкий пример инженера, который не просто написал важный код, а десятилетиями спорит с тем, во что превратился веб.

2
Совет по Javascript 💡 Знаете ли вы об этом новом и более простом способе выбора последнего элемента массива? 🤩
Совет по Javascript 💡 Знаете ли вы об этом новом и более простом способе выбора последнего элемента массива? 🤩
199
3
‍🖥 Сервисы крутятся. Прод вроде живой. Но когда тимлид спрашивает: «почему здесь лучше ValueTask, а не Task?» или «как GC поведёт себя под нагрузкой?» - ты начинаешь плыть. (https://stepik.org/a/288694/pay?promo=e570e81b402eb2ed) И дело не в том, что ты плохо пишешь код. Просто большинство курсов заканчиваются ровно там, где начинается настоящий .NET. Этот курс про то, что обычно остаётся под капотом: - CLR - JIT - GC - Span - async state machine - Source Generators - lock-free подходы - OpenTelemetry - дампы в проде На практике разбираем, как .NET реально работает внутри: что происходит с кодом после компиляции, как память живёт под нагрузкой, почему async иногда помогает, а иногда ломает производительность, как читать проблемы по дампам и метрикам, а не гадать по логам. Если хочешь дойти до уровня, где система для тебя не чёрный ящик, а инструмент, который ты понимаешь до IL, - велкам. Сейчас на stepik доступна скидка 55%: https://stepik.org/a/288694 (https://stepik.org/a/288694/pay?promo=e570e81b402eb2ed)
217
4
🚀 Упрощение разработки с GSD Redux GSD Redux — это легковесная система для метапромптинга и управления контекстом, помогающая разработчикам эффективно работать с AI. Она решает проблему деградации качества контекста, позволяя создавать четкие спецификации и контролировать процесс разработки. 🚀 Основные моменты: - Легкая интеграция с различными AI-платформами. - Поддержка автоматизации разработки и управления проектами. - Обеспечивает безопасность и прозрачность через аудит. - Подходит для индивидуальных разработчиков и небольших команд. 📌 GitHub: https://github.com/open-gsd/get-shit-done-redux #javascript
267
5
JavaScript. Что будет выведено в консоль? Ответ (https://telegra.ph/CHto-budet-vyvedeno-v-konsol-06-15-4)
JavaScript. Что будет выведено в консоль? Ответ (https://telegra.ph/CHto-budet-vyvedeno-v-konsol-06-15-4)
338
6
Infinite Cover Flow Бесконечная галерея музыкальных постеров, которую можно прокручивать перетаскиванием, а также прокруткой
Infinite Cover Flow Бесконечная галерея музыкальных постеров, которую можно прокручивать перетаскиванием, а также прокруткой колеса мыши. Реализована с помощью GSAP, ScrollTrigger и Draggable. https://codepen.io/jh3y/pen/WNRvqJP
446
7
‍Интеграция YouTube API в веб-приложение с использованием JavaScript и React Интеграция YouTube API в веб-приложение позволяет получать и отображать информацию о видео, каналах и других ресурсах YouTube. Рассмотрим, как реализовать интеграцию YouTube API в веб-приложение с использованием JavaScript и React. 1️⃣ Получение API-ключа: Начните с получения API-ключа YouTube для доступа к API. Зарегистрируйте свое приложение в Google Cloud Console и включите YouTube Data API. После этого вы получите API-ключ, который будет использоваться для аутентификации в API. 2️⃣ Настройка окружения React: Установите Node.js, создайте новый проект React и установите необходимые зависимости, включая axios для выполнения HTTP-запросов к API. 3️⃣ Инициализация и использование YouTube API: Создайте компонент YouTubeIntegration и используйте YouTube API для получения информации о видео или канале. Включите функциональность, такую как поиск видео, получение информации о конкретном видео или плейлисте, получение своего списка понравившихся видео и т.д. 4️⃣ Отображение данных YouTube: В компоненте YouTubeIntegration, используйте полученные данные от YouTube API для отображения информации о видео или канале, такую как заголовок, описание и миниатюра. Это всего лишь базовый пример интеграции YouTube API в веб-приложение с использованием JavaScript и React. Вы можете расширить функциональность, добавить поиск видео, пагинацию и другие возможности в зависимости от ваших потребностей.
393
8
Совет по CSS 💡 Конвертируйте цветные логотипы в однотонные черно-белые изображения для темного/светлого режимов с помощью CS
Совет по CSS 💡 Конвертируйте цветные логотипы в однотонные черно-белые изображения для темного/светлого режимов с помощью CSS-фильтров 🤩 Нет необходимости создавать отдельные изображения для этого ✨ Demo https://www.codewithshripal.com/playground/css/uniform-grayscale-logos-using-css-filters
352
9
Твой код — в сердце мощного ИИ! 💚 Команда GigaChat зовёт на One Day Offer амбициозных Java-разработчиков, которые готовы соз
Твой код — в сердце мощного ИИ! 💚 Команда GigaChat зовёт на One Day Offer амбициозных Java-разработчиков, которые готовы создавать AI‑продукты уровня BigTech и стать частью крупнейшего AI-комьюнити. Если ты дружишь с Java (версии 8–25), ладишь со Spring и Hibernate, а PostgreSQL и ClickHouse для тебя — не просто слова, переходи по ссылке (https://developers.sber.ru/kak-v-sbere/one-day-offer/java_gigachat?utm_source=telegram&utm_medium=fix&utm_campaign=odo_gigachat_may_2026_post&utm_content=&utm_term=javascriptv&erid=2VtzqupTmvp) и занимай слот на One Day Offer. Встречаемся 23 мая — очень ждём именно тебя!
312
10
Matn yo'q...
338
11
CopilotKit - open-source стек для тех, кто хочет встраивать AI-агентов прямо в продукт, а не просто прикручивать чат-окно сбоку. Агент должен не только отвечать текстом, но и работать внутри интерфейса - читать состояние приложения, вызывать действия, обновлять UI и показывать пользователю нормальные React-компоненты вместо простыни текста. Что умеет CopilotKit: - готовый Chat UI для React с потоковой генерацией, tool calls и ответами агента; - Generative UI - агент может рендерить и обновлять компоненты интерфейса; - Shared State - общий слой состояния между агентом и приложением; - Backend Tool Rendering - агент вызывает backend-инструменты, а результат отображается прямо в клиенте; - интеграция с агентными фреймворками и моделями; - поддержка AG-UI Protocol, который уже используют крупные игроки вроде Google, LangChain, AWS и Microsoft. По сути, это попытка собрать frontend-слой для agentic apps: не “чат с ИИ”, а интерфейс, где пользователь и агент реально работают вместе. GitHub: github.com/CopilotKit/CopilotKit
346
12
Хватит кидать ошибки в JS как в 2015-м В JavaScript давно есть нормальные инструменты для ошибок, но многие до сих пор бросаю
Хватит кидать ошибки в JS как в 2015-м В JavaScript давно есть нормальные инструменты для ошибок, но многие до сих пор бросают просто throw new Error("something failed"). А потом пытаются понять, где именно всё сломалось. Что стоит использовать: - Custom Error классы - чтобы хранить statusCode, code, details и другие поля не в строке, а в структуре - Error.cause - чтобы оборачивать ошибку и не терять исходную причину - AggregateError - когда параллельно упало сразу несколько операций Главная идея простая: ошибка должна быть не просто текстом для лога, а нормальным объектом с контекстом. Плохой вариант: throw new Error("Could not load user") Лучше: throw new HttpError("Could not load user", 500, { cause: err }) Так код становится понятнее, дебаг быстрее, а логи перестают превращаться в археологию.
347
13
‍Netflix, Wikipedia, Airbnb, Dropbox, WordPress - огромная часть интернета держится на веб-сервере, который когда-то в одиночку написал скромный русский инженер. Бесплатно. В свободное время. Без громкого запуска и маркетинговой машины. Знакомьтесь: Игорь Сысоев - создатель nginx. В 2000 году он пришёл в Rambler системным администратором. Через пару лет начал писать собственный веб-сервер, потому что главный сервер той эпохи, Apache, плохо справлялся с большим числом одновременных подключений. Цель звучала почти безумно для того времени: держать 10 000 соединений на одной машине. В 2004 году nginx вышел публично. Бесплатно и как open source. Дальше всё пошло без хайпа, но очень быстро: - к 2008 году nginx в Rambler обслуживал около 500 млн запросов в день - в 2011 году Сысоев вместе с Максимом Коноваловым основал Nginx Inc. - в 2013 году Netflix использовал nginx, чтобы разогнать свой streaming CDN до 40 Gbps на сервер - в 2019 году F5 купила Nginx Inc. за $670 млн - в 2021 году nginx обогнал Apache и стал самым популярным веб-сервером в мире Сегодня nginx стоит за Netflix, Wikipedia, Airbnb, Dropbox, Cloudflare, WordPress и огромным количеством сайтов, которые вы открываете каждый день. Самое сильное в этой истории не только масштаб. А то, что один человек начал писать инфраструктурный код без сцены, без культа личности, без «я меняю мир» в каждом интервью. Просто была инженерная проблема. Он сел и решил её так хорошо, что спустя годы треть интернета продолжает работать на его коде. Вот это настоящий тихий хай-тек.
388
14
🚀 Mike: Полнофункциональный фронтенд и бэкенд для обработки документов Mike — это открытый проект, объединяющий Next.js для
🚀 Mike: Полнофункциональный фронтенд и бэкенд для обработки документов Mike — это открытый проект, объединяющий Next.js для фронтенда и Express API для бэкенда. Он обеспечивает доступ к Supabase и включает в себя обработку документов с возможностью миграции. 🚀 Основные моменты: - Фронтенд на Next.js для динамичного интерфейса - Бэкенд на Express с поддержкой Supabase - Обработка документов и миграции базы данных - Лицензия AGPL-3.0 📌 GitHub: https://github.com/willchen96/mike
414
15
Scroll Reveal В JS создана логика, которая определяет, находится ли элемент на экране, и исходя из этого показывает или скрыв
Scroll Reveal В JS создана логика, которая определяет, находится ли элемент на экране, и исходя из этого показывает или скрывает элемент. https://codepen.io/HighFlyer/pen/qByPyqr
434
16
🎮 Создание игр с OpenGame OpenGame — это открытая платформа для создания веб-игр на основе текстовых подсказок. Она использу
🎮 Создание игр с OpenGame OpenGame — это открытая платформа для создания веб-игр на основе текстовых подсказок. Она использует мощные языковые модели для генерации игр, обеспечивая стабильную архитектуру и исправление ошибок в процессе разработки. 🚀 Основные моменты: - Полноценное создание игр от идеи до реализации. - Использует GameCoder-27B для управления игровыми движками. - Оценка качества игр с помощью OpenGame-Bench. - Поддержка множества игровых жанров и стилей. 📌 GitHub: https://github.com/leigest519/OpenGame
473
17
JavaScript. Каким будет результат?
444
18
🏄‍♂️ Приближаем лето всем фронтенд-сообществом 23 мая Яндекс Вертикали и Авто.ру собирают разработчиков на Vertis JS, чтобы
🏄‍♂️ Приближаем лето всем фронтенд-сообществом 23 мая Яндекс Вертикали и Авто.ру собирают разработчиков на Vertis JS, чтобы обменяться опытом, понетворкаться и зарядиться летним настроением — вне зависимости от погоды🌴 ♦️Приходите обсудить, как прокачать AI-агентов под реальные задачи и тестировать на телефоне без единого деплоя. Ребята из разных сервисов поделятся, как их команды выстраивают процессы, которые экономят время и снижают риски в продакшене. В программе не только доклады: будут живые дискуссии, командный квиз, стенды с активностями и афтепати! 🔖 Смотрите подробности и регистрируйтесь. (https://yandex.ru/project/verticals/vertis-js-meetup/?utm_source=telegram&utm_medium=paid&utm_campaign=javascriptv&erid=CQH36pWzJqE1dR7FvgBvtDgSqhLFesFDHGJoxX51FHTSvU) Встречаемся только в офлайне, количество мест ограничено.
283
19
🎨 Создание диаграмм для вашего бренда Этот репозиторий предлагает инструмент для генерации стильных диаграмм, которые соотве
🎨 Создание диаграмм для вашего бренда Этот репозиторий предлагает инструмент для генерации стильных диаграмм, которые соответствуют вашему бренду. Всего 13 типов диаграмм, включая архитектурные схемы и потоки, которые можно быстро настроить под ваши цвета и шрифты, просто указав URL вашего сайта. 🚀 Основные моменты: - 13 типов диаграмм: от архитектуры до временных линий. - Быстрая настройка под ваш бренд за 60 секунд. - Доступны три варианта: минималистичный светлый, темный и полный редактор. - Генерация диаграмм без необходимости в сборке или внешних изображениях. - Легкий доступ к живой галерее для просмотра всех типов диаграмм. 📌 GitHub: https://github.com/cathrynlavery/diagram-design #javascript
494
20
Знаете ли вы, что можно изменить метод формы в HTML-форме, указав атрибут formMethod на кнопке?
Знаете ли вы, что можно изменить метод формы в HTML-форме, указав атрибут formMethod на кнопке?
409