JavaScript задачи с собеседований
4.83K subscribers
624 photos
74 videos
9 files
389 links
Задачи, тесты и теоретические вопросы по JavaScript. Так же react, vue, angular, node.js

Прислать задачу/вопрос в дар: @cyberJohnny
Сотрудничество: @cyberJohnny
Download Telegram
🚀 Креативные подсказки для Nano Banana Pro

Собрание уникальных и креативных подсказок для работы с Google Nano Banana Pro. Идеально подходит для вдохновения и генерации идей, этот репозиторий предлагает разнообразные варианты для создания визуального контента.

🚀 Основные моменты:
- Более 500 тщательно отобранных подсказок
- Поддержка динамических аргументов для Raycast
- Разнообразные стили генерации: от фотореалистичных до художественных
- Регулярные обновления и возможность участия в сообществе

📌 GitHub: https://github.com/YouMind-OpenLab/awesome-nano-banana-pro-prompts

#javascript
🎨 Инструменты для создания и редактирования изображений

Kims — это мощный инструмент для работы с изображениями, позволяющий легко редактировать и создавать графику. Он предлагает интуитивно понятный интерфейс и множество функций, которые делают процесс редактирования простым и эффективным.

🚀 Основные моменты:
- Поддержка различных форматов изображений
- Интуитивно понятный пользовательский интерфейс
- Множество инструментов для редактирования и фильтров
- Возможность создания графики с нуля
- Активное сообщество и регулярные обновления

📌 GitHub: https://github.com/kimkulling/kims

#javascript
🌍 Twitter Location Flags Extension

Расширение для Chrome, которое добавляет флаги стран к именам пользователей на Twitter/X, основываясь на их местоположении. Оно автоматически определяет пользователей и запрашивает информацию о местоположении через GraphQL API Twitter.

🚀Основные моменты:
- Отображает флаги стран рядом с именами пользователей
- Работает с динамически загружаемым контентом
- Кэширует данные о местоположении для снижения нагрузки на API
- Не требует передачи данных третьим лицам

📌 GitHub: https://github.com/RhysSullivan/twitter-account-location-in-username

#javascript

https://github.com/RhysSullivan/twitter-account-location-in-username/
🚀 Умный инструмент для тестирования HTTP-запросов

rep+ — это легкое расширение для Chrome, вдохновленное Burp Suite, с поддержкой ИИ. Оно позволяет быстро захватывать и повторять HTTP-запросы, не требуя настройки прокси. Идеально подходит для исследователей безопасности и охотников за уязвимостями.

🚀 Основные моменты:
- Захват и повтор запросов без настройки прокси
- Интеграция с ИИ для объяснения запросов и предложений по уязвимостям
- Мощные фильтры и поддержка регулярных выражений
- Экспорт/импорт запросов в формате JSON
- Встроенный инструмент для скриншотов и анализа JavaScript

📌 GitHub: https://github.com/bscript/rep

#javascript
🌟 Создайте формы с OpenForm!

OpenForm — это красивый и открытый аналог TypeForm, предлагающий уникальный опыт создания форм с одним вопросом за раз. Поддерживает множество тем и типов вопросов, включая текст, выбор и загрузку файлов.

🚀Основные моменты:
- 6 стильных тем для оформления
- Поддержка мобильных устройств и клавиатурной навигации
- Безопасная аутентификация через Google OAuth
- Интуитивно понятная панель ответов с фильтрацией и экспортом
- 13 различных типов вопросов для гибкости

📌 GitHub: https://github.com/dabit3/openform

#javascript
📺 NodeCast TV - Современный IPTV плеер

NodeCast TV — это веб-решение для просмотра IPTV с поддержкой прямого эфира, EPG, фильмов и сериалов. Оптимизирован для высокой производительности и удобного пользовательского опыта, он поддерживает большие плейлисты и предлагает интуитивно понятный интерфейс.

