JavaScript задачи с собеседований
Kanalga Telegram’da o‘tish
Задачи, тесты и теоретические вопросы по JavaScript. Так же react, vue, angular, node.js Прислать задачу/вопрос в дар: @cyberJohnny Сотрудничество: @cyberJohnny
Ko'proq ko'rsatish
Tarmoq:4 761
Obunachilar
-124 soatlar
-87 kunlar
-3330 kunlar
Ma'lumot yuklanmoqda...
O'xshash kanallar
Taglar buluti
Kirish va chiqish esdaliklari
---
---
---
---
---
---
Obunachilarni jalb qilish
Iyul '26
Iyul '26
+4
0 kanalda
Iyun '26
+7
0 kanalda
Get PRO
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 | |
| 14 Iyul | 0 | |||
| 13 Iyul | 0 | |||
| 12 Iyul | 0 | |||
| 11 Iyul | 0 | |||
| 10 Iyul | +1 | |||
| 09 Iyul | 0 | |||
| 08 Iyul | +1 | |||
| 07 Iyul | 0 | |||
| 06 Iyul | 0 | |||
| 05 Iyul | 0 | |||
| 04 Iyul | +1 | |||
| 03 Iyul | 0 | |||
| 02 Iyul | 0 | |||
| 01 Iyul | +1 |
Kanal postlari
Держать 16 разных API-ключей только ради тестов разных LLM - то ещё удовольствие.
freellmapi решает это проще: один OpenAI-compatible endpoint для бесплатных tier’ов от Google, Groq, Cerebras, NVIDIA и ещё 14 провайдеров.
Что внутри:
* около 1.7B токенов в месяц суммарно
* роутер выбирает лучшую модель под запрос
* при rate limit автоматически переключается на другого провайдера
* ключи хранятся в зашифрованном виде
* интерфейс совместим с OpenAI API
По сути, это единая точка входа для экспериментов с разными LLM без ручного жонглирования ключами и лимитами.
15.9K звёзд на GitHub, а я почему-то наткнулся только вчера.
https://github.com/tashfeenahmed/freellmapi
⭐ 15.9K
#OpenSource #DevTools
| 2 |  PhantomLoop - визуализация BCI-декодеров прямо в браузере
Небольшая, но интересная находка для тех, кто работает с нейроданными, EEG/BCI и real-time интерфейсами.
PhantomLoop показывает поток данных от BCI-декодера в браузере: сигналы, предсказания модели, качество декодирования и разные визуализации.
Что умеет:
* подключение к EEG/BCI-источникам через WebSocket
* поддержка OpenBCI, Muse, Emotiv, NeuroSky, PiEEG, LSL и других устройств
* real-time streaming до 40 Hz
* декодеры на TensorFlow.js
* ускорение через WebGPU/WebGL
* встроенный Monaco Editor для кастомных декодеров
* визуализации вроде neural waterfall, spectral analysis и center-out arena
Важный момент: браузер не может напрямую работать с BLE, Serial, TCP и железом, поэтому PhantomLoop использует Python WebSocket bridge.
github.com/yelabb/PhantomLoop | 208 |
| 3 |  Шпаргалка по выравниванию в CSS Grid 👨💻 | 277 |
| 4 | ⚡️ Microsoft выпустила TypeScript 7.0 - самый большой апдейт TypeScript за последние годы.
Главное: TypeScript теперь получил нативный порт на Go, который даёт почти порядок прироста скорости. По данным команды, полные сборки обычно ускоряются примерно в 8–12 раз, а на крупных проектах вроде VS Code, Sentry, Bluesky и Playwright разница доходит до 7.7x–11.9x.
Что это меняет на практике:
* быстрее открываются большие проекты
* быстрее работают diagnostics, autocomplete и find references
* tsc и --watch дают короче feedback loop
* редакторы через LSP тоже получают прирост
* крупные монорепы меньше страдают от ожидания type-checking
Отдельно завезли параллелизацию: TypeScript 7 умеет распараллеливать parsing, type-checking и emit. Для тонкой настройки появились флаги --checkers, --builders и --singleThreaded.
--watch тоже переписали: теперь он построен на новом файловом watcher’е, портированном на Go, чтобы лучше работать на больших проектах без дорогого polling.
Но есть важный нюанс: TypeScript 7.0 пока не поставляется с API. Новый API ожидается в 7.1, а для переходного периода Microsoft предлагает запускать TypeScript 7 рядом с TypeScript 6 через совместимость и aliases.
Установка обычная:
npm install -D typescript
По сути, TypeScript 7 - это не косметический релиз, а серьёзная пересборка фундамента: тот же TypeScript-опыт, но с нативной скоростью, многопоточностью и шансом наконец-то перестать ждать type-checking на больших кодовых базах.
https://devblogs.microsoft.com/typescript/announcing-typescript-7-0/ | 379 |
| 5 |  Всплывающие скроллеры изображений с анимацией, управляемой прокруткой CSS 🤙
.pop {
view-timeline-name: --pop;
}
img {
animation: slide both;
animation-timeline: --pop;
animation-range: entry 100% cover 50%;
}
.skateboarder {
--x: 0;
--y: -45%;
}
@ keyframes slide {
to { translate: var(--x) var(--y); }
}
https://codepen.io/jh3y/pen/abPgrGR | 309 |
| 6 |  Node.js CLI можно запускать быстрее одной встроенной фичей.
В Node.js 22.8+ есть enableCompileCache() из node:module. Он включает on-disk V8 code cache, чтобы повторные запуски быстрее поднимали большие CLI.
Пример из бенчмарка: typescript.js стартует примерно 130ms → 80ms.
Особенно полезно для CLI, которые грузят много кода при запуске.
import nodeModule from 'node:module';
const { enableCompileCache } = nodeModule;
if (enableCompileCache) {
try {
enableCompileCache();
} catch {}
}
const { runCLI } = await import('./cli.js');
await runCLI();
Мелочь, но для тяжёлых Node.js CLI такие миллисекунды быстро складываются. | 286 |
| 7 |  VoCSSels - Easily create 3D CSS & HTML Voxel Models
Это JavaScript-приложение, разработанное для упрощения создания трехмерных воксельных моделей с использованием CSS и HTML. Это приложение использует библиотеку dom-to-image для преобразования ваших творческих идей в потрясающие изображения, делая его неотъемлемым инструментом для дизайнеров и разработчиков.
🌐Ссылка на код (https://codepen.io/jcoulterdesign/details/vYyzZdo) | 317 |
| 8 |  Знаете ли вы, что в CSS можно определить поворот с помощью блока turn? 🤩 | 401 |
| 9 |  Image gallery with flex-grow
Пример галереи изображений на CSS + HTML с эффектом наведения.
https://codepen.io/ahmadghoniem/pen/QWJdMMe | 510 |
| 10 |  AnyCrawl превращает сайты в структурированные данные, готовые для LLM.
Инструмент берёт любой сайт и быстро приводит его к чистому JSON, который можно сразу использовать в AI-пайплайнах, RAG, агентах и автоматизации.
Что умеет:
• извлекать данные из поисковой выдачи Google, Bing и Baidu
• краулить сайт целиком
• парсить страницы в несколько потоков
• доставать нужные данные с помощью AI
По сути, это способ быстро превратить хаотичный веб в нормальные данные для языковых моделей.
GitHub: https://github.com/any4ai/AnyCrawl | 511 |
| 11 |  Anthropic вместе с Frontend Masters выкатили бесплатный курс по Claude Code.
И это не поверхностный обзор, а нормальный разбор инструмента для тех, кто хочет реально прокачать вайбкодинг и работу с AI-агентами.
Курс ведёт Lydia Hallie из Anthropic.
Внутри:
• основы Claude Code
• skills
• hooks
• sub-agents
• MCP
• плагины
• Agent SDK
• продвинутые сценарии работы
Хороший вход для тех, кто хочет не просто “просить ИИ написать код”, а собирать нормальный рабочий процесс вокруг Claude Code.
Ссылка:
http://frontendmasters.com/courses/claude-code | 276 |
| 12 |  Совет по CSS 💡
Я недавно обнаружил, что мы можем изменять размеры любого блочного элемента, а не только textarea! | 550 |
| 13 |  +1Компилятор как суперсила: state machine без хаоса в коде
Интересная мысль про конечные автоматы в TypeScript.
Два варианта кода могут делать одно и то же, но ощущаться совершенно по-разному. Слева обычно получается ручное управление состояниями: условия, переходы, проверки, много места для ошибки.
Справа уже больше похоже не просто на код, а на маленький язык внутри TypeScript. Ты описываешь состояния, события и переходы декларативно, а компилятор начинает работать как страховка.
Он может подсветить невозможный переход, поймать забытый кейс, не дать передать неправильное событие в неправильное состояние и сделать часть логики проверяемой ещё до запуска приложения.
Вот в этом и сила хорошего дизайна API: ты не просто пишешь функции, ты заставляешь TypeScript понимать правила своей предметной области.
State machine становится не схемой в голове разработчика, а контрактом, который проверяется компилятором. | 503 |
| 14 |  Визуализация методов массивов JavaScript 🚀 | 477 |
| 15 |  Займи слот ИТ-Пикником от Т-Банка
8 августа — время отложить ноутбуки и встретиться офлайн на ИТ-Пикнике от Т-Банка в музее-заповеднике «Коломенское». Вот сколько всего запланировано:
— научпоп-лекции;
— мастер-классы;
— дискуссии об ИИ и больших языковых моделях;
— доклады о кибербезопасности;
— примеры, как данные из логов становятся решениями;
— много музыки.
Бери с собой друзей, супругов и детей — каждый найдет себе что-то по душе.
Зарегистрироваться и узнать больше можно здесь (https://it-picnic.ru/?utm_source=telegram&utm_medium=blg.fix&utm_campaign=mtp-spec-picnic_blg_rch_all_tg_fix_postcr_dp_0626_rus_cdev_web_cnl.javascriptv&erid=2VtzqxXaUWV) | 32 |
| 16 |  Что, если «Следствие вели…» снимали бы в офисном сеттинге в IT-компании? Мы могли бы об этом только фантазировать, если бы… Авито взял и не снял свой выпуск с Леонидом Каневским 🔥
Мы ещё не успели посмотреть: планируем оставить на вечер. Говорят, легенда тру-крайма там расследует внезапный рост ошибок 404 на endpoint аватарок (реальный кейс команды AvitoTech, кстати!).
Смотрим, чтобы услышать будущие легендарные цитаты... ну и чтобы в вашей команде такого не случилось!
📱 YouTube (https://clc.to/hnOMvA?erid=2Vtzqx7hc9f)
📱 Rutube (https://clc.to/jDl0Vw?erid=2Vtzqx7hc9f)
📱 VK Видео (https://clc.to/7RRbYg?erid=2Vtzqx7hc9f) | 95 |
| 17 |  🎨 Симулятор заклинаний из Witch Hat Atelier
Этот браузерный симулятор позволяет рисовать заклинания, вдохновленные мангой *Witch Hat Atelier*. Пользователи могут создавать диаграммы заклинаний, которые преобразуются в анимации и выводы для анализа. Проект находится на стадии экспериментов и открыт для обсуждений в сообществе.
🚀Основные моменты:
- Рисование заклинаний на бумажном холсте.
- Поддержка основных сигилов и модификаторов.
- Генерация анимаций и диагностических выводов.
- Инструменты для тестирования и настройки эффектов.
- Открытое сообщество для обсуждения и улучшений.
📌 GitHub: https://github.com/ytnrvdf/wha-spell-simulator | 540 |
| 18 |  Пример кастомных курсоров на CSS 🧑💻🚀 | 488 |
| 19 |  💡HTML-элемент в действии | 486 |
| 20 |  Million.js — это оптимизирующий компилятор, который снижает накладные расходы React reconciliation и ускоряет компоненты до 70%.
• Работает с существующим React-кодом, миграция на другой фреймворк не нужна
• Тонко настроенный Virtual DOM уменьшает нагрузку на diffing
• CLI-инструмент для автоматической установки и настройки
• Производительность проверяли на js-framework-benchmark
Посмотреть можно здесь:
https://github.com/aidenybai/million | 506 |
