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

📝🚀 Gramax: Документация как код

Gramax — это бесплатное приложение с открытым исходным кодом для создания, редактирования и публикации документации в формате Markdown. Оно обеспечивает локальное хранение данных и интеграцию с Git, что делает его идеальным для командной работы и оффлайн-доступа. Подходит для создания документации продуктов, внутренних баз знаний и личных заметок.

🚀Основные моменты:
- Интуитивно понятный визуальный редактор для Markdown.
- Кроссплатформенное приложение: Windows, Mac, Linux и веб-версия.
- Поддержка 17 языков для многоязычной документации.
- Гибкая настройка стилей и публикация на собственном сайте.
- Импорт из Confluence и Notion с сохранением формата.

📌 GitHub: https://github.com/Gram-ax/gramax

🧩 Примеры приложений для Apps SDK от OpenAI

Этот репозиторий демонстрирует примеры UI-компонентов и MCP-серверов для создания приложений на базе ChatGPT. Он служит отправной точкой для разработки собственных приложений, используя Model Context Protocol для интеграции инструментов и интерфейсов.

🚀 Основные моменты:
- Примеры компонентов для Apps SDK.
- Демонстрация работы MCP-серверов.
- Поддержка различных языков программирования (Node.js, Python).
- Возможность создания и кастомизации собственных виджетов.
- Легкая интеграция с ChatGPT.

📌 GitHub: https://github.com/openai/openai-apps-sdk-examples

#typescript

🛠️📊 Логирование разработки с AI-поддержкой

Dev3000 собирает полную хронологию разработки вашего веб-приложения, включая логи сервера, события браузера и автоматические скриншоты. Этот инструмент упрощает отладку, позволяя AI-ассистентам, таким как Claude, анализировать все данные в одном месте.

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

📌 GitHub: https://github.com/vercel-labs/dev3000

#javascript

‍⚡️ Node.js 25 официально вышел — крупное обновление с акцентом на безопасность, производительность и стандарты веба

📦 Что нового

- В движке V8 обновление до версии 14.1, что даёт значительный прирост в быстродействии JSON.stringify
- Встроенная поддержка преобразований base64 / hex для Uint8Array
- Улучшения в WebAssembly и оптимизации JIT-конвейеров
- Введена модель разрешений: флаг --allow-net для сетевых операций
- Web Storage теперь включён по умолчанию
- ErrorEvent стал глобальным объектом
- Удалены давно устаревшие API, например SlowBuffer
- Добавлены улучшения удобства: портируемый compile cache, JSPI для WebAssembly и др.

⚠ Устаревания и удаление

В этой версии стали неподдерживаемыми / удалены:
- assert.fail с несколькими аргументами
- CallTracker
- Свойство asyncResource в async_hooks
- SlowBuffer
- _channel в child_process
- Некоторые методы в crypto, например ECDH.setPublicKey()
- И другие старые API и свойства

🔗 Полный список изменений: https://nodejs.org/en/blog/release/v25.0.0



#NodeJS #JavaScript #V8 #WebAssembly #Security #Release25 #DevNews

🧩 Удобный шаблон для синхронизации проектов

Sync Skeleton — это легковесный шаблон для упрощения синхронизации файлов и папок в проектах. Он помогает организовать структуру и автоматизировать процессы, что делает разработку более эффективной.

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

📌 GitHub:

#javascript

https://github.com/crutchcorn/sync-skeleton

🍏Ничего сверхъестественного - просто Gemini 3 Pro за один (!) промпт разворачивает полноценную симуляцию macOS или Windows прямо в браузере.

Всего 900 строк кода - и у вас уже есть рабочий интерфейс с анимациями, меню, браузером и даже терминалом.

Модель справляется с этим за 172 секунды.