🚀 Основные моменты:
- Поддержка прямого эфира с быстрой сменой каналов
- Интерактивный EPG с 24-часовым таймлайном
- Разделы для фильмов и сериалов с богатой метаинформацией
- Система избранного для мгновенной синхронизации
- Готовность к работе с Docker для простоты развертывания

📌 GitHub: https://github.com/technomancer702/nodecast-tv

#javascript
🧠 Умное управление задачами с Weft

Weft — это персональная доска задач, где AI-агенты выполняют ваши задания. Просто создайте задачу, назначьте агента, и он начнет работать, выполняя действия, такие как чтение писем, создание PR и редактирование документов. Все действия требуют вашего одобрения перед выполнением.

🚀 Основные моменты:
- AI-агенты работают параллельно над задачами
- Интеграция с Gmail, Google Docs, Google Sheets и GitHub
- Полный контроль над данными — саморазворачиваемый на Cloudflare
- Уведомления о завершении задач и необходимости одобрения

📌 GitHub: https://github.com/jonesphillip/weft

#javascript
🚀 Автономный кодинг с Ralph

Ralph — это минималистичный агент для автономного кодирования, использующий файлы и git как память. Он выполняет задачи по одной истории за итерацию, сохраняя состояние в .ralph/.

🚀 Основные моменты:
- Определение историй и статусов через PRD (JSON).
- Каждая итерация начинается с чистого состояния.
- Логи и состояние хранятся в .ralph/.
- Поддержка различных агентов для выполнения задач.
- Простая настройка и использование шаблонов.

📌 GitHub: https://github.com/iannuttall/ralph

#javascript
🤫 STFU: приложение для борьбы с шумом в общественных местах

STFU — это простое приложение, которое воспроизводит услышанный звук с задержкой, заставляя громких собеседников замолчать. Создано в ответ на шумные ситуации, когда вежливые просьбы не помогают. Работает на основе веб-аудио API и имеет забавный подход к решению проблемы.

🚀Основные моменты:
- Воспроизводит звук с задержкой ~2 секунды.
- Помогает справиться с громкими разговорами.
- Легко настраивается и используется.
- Создано с юмором и креативом.

📌 GitHub: https://github.com/Pankajtanwarbanna/stfu

#javascript
🎮 Учимся Flexbox с Flexbox Froggy

Flexbox Froggy — это увлекательная игра для освоения CSS Flexbox. Игроки помогают лягушонку добраться до лилий, используя правильные свойства flexbox. Идеально подходит для новичков и разработчиков, желающих улучшить свои навыки в верстке.

🚀Основные моменты:
- Интерактивный подход к обучению CSS Flexbox
- Более 20 уровней с нарастающей сложностью
- Поддержка нескольких языков
- Открытый исходный код и возможность внесения вкладов

📌 GitHub: https://github.com/thomaspark/flexboxfroggy

#javascript
👍2👎1
🚀 CodePilot: GUI для Claude Code

CodePilot — это настольное приложение с графическим интерфейсом для взаимодействия с Claude Code. Оно позволяет удобно общаться, писать код и управлять проектами без использования терминала. Приложение поддерживает управление сессиями, визуализацию файлов и настройку разрешений.

🚀 Основные моменты:
- 💬 Реальное взаимодействие с Claude с поддержкой Markdown и подсветки синтаксиса.
- 📂 Удобное управление сессиями и сохранение разговоров в SQLite.
- 🎯 Контекст проекта с живым деревом файлов.
- 🔒 Настройка разрешений для действий.
- ⚙️ Поддержка нескольких режимов взаимодействия.

📌 GitHub:

#javascript

https://github.com/op7418/CodePilot
🎨 Превратите диаграммы Mermaid в красивые SVG и ASCII

Pretty-Mermaid Skills — это инструмент для рендеринга диаграмм Mermaid, поддерживающий SVG и ASCII. Он предлагает множество тем и высокую производительность, идеально подходит для интеграции с AI-инструментами.

🚀 Основные моменты:
- Поддержка нескольких форматов: SVG и ASCII
- 15 встроенных тем для разных сценариев
- Полная поддержка диаграмм: потоки, последовательности и др.
- Высокая производительность с параллельным рендерингом
- Готовые шаблоны и подробная документация

