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

📞 RevShells (https://www.revshells.com/) — это сервис, который позволяет пользователям быстро создавать команды для обратных оболочек и соответствующие слушатели для разных операционных систем и сценариев.

🌟 Сайт поддерживает генерацию команд для Linux, Windows и Mac, а также предлагает выбор между различными типами оболочек и методами кодирования. Кроме того, RevShells.com интегрируется с инструментом HoaxShell, что предоставляет дополнительные возможности для создания нестандартных обратных оболочек.

🔐 Лицензия: MIT

🖥 Github (https://github.com/0dayCTF/reverse-shell-generator)
🔗 Веб-версия (https://www.revshells.com/)

🖥 В этой статье рассказывается о том, как разработать простой клон игры Crossy Road, используя библиотеку Three.js!

🌟 Автор подробно объясняет, как создать трехмерную игру в браузере с помощью JavaScript, охватывая ключевые этапы: создание сцены, настройка камеры, освещение, работа с материалами и текстурами, а также добавление анимации.

🔗 Ссылка: *клик* (https://www.freecodecamp.org/news/how-to-code-a-crossy-road-game-clone-with-threejs/)

🖥 Yaak (https://github.com/mountain-loop/yaak) — это приложение для работы с API (REST, GraphQL, SSE, WebSocket, gRPC), созданное с использованием Tauri, Rust и ReactJS!

🌟 Оно позволяет импортировать коллекции из Postman, OpenAPI, Swagger и других инструментов, а также предлагает удобные функции для авторизации (OAuth 2.0, JWT и др.), фильтрации ответов (JSONPath, XPath), организации рабочих пространств и использования переменных окружения.

🔐 Лицензия: MIT

🖥 Github (https://github.com/mountain-loop/yaak)

🌸 Typed Japanese

Для любителей технологий: энтузиасты решили изучать языки с помощью TypeScript.

Проект Typed Grammar (https://typedgrammar.com/) обучает грамматике (например, английскому или японскому) с использованием типов и структур программирования. И никаких зелёных сов!

🔗 GitHub (https://github.com/typedgrammar/typed-japanese)

🖥 Hoppscotch (https://github.com/hoppscotch/hoppscotch) — это открытая платформа для разработки API, которая упрощает тестирование и взаимодействие с API.

💡 Она предлагает удобный и быстрый интерфейс для отправки HTTP-запросов и получения ответов в реальном времени. Поддерживаются различные HTTP-методы, такие как GET, POST, PUT, PATCH, DELETE и другие. Платформа также предоставляет настраиваемые темы и возможность установки в виде прогрессивного веб-приложения (PWA).

🔐 Лицензия: MIT

🖥 Github (https://github.com/hoppscotch/hoppscotch)

🌐 Novu (https://github.com/novuhq/novu) — это открытая платформа для управления уведомлениями, созданная для разработчиков.

🌟 Она предлагает единый API для отправки уведомлений через различные каналы, такие как встроенные уведомления в приложении (In-App), push-уведомления, электронная почта, SMS и чаты. С помощью Novu можно разрабатывать настраиваемые рабочие процессы и устанавливать условия для каждого канала, обеспечивая эффективную доставку уведомлений пользователям.

🔐 Лицензия: MIT

🖥 Github (https://github.com/novuhq/novu)

🖥 Эта статья посвящена настройке документации в формате «Документы как код» с использованием Docusaurus и GitHub Actions!

🌟 Автор подробно объясняет, как установить Docusaurus, создать репозиторий, настроить конфигурационный файл docusaurus.config.js, редактировать документацию и автоматизировать развертывание с помощью GitHub Actions. Цель статьи — продемонстрировать, как разработчики могут эффективно управлять документацией, используя инструменты, применяемые в разработке программного обеспечения, такие как системы контроля версий и CI/CD-пайплайны.

🔗 Ссылка: *клик* (https://www.freecodecamp.org/news/set-up-docs-as-code-with-docusaurus-and-github-actions/)

👩‍💻 react-learning-resources (https://github.com/nareshbhatia/react-learning-resources) — это тщательно собранный список ресурсов для быстрого освоения React и связанных технологий.

🌟 В него включены материалы по TypeScript, React Router, управлению состоянием, тестированию, созданию UI-компонентов и лучшим практикам разработки. Даны ссылки на видеоуроки, документацию и инструменты, такие как Jest, Cypress, Storybook и другие.

🖥 Github (https://github.com/nareshbhatia/react-learning-resources)

⚡️ Эффект подсветки карточки при наведении с использованием свойства background-attachment

Мы применяем background-attachment, чтобы зафиксировать фон относительно области просмотра

https://codepen.io/jh3y/pen/RwqZNKa

🖥 Requestly — это инструмент для перехвата и изменения HTTP-запросов и ответов, созданный для фронтенд-разработчиков!

🌟 Он позволяет редактировать заголовки, перенаправлять URL, заменять файлы, ограничивать скорость запросов и тестировать API прямо в браузере. В отличие от Charles Proxy и Fiddler, Requestly не требует настройки прокси или VPN, что делает его удобным для работы в реальном времени.

🔐 Лицензия: AGPL-3.0

🖥 Github

‍⚡️ AVHub — это многофункциональный инструмент для работы с аудио и видео, созданный для упрощения внедрения мультимедийных возможностей в ваши проекты.

▪ Универсальность: Проект включает в себя набор функций для обработки медиа — от конвертации форматов до извлечения аудиодорожек и транскодирования, что позволяет работать с различными типами файлов в одном решении.
▪ Легкость интеграции: AVHub имеет простой и интуитивно понятный интерфейс, что облегчает его подключение к существующим приложениям и рабочим процессам.
▪ Расширяемость: Благодаря модульной архитектуре инструмент легко адаптируется под специфические задачи, позволяя добавлять новые функции и расширять его возможности в зависимости от потребностей проекта.
▪ Высокая производительность: Оптимизированные алгоритмы и поддержка современных медиаформатов обеспечивают быструю и эффективную обработку аудио-видео данных.

Если вы разрабатываете приложения, связанные с мультимедиа, и ищете мощное, но удобное решение для обработки аудио и видео, AVHub от levywang — отличный вариант для повышения эффективности вашей работы.

🔥 Excalidraw (https://github.com/excalidraw/excalidraw) — это виртуальная доска с открытым исходным кодом, предназначенная для создания диаграмм и набросков от руки.

🌟 Она предлагает бесконечный холст, разнообразные инструменты (прямоугольники, круги, стрелки, линии, свободное рисование, ластик и другие), поддержку изображений и библиотек форм, а также возможность экспорта в форматы PNG, SVG и в буфер обмена. Приложение поддерживает тёмный режим, локализацию на разные языки и настраиваемый интерфейс.

🔐 Лицензия: MIT

🖥 Github (https://github.com/excalidraw/excalidraw)

🖥 PairDrop (https://github.com/schlagmichdoch/PairDrop) — это кроссплатформенное приложение для обмена файлами, которое было разработано на основе AirDrop от Apple!

💡 С его помощью можно передавать файлы по локальной сети через веб-браузер или использовать временные публичные комнаты для передачи через интернет. PairDrop совместим со всеми устройствами, которые имеют современные браузеры, и не требует установки, настройки или регистрации.

🔐 Лицензия: GPL-3.0

🖥 Github (https://github.com/schlagmichdoch/PairDrop)

🖥 JavaScript знает явно больше нас.

🖥 Рекомендация: устанавливайте значения по умолчанию при уничтожении объектов или массивов!

🖥 Reubah (https://github.com/dendianugerah/reubah) — это веб-инструмент для редактирования изображений и конвертации документов!

💡 Он представляет собой универсальное решение, поддерживающее множество форматов изображений (JPG, PNG, WebP, GIF, BMP) и документов (PDF, DOCX, DOC, ODT, RTF, TXT). Инструмент создан с акцентом на простоту использования и доступен через веб-интерфейс.

🌟 Reubah предлагает функции, такие как пакетная обработка, оптимизация изображений, удаление фона (в разработке) и изолированная среда обработки данных. Инструмент можно быстро установить с помощью Docker, что делает его удобным для локального использования или интеграции в другие проекты.

🔐 Лицензия: MIT

🖥 Github (https://github.com/dendianugerah/reubah)

🖥 Runtipi (https://github.com/runtipi/runtipi) — это инструмент, который помогает настраивать и управлять локальным сервером. Он упрощает развертывание и управление саморазмещаемыми приложениями, делая этот процесс доступным для всех.

🌟 Runtipi основан на Docker и предлагает удобный веб-интерфейс, с помощью которого можно устанавливать и управлять популярными приложениями всего в один клик.

💡 Этот инструмент идеально подходит для тех, кто хочет запустить свои собственные сервисы, такие как медиасерверы, менеджеры паролей, облачные хранилища и многое другое. Благодаря простоте установки и использования, Runtipi помогает избежать сложностей, связанных с ручной настройкой сети и конфигурацией.

🔐 Лицензия: GPL-3.0

🖥 Github (https://github.com/runtipi/runtipi)

🖥 es-toolkit (https://github.com/toss/es-toolkit?tab=readme-ov-file) — это современная и производительная утилита для JavaScript с небольшим размером и качественными типовыми аннотациями.

🌟 Она предлагает множество функций, таких как debounce, delay, chunk, sum и pick, с улучшенной производительностью, которая в 2-3 раза выше и размером до 97% меньше по сравнению с другими библиотеками, например, lodash. Библиотека поддерживает Tree Shaking и TypeScript, что обеспечивает высокую надежность и тестовое покрытие.

🔐 Лицензия: MIT

🖥 Github (https://github.com/toss/es-toolkit?tab=readme-ov-file)

🖥 APIHub (https://github.com/hiteshchoudhary/apihub?tab=readme-ov-file) — это платформа, предназначенная для удобного взаимодействия с API.

🌟 Она помогает разработчикам находить, структурировать и управлять различными API, которые можно использовать в своих приложениях. APIHub предлагает функции для поиска и применения публичных API, а также позволяет интегрировать их в проекты для повышения эффективности работы.

🔐 Лицензия: MIT

🖥 Github (https://github.com/hiteshchoudhary/apihub)

Простой вариант анимированного прелоадера.

Примеры использования:
🔶 ожидание расчёта стоимости страховки на автомобиль;
🔶 ожидание подтверждения оплаты.

#прелоадер #ожидание #загрузка

https://codepen.io/rikhnovets/pen/OJKLWgy