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

Прислать задачу/вопрос в дар: @cyberJohnny
Сотрудничество: @cyberJohnny
Download Telegram
⭐️ Дорожная карта для веб-разработчиков

Одна из самых впечатляющих дорожных карт, которые я когда-либо видел, была создана разработчиком из Дании.

Он разработал интерактивную карту для веб-разработчиков.

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

Это отличный способ организовать свое обучение и отслеживать прогресс в веб-разработке.

https://andreasbm.github.io/web-skills/

#roadmap #web #js #html #css
🔥2
🖥 boardgame.io (https://github.com/boardgameio/boardgame.io) — это движок для разработки пошаговых многопользовательских игр на JavaScript!

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

🔐 Лицензия: MIT

🖥 Github (https://github.com/boardgameio/boardgame.io)
🖥 NVM (Node Version Manager) — это инструмент для управления версиями Node.js, который можно устанавливать на уровне пользователя и использовать в каждой сессии терминала.

🌟 Он совместим с любыми оболочками, которые поддерживают стандарт POSIX, такими как sh, dash, ksh, zsh и bash, и работает на Unix, macOS и Windows WSL.

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

🔐 Лицензия: MIT

🖥 Github
🎉2🔥1
👩‍💻 Puck (https://github.com/measuredco/puck) — это визуальный редактор для React, который разработала компания Measured Corporation Ltd!

🌟 Он даёт возможность разработчикам создавать и изменять компоненты React с помощью простого в использовании интерфейса, что делает процесс разработки пользовательских интерфейсов более удобным. Puck предлагает функции перетаскивания компонентов, настройки их свойств и визуального редактирования структуры приложения.

🔐 Лицензия: MIT

🖥 Github (https://github.com/measuredco/puck)

@react_tg
🔥2
🖥 PDF.js (https://github.com/mozilla/pdf.js?tab=readme-ov-file) — это библиотека с открытым исходным кодом, созданная Mozilla, которая позволяет просматривать PDF-документы прямо в веб-браузерах с использованием стандартов HTML5 и JavaScript.

🔐 Лицензия: Apache-2.0

🖥 Github (https://github.com/mozilla/pdf.js?tab=readme-ov-file)
👍2
🖥 Sitefetch (https://github.com/egoist/sitefetch) — это инструмент для загрузки и сохранения содержимого веб-сайта в текстовом формате, который оптимизирован для взаимодействия с моделями искусственного интеллекта.

🌟 Он извлекает текст с выбранных страниц, преобразуя HTML в удобочитаемый текстовый файл. Это может быть полезно для обучения языковых моделей или анализа контента.

💡 Основные функции включают настройку выборки контента с помощью CSS-селекторов, фильтрацию страниц по шаблонам URL, а также управление количеством одновременных запросов для повышения производительности. Sitefetch легко устанавливается через пакетные менеджеры, такие как npm, pnpm или bun, и поддерживает как командную строку, так и API для интеграции в другие приложения.

🔐 Лицензия: MIT

🖥 Github (https://github.com/egoist/sitefetch)
🔥1
🖥 Dexie.js (https://github.com/dexie/Dexie.js) — это простая и удобная обёртка для работы с IndexedDB, встроенной базой данных, доступной в браузерах! 🌟 Dexie.js облегчает работу с IndexedDB, устраняя известные проблемы её реализации и обеспечивая более стабильный пользовательский опыт. 💡 К числу основных особенностей относятся поддержка всех современных браузеров, Electron и мобильных приложений через Capacitor. Dexie.js делает код более понятным и предлагает функции для синхронизации данных, работы с транзакциями и запросами. 🔐 Лицензия: Apache-2.0 🖥 Github (https://github.com/dexie/Dexie.js) (https://t.iss.one/javascriptv)
🖥 Pundit-TS (https://github.com/fatihky/pundit-ts) — это библиотека для управления доступом в TypeScript!

🌟 Она предлагает полную безопасность типов и помогает организовать логику авторизации в приложениях, обеспечивая гибкость в реализации различных моделей контроля доступа, таких как RBAC, ABAC и DAC.

🔐 Лицензия: MIT

🖥 Github (https://github.com/fatihky/pundit-ts)

(https://t.iss.one/javascriptv)
🖥 Wapy.dev (https://github.com/meceware/wapy.dev) — это инструмент для управления подписками и регулярными расходами. Он предлагает удобную панель для отслеживания, оптимизации и уведомлений о платежах.

🌟 Пользователи могут регистрировать свои подписки, получать напоминания о предстоящих платежах через email или push-уведомления. Также возможно анализировать расходы по категориям с поддержкой различных валют и часовых поясов.

🔐 Лицензия: MIT

🖥 Github (https://github.com/meceware/wapy.dev)

(https://t.iss.one/javascriptv)
👍1
🖥 Domain-Driven Hexagon (https://github.com/Sairyss/domain-driven-hexagon) — это учебный репозиторий, который посвящён проектированию программного обеспечения, основываясь на принципах Domain-Driven Design (DDD), гексагональной архитектуры и других архитектурных подходах.

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

🔐 Лицензия: MIT

🖥 Github (https://github.com/Sairyss/domain-driven-hexagon)

(https://t.iss.one/javascriptv)
🖥 Domain-Driven Hexagon (https://github.com/Sairyss/domain-driven-hexagon) — это учебный репозиторий, который посвящён проектированию программного обеспечения с применением принципов проектирования, ориентированного на домен (DDD), гексагональной архитектуры и других архитектурных подходов.

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

🔐 Лицензия: MIT

🖥 Github (https://github.com/Sairyss/domain-driven-hexagon)
👍1
🖥 Frappe Helpdesk (https://github.com/frappe/helpdesk) — это бесплатное и открытое программное обеспечение для управления запросами от клиентов, предназначенное для упрощения работы службы поддержки.

🌟 Оно предлагает возможности для обработки тикетов, клиентские и агентские порталы, систему автоматизации задач и инструмент для управления соглашениями об уровне обслуживания (SLA). Система позволяет легко отслеживать запросы клиентов, обеспечивать своевременные ответы и повышать общую эффективность службы поддержки.

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

🖥 Github (https://github.com/frappe/helpdesk)
This media is not supported in your browser
VIEW IN TELEGRAM
Простой вариант анимированного прелоадера.

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

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

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

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

🔐 Лицензия: MIT

🖥 Github (https://github.com/hiteshchoudhary/apihub)
🖥 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)
🖥 Runtipi (https://github.com/runtipi/runtipi) — это инструмент, который помогает настраивать и управлять локальным сервером. Он упрощает развертывание и управление саморазмещаемыми приложениями, делая этот процесс доступным для всех.

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

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

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

🖥 Github (https://github.com/runtipi/runtipi)
👍1
🖥 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)
👎1