📌 GitHub: https://github.com/imxv/Pretty-mermaid-skills

#javascript
🎨 Excalidraw MCP App: Интерактивные диаграммы в чате

Сервер для потоковой передачи нарисованных от руки диаграмм Excalidraw с возможностью управления камерой и редактирования в полноэкранном режиме. Идеально подходит для создания визуализаций и архитектурных схем прямо в ваших беседах.

🚀 Основные моменты:
- Поддержка интерактивных диаграмм в чате
- Легкая интеграция с Claude.ai
- Возможность локального развертывания
- Удобный интерфейс для рисования
- Постоянные обновления и улучшения

📌 GitHub: https://github.com/antonpk1/excalidraw-mcp-app

#javascript
👍1
🧩 Collaborator: Инновационная среда для разработки с агентами

Collaborator — это приложение для macOS, которое объединяет терминалы, файлы и код на одном бесконечном холсте. Упрощает работу, устраняя необходимость в переключении между вкладками. Приложение активно разрабатывается и предназначено для локального использования.

🚀 Основные моменты:
- Интуитивно понятный интерфейс с многофункциональным холстом
- Поддержка нескольких рабочих пространств
- Интерактивные терминалы и редакторы кода
- Локальное хранение данных без необходимости в учетных записях

📌 GitHub: https://github.com/collaborator-ai/collab-public

#javascript
🎨 Создайте идеальные скелетоны загрузки с Boneyard

Boneyard генерирует пиксельно-точные скелетоны загрузки, извлекая данные из вашего реального DOM. Просто оберните компонент в и получите автоматические заполнители без ручных настроек.

🚀 Основные моменты:
- Автоматическое извлечение размеров элементов с помощью getBoundingClientRect()
- Поддержка нескольких точек прерывания для адаптивного дизайна
- Анимация пульсации для визуального эффекта
- Легкая интеграция в React-приложения

📌 GitHub:

#javascript

https://github.com/0xGF/boneyard
🚀 AI-Управляемый Поиск Работы

Career-Ops — это интеллектуальная платформа для поиска работы, использующая Claude Code. Она автоматизирует процесс оценки предложений, генерации резюме и отслеживания заявок, позволяя сосредоточиться на наиболее подходящих вакансиях.

🚀Основные моменты:
- Оценка предложений с использованием системы баллов A-F.
- Генерация адаптированных резюме в формате PDF.
- Автоматическое сканирование порталов для новых вакансий.
- Параллельная обработка нескольких предложений.
- Интегрированная система отслеживания заявок.

📌 GitHub: https://github.com/santifer/career-ops

#javascript
🖥️ Hermes Web UI: Интуитивный веб-дашборд для управления AI чатами. Позволяет отслеживать использование, настраивать каналы и управлять заданиями через удобный интерфейс.

🚀Основные моменты:
- Мультисессионное управление чатами с поддержкой различных платформ.
- Аналитика использования токенов и отслеживание затрат.
- Настройка и управление заданиями по расписанию.
- Интегрированный терминал для работы с несколькими сессиями.

📌 GitHub:

#javascript

https://github.com/EKKOLearnAI/hermes-web-ui
🎨 Создание диаграмм для вашего бренда

Этот репозиторий предлагает инструмент для генерации стильных диаграмм, которые соответствуют вашему бренду. Всего 13 типов диаграмм, включая архитектурные схемы и потоки, которые можно быстро настроить под ваши цвета и шрифты, просто указав URL вашего сайта.

🚀 Основные моменты:
- 13 типов диаграмм: от архитектуры до временных линий.
- Быстрая настройка под ваш бренд за 60 секунд.
- Доступны три варианта: минималистичный светлый, темный и полный редактор.
- Генерация диаграмм без необходимости в сборке или внешних изображениях.
- Легкий доступ к живой галерее для просмотра всех типов диаграмм.

📌 GitHub: https://github.com/cathrynlavery/diagram-design

#javascript