JavaScript задачи с собеседований
Відкрити в Telegram
Задачи, тесты и теоретические вопросы по JavaScript. Так же react, vue, angular, node.js Прислать задачу/вопрос в дар: @cyberJohnny Сотрудничество: @cyberJohnny
Показати більше
Сітка:4 761
Підписники
-124 години
-87 днів
-3330 день
Триває завантаження даних...
Схожі канали
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
липень '26
липень '26
+4
в 0 каналах
червень '26
+7
в 0 каналах
Get PRO
травень '26
+7
в 0 каналах
Get PRO
квітень '26
+12
в 0 каналах
Get PRO
березень '26
+13
в 0 каналах
Get PRO
лютий '26
+7
в 0 каналах
Get PRO
січень '26
+10
в 0 каналах
Get PRO
грудень '25
+12
в 0 каналах
Get PRO
листопад '25
+13
в 0 каналах
Get PRO
жовтень '25
+7
в 0 каналах
Get PRO
вересень '25
+9
в 0 каналах
Get PRO
серпень '25
+7
в 0 каналах
Get PRO
липень '25
+7
в 0 каналах
Get PRO
червень '25
+17
в 0 каналах
Get PRO
травень '25
+9
в 0 каналах
Get PRO
квітень '25
+13
в 0 каналах
Get PRO
березень '25
+9
в 0 каналах
Get PRO
лютий '25
+33
в 0 каналах
Get PRO
січень '25
+29
в 0 каналах
Get PRO
грудень '24
+17
в 0 каналах
Get PRO
листопад '24
+23
в 0 каналах
Get PRO
жовтень '24
+191
в 0 каналах
Get PRO
вересень '24
+28
в 0 каналах
Get PRO
серпень '24
+43
в 0 каналах
Get PRO
липень '24
+31
в 0 каналах
Get PRO
червень '24
+25
в 1 каналах
Get PRO
травень '24
+37
в 0 каналах
Get PRO
квітень '24
+31
в 0 каналах
Get PRO
березень '24
+50
в 17 каналах
Get PRO
лютий '24
+40
в 0 каналах
Get PRO
січень '24
+83
в 4 каналах
Get PRO
грудень '23
+82
в 3 каналах
Get PRO
листопад '23
+52
в 6 каналах
Get PRO
жовтень '23
+70
в 4 каналах
Get PRO
вересень '23
+48
в 0 каналах
Get PRO
серпень '23
+146
в 0 каналах
Get PRO
липень '23
+44
в 0 каналах
Get PRO
червень '23
+103
в 0 каналах
Get PRO
травень '23
+70
в 0 каналах
Get PRO
квітень '23
+38
в 0 каналах
Get PRO
березень '23
+117
в 0 каналах
Get PRO
лютий '23
+224
в 0 каналах
Get PRO
січень '23
+117
в 0 каналах
Get PRO
грудень '22
+134
в 0 каналах
Get PRO
листопад '22
+208
в 0 каналах
Get PRO
жовтень '22
+318
в 0 каналах
Get PRO
вересень '22
+265
в 0 каналах
Get PRO
серпень '22
+408
в 0 каналах
Get PRO
липень '22
+291
в 0 каналах
Get PRO
червень '22
+227
в 0 каналах
Get PRO
травень '22
+362
в 0 каналах
Get PRO
квітень '22
+210
в 0 каналах
Get PRO
березень '22
+103
в 0 каналах
Get PRO
лютий '22
+742
в 0 каналах
Get PRO
січень '22
+137
в 0 каналах
Get PRO
грудень '21
+73
в 0 каналах
Get PRO
листопад '21
+67
в 0 каналах
Get PRO
жовтень '21
+224
в 0 каналах
Get PRO
вересень '21
+167
в 0 каналах
Get PRO
серпень '21
+280
в 0 каналах
Get PRO
липень '21
+461
в 0 каналах
Get PRO
червень '21
+220
в 0 каналах
Get PRO
травень '21
+472
в 0 каналах
Get PRO
квітень '21
+435
в 0 каналах
Get PRO
березень '21
+101
в 0 каналах
Get PRO
лютий '21
+144
в 0 каналах
Get PRO
січень '21
+560
в 0 каналах
Get PRO
грудень '20
+4 574
в 0 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 14 липня | 0 | |||
| 13 липня | 0 | |||
| 12 липня | 0 | |||
| 11 липня | 0 | |||
| 10 липня | +1 | |||
| 09 липня | 0 | |||
| 08 липня | +1 | |||
| 07 липня | 0 | |||
| 06 липня | 0 | |||
| 05 липня | 0 | |||
| 04 липня | +1 | |||
| 03 липня | 0 | |||
| 02 липня | 0 | |||
| 01 липня | +1 |
Дописи каналу
Держать 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 |
