JavaScript задачи с собеседований
Open in Telegram
Задачи, тесты и теоретические вопросы по JavaScript. Так же react, vue, angular, node.js Прислать задачу/вопрос в дар: @cyberJohnny Сотрудничество: @cyberJohnny
Show more4 690
Subscribers
-124 hours
-177 days
-4030 days
Posts Archive
🗺️ 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
Стань участником МТС True Tech Champ 2025 — масштабного ИТ-чемпионата по программированию с призовым фондом 10 250 000 рублей.
Соревнования пройдут в двух треках:
1. Алгоритмические задачи
Покажи индивидуальное мастерство в работе со структурами данных и написании алгоритмов. Чтобы успешно справиться с заданиями, пригодится опыт решения олимпиад.
2. Программирование роботов
Оживи робота с помощью кода, чтобы он прошел лабиринт быстрее всех. Трек будет интересен разработчикам: С++, Go, Python, JS, Java, C# и не только.
Участвовать могут школьники, студенты, начинающие ИТ-специалисты и опытные разработчики. Отборочные этапы пройдут онлайн, шоу-финал — 21 ноября в МТС Live Холл в Москве.
Ты можешь выйти на арену как участник или наблюдать за чемпионатом как зритель.
Регистрируйся до 20 октября по ссылке (https://truetechchamp.ru/?utm_source=tg_seeding&utm_medium=payed_posev&utm_campaign=True_tech_champ_2025&utm_content=javascriptv&erid=2W5zFGzUZng).
📸 Immich Drop Uploader - простой загрузчик для вашего Immich сервера
Легкое веб-приложение без регистрации для загрузки фото и видео на Immich. Поддерживает очередь загрузки, предотвращение дубликатов и сохранение оригинальных дат. Идеально подходит для мобильных устройств и обеспечивает конфиденциальность.
🚀 Основные моменты:
- Никаких аккаунтов — просто перетащите файлы
- Поддержка очереди с прогрессом через WebSocket
- Автоматическое добавление в альбом
- Темная тема и мобильная адаптация
- Легкая конфигурация через .env и Docker
📌 GitHub: https://github.com/Nasogaa/immich-drop
#javascript
+2
🚀 Promises-Training — практикуй промисы в JavaScript
Promises-Training — это коллекция упражнений по промисам с автоматическими тестами, где можно прокачать работу с async/await, .then/.catch, конкурентным выполнением и ограничением параллельности.
⏩ Почему полезно:
- Пошаговый рост сложности: от простых примеров до нетривиальных сценариев.
- Автотесты сразу показывают, правильно ли решена задача.
- Хорошо подходит, чтобы глубже понять асинхронность и промисы.
- Есть упражнения по реальным случаям: parallelMaxConcurrency, concurrencyOverride, extractingResolvers и др.
📦 Как начать:
npm create promises-training@latest
Запуск проверки конкретного упражнения:
npm run check /
🔥 Итог: отличный способ на практике закрепить работу с промисами и уверенно освоить асинхронность в JS.
Лежит тут: https://github.com/henriqueinonhe/promises-training
#javascript #тренажер #js
🔍 Проверка зависимости в CI
Provenance Action помогает обеспечить безопасность зависимостей в вашем проекте, выявляя изменения в их происхождении и статусе доверенного издателя. Поддерживает различные форматы lock-файлов и предоставляет аннотации в GitHub для упрощения анализа.
🚀 Основные моменты:
- Проверяет изменения в npm-происхождении зависимостей
- Поддерживает pnpm, yarn, bun и другие lock-файлы
- Генерирует JSON-вывод с результатами проверки
- Встраивает аннотации в lock-файлы для удобства
- Разработан на TypeScript, требует Node 24+
📌 GitHub: https://github.com/danielroe/provenance-action
#typescript
Table tenniCSS
Создано на HTML и SCSS, без использования JS.
#css
https://codepen.io/amit_sheen/pen/PobQjMX
Совет по CSS 💡
Иногда фавикон отлично смотрится в светлой теме, но выглядит плохо (или вовсе исчезает) в тёмной, и наоборот.
Такие мелкие детали могут портить общее впечатление от сайта.
Вот как это исправить 👆
🖥 bknd (https://github.com/bknd-io/bknd) — проект, который предоставляет решения для быстрого создания серверной инфраструктуры и бэкенда для мобильных приложений и веб-сервисов!
🌟 Это платформа для упрощения работы с бэкендом, обеспечивающая API для обработки пользователей, данных и аутентификации, а также другие серверные функции. Этот репозиторий направлен на разработчиков, которые хотят быстро создавать серверную часть своих приложений без необходимости писать серверный код с нуля.
🌟 Основные особенности проекта включают простоту интеграции, поддержку аутентификации и управления пользователями, а также возможность работы с реальным временем и уведомлениями.
🔐 Лицензия: MIT
🖥 Github (https://github.com/bknd-io/bknd)
Верстаешь?
Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке:
1. Ты сверстаешь веб-сайт на HTML + CSS;
2. Оживишь страницу с помощью JavaScript;
3. Используешь фронтенд-фреймворк Angular;
4. Подключишь Backend и загрузишь сайт на хостинг;
5. Получишь советы по доработке от эксперта;
6. Научишься использовать ChatGPT и Giga во Frontend-разработке;
7. Узнаешь 9 способов найти первый заказ даже без опыта.
А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 12-летним стажем – Романа Чернова.
👉 Проскочить на интенсив бесплатно (https://itlogia.ru/intensive/front?utm_source=tg&utm_medium=group&utm_campaign=fr_250925&utm_content=150925_javascriptv&erid=2W5zFJGawfN)
Начинаем уже завтра.
🔥 С нас обучение, практика и помощь с выходом на фриланс или собеседованием.
🎉 Открытая платформа для AI-чатов
Open-Fiesta — это многофункциональная среда для общения с ИИ, построенная на Next.js. Пользователи могут переключаться между различными провайдерами и моделями, сравнивать результаты и использовать веб-поиск и вложения изображений.
🚀 Основные моменты:
- Поддержка нескольких провайдеров (Gemini, OpenRouter и др.)
- Выбор до 5 моделей для работы
- Веб-поиск и вложения изображений
- Чистый интерфейс и удобное управление
📌 GitHub: https://github.com/NiladriHazra/Open-Fiesta
Solid
Эффект анимации при наведении мыши на текст.
#js
https://codepen.io/Sidstumple/pen/RwGJOow