Код и демо (https://codepen.io/ChetasLua/pen/EaPvqVo)уже доступны - а инсайдеры шепчут, что официальный релиз выйдет на этой неделе.
Первые тестеры называют Gemini 3 Pro «лучшим ИИ для кодинга на сегодня».

https://codepen.io/ChetasLua/pen/EaPvqVo

Шпаргалка по JavaScript

⚡ Full-Stack Next.js + Cloudflare Template

Шаблон для создания полнофункциональных приложений на Next.js 15 с использованием инфраструктуры Cloudflare. Идеален для MVP и масштабируемых решений, обеспечивая высокую производительность и безопасность.

🚀Основные моменты:
- Полная интеграция с Cloudflare Workers и D1/R2
- Использует современные возможности Next.js, включая Server Components
- Поддержка TypeScript для безопасной разработки
- Автоматизированные CI/CD процессы через GitHub Actions
- Глобальная доступность и низкая задержка

📌 GitHub:

#javascript

https://github.com/ifindev/fullstack-next-cloudflare

🎮 Elden GitHub: Погрузитесь в мир Elden Ring на GitHub!

Этот репозиторий предлагает уникальный опыт взаимодействия с GitHub, вдохновленный атмосферой Elden Ring. Исследуйте, создавайте и делитесь своими проектами в стиле любимой игры.

🚀Основные моменты:
- Интерактивные элементы, основанные на Elden Ring.
- Уникальный интерфейс для работы с репозиториями.
- Возможность делиться опытом с другими пользователями.
- Поддержка различных функций GitHub в игровом контексте.

📌 GitHub: https://github.com/SaltyAom/elden-github

#javascript

Table tenniCSS

Создано на HTML и SCSS, без использования JS.

https://codepen.io/amit_sheen/pen/PobQjMX

🪟🚀 Window Mode: Погружение в 3D мир через веб-камеру

Window Mode — это демонстрация 3D-камерного контроллера, который создает иллюзию окна в виртуальный мир. С помощью отслеживания положения лица пользователя, проектируется 3D-сцена, создавая эффект присутствия. Работает с любыми 3D-видео и не требует специального оборудования.

🚀Основные моменты:
- Эмуляция окна в 3D пространстве.
- Использует MediaPipe для отслеживания лица.
- Поддержка форматов .vv и .splv для 3D-сцен.
- Реализация на NextJS с использованием веб-воркеров.
- Ожидается открытие исходников библиотек.

📌 GitHub: https://github.com/True3DLabs/WindowMode

#javascript

🖥️ Простая настольная среда без графики

Desktop-TUI предлагает текстовый интерфейс для управления приложениями в стиле tmux. Он позволяет запускать команды, перемещать и изменять размеры окон, а также обрабатывать ошибки приложений. Идеально подходит для пользователей, предпочитающих терминал.

🚀Основные моменты:
- Поддержка файлов ярлыков для приложений
- Вывод любых команд с использованием stdout
- Настройка параметров тайлинга
- Обработка ошибок приложений
- Поддержка выбора файлов и папок для аргументов команд

📌 GitHub:

https://github.com/Julien-cpsn/desktop-tui

🗺️ AI-генератор бесконечных карт

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

🚀Основные моменты:
- 🗺️ Бесконечные карты с навигацией на базе Leaflet
- 🤖 Генерация тайлов с использованием модели Google Nano Banana
- 🔗 Учет соседних тайлов для плавных краев
- 💾 Локальное хранение данных

📌 GitHub: https://github.com/seezatnap/nano-banana-infinimap

#javascript

Изображение преобразуется в информационную карточку при нажатии на значок ➡️

#карточки

https://codepen.io/chandrashekhar/pen/vrddgg

Совет по CSS 💡

Знаете ли вы, что можно сделать очень тонкий скроллбар или даже скрыть его, при этом сохранив возможность прокрутки?

Это может помочь сделать интерфейс более аккуратным и менее загромождённым в некоторых случаях

🌐📊 Awesome Web Scraping: Полезный ресурс для разработчиков, собирающих данные с веб-сайтов. Содержит списки библиотек, инструментов и руководств по веб-скрапингу на различных языках программирования.

🚀Основные моменты:
- Обширные списки пакетов для Python, PHP, Ruby, JavaScript и Go.
- Инструменты командной строки для веб-скрапинга.
- Руководства и статьи по обучению веб-скрапингу.
- Ссылки на сервисы решения капчи и прокси-серверы.
- Обсуждения в Telegram для обмена опытом.

📌 GitHub:

#markdown

https://github.com/lorien/awesome-web-scraping

🌉 Умный мост между LSP и GitHub Copilot

Расширение для Visual Studio Code, которое интегрирует возможности любого сервера языков (LSP) с инструментами Model Context Protocol (MCP) и GitHub Copilot. Это решение улучшает взаимодействие с кодом, позволяя Copilot более эффективно находить объекты и предоставлять контекстные подсказки.

🚀 Основные моменты:
- Поддержка любого языка с активным LSP в VSCode
- Интеллектуальная навигация по кодовой базе
- Контекстные предложения и анализ кода
- Автоматическое улучшение ответов GitHub Copilot
- Интуитивно понятные инструменты для работы с кодом

📌 GitHub: https://github.com/sehejjain/Language-Server-MCP-Bridge

🚀 Удобный бандлер для PumpFun

Pumpfun Bundler позволяет создавать и покупать токены с использованием до 20 кошельков в одном пакете. Это быстрое и эффективное решение для взаимодействия с протоколом PumpFun, включая создание токенов и управление их метаданными.

🚀 Основные моменты:
- Поддержка создания и покупки токенов с 20 кошельками
- Легкая настройка через .env файл
- Включает методы для взаимодействия с PumpFun
- Простой пример использования в репозитории

📌 GitHub: https://github.com/printz-labs/pumpfun-bundler

#typescript

🎯 Умное преобразование чисел с плавающей точкой

nstr автоматически исправляет проблемы с точностью чисел, улучшая отображение в интерфейсах. Забудьте о некорректных значениях, таких как 0.30000000000000004 — теперь ваши числа выглядят аккуратно и правильно.

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

📌 GitHub (https://github.com/shuding/nstr)

🕵️‍♂️ Обход защиты от ботов с помощью браузерного отпечатка

Этот репозиторий предлагает решения для обхода анти-бот защит при веб-скрапинге. Он включает советы и инструменты для создания незаметных ботов, которые могут эффективно взаимодействовать с различными веб-сайтами, минимизируя риск блокировки.

🚀 Основные моменты:
- Стратегии обхода защиты от ботов
- Рекомендации по использованию прокси и сервисов
- Подходы к созданию естественных браузерных отпечатков
- Инструменты для работы с JavaScript-детекцией

📌 GitHub: https://github.com/niespodd/browser-fingerprinting

@linuxkalii