وب‌سرویس مجید

پروژه‌های متن‌باز | OpenSource Projects

این مخزن یک مرکز منابع باکیفیت برای یادگیری توسعه وب هست که زمان شما رو در مسیر یادگیری بهینه می‌کنه کاربرد: این مجموعه به توسعه‌دهندگان کمک می‌کنه تا بدون گم شدن در دریای اینترنت، به بهترین منابع آموزشی دسترسی داشته باشن در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای سریع وارد دنیای توسعه وب بشی، یا ...

  • #webdev
  • #learning
  • #programming
  • #frontend
  • #backend
  • #JavaScript
  • #React
  • #NodeJS
  • #coding
  • #devtools

این یک پیکربندی سبک از Neovim نوشته‌شده به زبان Lua است که به‌طور خاص برای توسعه‌ی وب طراحی شده است. کاربرد: این پیکربندی به توسعه‌دهندگان وب کمک می‌کند تا با یک محیط سبک، سریع و بهینه‌شده، کدنویسی فرانت‌اند و بک‌اند را در Neovim انجام دهند. در چه شرایطی بهتره استفاده بشه؟ اگر دنبال یک محیط توسعه‌ی ...

  • #webdev
  • #neovim
  • #lua
  • #vim
  • #frontend
  • #javascript
  • #typescript
  • #coding
  • #developer
  • #productivity

این مخزن شامل بیش از ۴۰ پروژه توسعه وب است که به شما کمک می‌کند مهارت‌های خود را در HTML، CSS و JavaScript تقویت کنید. کاربرد: این پروژه‌ها برای یادگیری عملی و ساخت نمونه‌کار مناسب هستند، چه یک تازه‌کار باشید و چه دارید برای شغل تقویت می‌کنید. هر پروژه یک چالش کوچک است که به درک بهتر مفاهیم جلوی جلو ...

  • #WebDevelopment
  • #JavaScript
  • #HTML_CSS
  • #FrontendProjects
  • #BeginnerFriendly
  • #CodePractice
  • #PortfolioIdeas
  • #LearnToCode
  • #WebDesign
  • #CodingTips

این کتاب یک راهنمای جامع برای توسعه‌ی وب با زبان برنامه‌نویسی Rust است و مفاهیم پایه تا پیشرفته‌ی ساخت برنامه‌های تحت وب را پوشش می‌دهد. کاربرد: آموزش ساخت سرورهای وب، مدیریت درخواست‌ها، کار با پایگاه داده، امنیت و بهینه‌سازی عملکرد با استفاده از ابزارها و کتابخانه‌های Rust مثل Actix، Tokio و Warp. ...

  • #web_development
  • #RustLang
  • #backend
  • #API
  • #Tokio
  • #Actix
  • #Warp
  • #high_performance
  • #secure_code
  • #microservices

این پروژه یک مخزن جامع از منابع مفید برای توسعه‌دهندگان است که تمامی ابزارها، کتابخانه‌ها، راهنماها و منابع آموزشی را در یک مکان جمع‌آوری کرده است. کاربرد: این مخزن به توسعه‌دهندگان کمک می‌کند تا بدون نیاز به جست‌وجوهای طولانی، به سریع‌ترین و بهترین منابع دسترسی داشته باشند. ️ در چه شرایطی بهتره است ...

  • #DeveloperResources
  • #WebDevelopment
  • #OpenSource
  • #ProgrammingTools
  • #LearnToCode
  • #DevTools
  • #CodeTips
  • #WebDevsCom
  • #TechResources
  • #FreeLearning

چه کاری انجام میده؟ این فریم‌ورک یک ابزار خودکارسازی تست برای مرورگرها و دستگاه‌های موبایل در محیط Node.js هست که به توسعه‌دهندگان کمک می‌کنه تست‌های یکپارچه و عملکردی رو به راحتی بنویسند و اجرا کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری تست‌های پیچیده روی وب‌اپلیکیشن‌ها یا اپلیکیشن‌های مو ...

  • #WebdriverIO
  • #AutomationTesting
  • #NodeJS
  • #BrowserTesting
  • #MobileTesting
  • #E2ETesting
  • #CI_CD
  • #JavaScript
  • #TypeScript
  • #TestFramework

این پروژه یک مجموعه الگوی پیشرفته و شفاف برای ساخت برنامه‌های فرانت‌اند (وب، ری‌اکت، ری‌اکت نیتیو، وو) با قابلیت پشتیبانی از TypeScript، Webpack 4 یا Parcel و مدیریت حالت با MobX یا Redux است. کاربرد: این الگوها به توسعه‌دهندگان کمک می‌کنند تا سریع‌تر و حرفه‌ای‌تر پروژه‌های وبی را راه‌اندازی کنند، ب ...

  • #web_development
  • #react
  • #vue
  • #typescript
  • #webpack
  • #parcel
  • #mobx
  • #redux
  • #boilerplate
  • #frontend

کاربرد: این پروژه یک الگوی آماده برای ساخت افزونه‌های مرورگری است که به تو اجازه می‌دهد یک بار کد بنویسی و اون رو روی همه مرورگرهای اصلی مثل کروم، فایرفاکس و اج اجرا کنی از فناوری‌های مدرن مثل Vite، React و TypeScript پشتیبانی می‌کنه و فرآیند توسعه رو سریع‌تر و راحت‌تر می‌کنه. در چه شرایطی بهتره است ...

  • #web_extension
  • #browser_extension
  • #vite
  • #react
  • #typescript
  • #cross_browser
  • #developer_tools
  • #open_source

این یک الگوی آماده برای ساخت افزونه مرورگری با استفاده از Svelte و TypeScript است که توسعه‌دهندگان را در راه‌اندازی سریع پروژه یاری می‌کند. ️ کاربرد: این پروژه به شما کمک می‌کنه تا با پیکربندی اولیه افزونه مرورگری (مثل کروم، فایرفاکس و غیره) بدون دردسر شروع کنید. تمام ابزارهای لازم مثل Webpack، Jest ...

  • #browser_extension
  • #Svelte
  • #TypeScript
  • #Webpack
  • #Jest
  • #Prettier
  • #GitHubActions
  • #web_dev
  • #frontend
  • #dev_tools

این ابزار یک جعبه ابزار کوچک خط فرمان (CLI) برای توسعه افزونه‌های چندمرورگری (WebExtension) است. ️ کاربرد: این ابزار به توسعه‌دهندگان کمک می‌کند تا افزونه‌های مرورگری را برای مرورگرهای مختلف (مثل Chrome، Firefox و Edge) با یک پایه کد مشترک بسازند و مدیریت کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی م ...

  • #webextension
  • #browser_extension
  • #CLI_tool
  • #cross_browser
  • #Chrome_extension
  • #Firefox_addon
  • #Edge_extension
  • #dev_tool
  • #extension_development
  • #web_dev

کاربرد: این پروژه یک پلتفرم یکپارچه برای توسعه‌ی همزمان در وب، فلاتر و راست فراهم می‌کنه . با استفاده از این ابزار، توسعه‌دهندگان می‌تونن از قدرت هر سه فناوری به صورت هماهنگ بهره ببرن و کدهای مشترک رو به اشتراک بذارن. در چه شرایطی بهتره استفاده بشه؟ وقتی داری روی یک پروژه‌ی چندسکویی کار می‌کنی و می‌ ...

  • #cross_platform
  • #Flutter
  • #Rust
  • #WebAssembly
  • #UI_Sharing
  • #Code_Sharing
  • #Multiplatform_Development
  • #OpenSource
  • #WebF
  • #Hybrid_Apps

کاربرد: این پروژه یک چارچوب مدیریتی (Admin Framework) و سایت موبایلی مبتنی بر Spring Boot و Vue.js هست که به توسعه‌دهندگان کمک می‌کنه تا به راحتی پنل‌های مدیریت و وب‌سایت‌های واکنش‌گرا رو توسعه بدن. ️ در چه شرایطی بهتره استفاده بشه؟ اگر داری یک پروژه فول استک می‌سازی و نیاز به یک پنل مدیریت حرفه‌ای ...

  • #admin_panel
  • #spring_boot
  • #vuejs
  • #fullstack
  • #web_development
  • #dashboard
  • #mobile_website
  • #reactive_ui
  • #backend_framework
  • #frontend_framework

کاربرد: این پروژه برای مقایسه سرعت و عملکرد فریم‌ورک‌های مختلف وب طراحی شده است. هدف اصلی، تعیین این است که کدام فریم‌ورک در انجام درخواست‌های HTTP سریع‌تر عمل می‌کند. در چه شرایطی بهتره استفاده بشه؟ اگر داری یک سرویس با عملکرد بالا می‌سازی و نیاز داری بدونی کدام فریم‌ورک کمترین تأخیر رو داره، این پ ...

  • #web_frameworks
  • #performance_benchmark
  • #backend_dev
  • #microservices
  • #fastapi
  • #nodejs
  • #golang
  • #rust_web
  • #api_development
  • #high_performance

کاربرد: این ابزار یک سیستم نظارت بر عملکرد فرانت‌اند و جمع‌آوری داده‌های رفتار کاربر (مثل کلیک، بازدید، خطاهای جاوااسکریپت) هست که به صورت محلی و بدون وابستگی به سرویس‌های خارجی قابل نصب و مدیریت می‌شه. ️ در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری داده‌های کاربرانت رو مخصوصاً از نظر سرعت بارگذار ...

  • #web_monitoring
  • #frontend_performance
  • #user_behavior_tracking
  • #self_hosted
  • #privacy_first
  • #error_tracking
  • #web_analytics
  • #javascript_monitoring
  • #open_source_tool
  • #performance_optimization

کاربرد: این پروژه مجموعه‌ای از دیکشنری‌ها و پیلودهای مورد استفاده در تست نفوذ و فازینگ وب (Web Fuzzing) رو فراهم می‌کنه. با استفاده از این ابزار می‌تونی نقاط ضعف در برنامه‌های تحت وب مثل فایل‌های پنهان، مسیرهای قابل دسترسی، ورودی‌های آسیب‌پذیر و حملات احتمالی مثل SQLi، XSS و LFI رو شناسایی کنی. در چ ...

  • #WebSecurity
  • #Fuzzing
  • #PenTesting
  • #BugBounty
  • #Payloads
  • #CTF
  • #SecurityTools
  • #WebTesting
  • #EthicalHacking
  • #RedTeam

چیه؟ یک موتور کاملاً جدید برای ساخت داستان‌های بصری (ویژوال ناول) در مرورگر وب این ابزار به تو اجازه می‌ده تا با استفاده از فناوری‌های وب مثل HTML، CSS و JavaScript، بازی‌های داستانی جذاب بسازی که روی هر دستگاهی بدون نیاز به نصب اجرا می‌شن کاربرد: ساخت ویژوال ناولهای تعاملی که مستقیماً در مرورگر اجر ...

  • #VisualNovel
  • #WebGame
  • #OpenSource
  • #InteractiveStory
  • #BrowserGame
  • #IndieDev
  • #WebGL
  • #GameEngine
  • #Storytelling
  • #WebGAL

کاربرد: این پروژه شامل درس‌های آموزشی برای یادگیری WebGL 2 از مبانی اولیه است. به کاربران کمک می‌کند تا با مفاهیم گرافیک سه‌بعدی در مرورگر، رندرینگ، شیدرها، بافرها و دیگر اجزای مهم WebGL 2 آشنا شوند. در چه شرایطی بهتره استفاده بشه؟ اگر دنبال یادگیری گرافیک کامپیوتری در مرورگر هستی و می‌خوای بدونی چط ...

  • #WebGL2
  • #GraphicsProgramming
  • #LearnWebGL
  • #3DGraphics
  • #ShaderProgramming
  • #WebDevelopment
  • #InteractiveGraphics
  • #ComputerGraphics
  • #FrontendDev
  • #GameDev

این پروژه یک سیستم ورودی متن با قابلیت پشتیبانی از IME (Input Method Editor) برای بازی‌ها و برنامه‌های ساخته‌شده با Unity WebGL است. کاربرد: وقتی بازی یا برنامه‌ات رو با Unity به پلتفرم WebGL اکسپورت می‌کنی، معمولاً فیلدهای ورودی متن (مثل input box) در مرورگر مشکل دار می‌شن، به‌ویژه برای زبان‌هایی م ...

  • #WebGL
  • #Unity3D
  • #IME
  • #InputSystem
  • #GameDev
  • #WebDevelopment
  • #ChineseInput
  • #JapaneseInput
  • #KoreanInput
  • #BrowserGames

این مجموعه نمونه‌هایی از الگوریتم‌های رندرینگ را با استفاده از WebGPU پیاده‌سازی می‌کند. کاربرد: این پروژه به توسعه‌دهندگان کمک می‌کند تا با قابلیت‌های پیشرفته WebGPU آشنا شوند و نحوه پیاده‌سازی الگوریتم‌های گرافیکی مانند نورپردازی، سایه، رندرینگ حجمی و غیره را در مرورگر ببینند. ️ در چه شرایطی بهتره ...

  • #WebGPU
  • #Graphics
  • #Rendering
  • #WebGLAlternative
  • #PBR
  • #RayMarching
  • #GPUProgramming
  • #WebDevelopment
  • #3DGraphics
  • #RealTimeRendering

این یک فریم‌ورک گرافیکی چندسکویی مبتنی بر فناوری‌های وب است که از تم تاریک پیش‌فرض بهره می‌برد. کاربرد: این فریم‌ورک به توسعه‌دهندگان اجازه می‌دهد تا با استفاده از HTML، CSS و JavaScript، رابط‌های کاربری دسکتاپی برای چندین پلتفرم (مثل ویندوز، مک و لینوکس) بسازند، بدون نیاز به نوشتن کد بومی برای هر س ...

  • #WebGUI
  • #CrossPlatform
  • #DesktopApp
  • #DarkTheme
  • #HTML
  • #JavaScript
  • #Linux
  • #Windows
  • #MacOS
  • #WebTech

این یک رابط کاربری تحت وب برای ابزار قدرتمند Hashcat است که به کاربران اجازه می‌دهد بدون نیاز به دستورات پیچیده خط فرمان، از قابلیت‌های Hashcat برای شکستن هش‌ها استفاده کنند. ️ کاربرد: این ابزار برای تست امنیت رمزهای عبور، بازیابی هش‌های فراموش شده و ارزیابی قدرت هش‌های ذخیره شده در سیستم‌ها مناسب ا ...

  • #Hashcat
  • #WebInterface
  • #CyberSecurity
  • #PasswordCracking
  • #PenTesting
  • #EthicalHacking
  • #SecurityTools
  • #WebApp
  • #InfoSec
  • #RedTeam

این یک الگوی آماده (boilerplate) برای ساخت سرورهای مدرن تحت وب با استفاده از Haskell است که تمامی ابزارهای ضروری برای شروع یک پروژه حرفه‌ای را در خود دارد. کاربرد: این پروژه به تو کمک می‌کنه تا بدون دردسر راه‌اندازی اولیه، یک سرویس وب قدرتمند با قابلیت‌هایی مثل GraphQL، احراز هویت (Authentication)، ...

  • #webdev
  • #Haskell
  • #GraphQL
  • #PostgreSQL
  • #Boilerplate
  • #Authentication
  • #DBMigration
  • #Dotenv

کاربرد: این ابزار یک سرور سبک‌وزن برای دریافت وب‌هوک‌های ورودی است که با دریافت درخواست‌های HTTP، دستورات شل (shell commands) را اجرا می‌کند. مناسب اتوماسیون وصل کردن سرویس‌های مختلف مثل گیت‌هاب، گیت‌لب یا CI/CD است. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری بدون نوشتن کد پیچیده، یک نقطه پایان ...

  • #webhook
  • #automation
  • #devops
  • #ci_cd
  • #github
  • #gitlab
  • #shell_script
  • #deployment
  • #webhook_server
  • #linux

این یک موتور جستجوی سمت کلاینت برای وب‌سایت‌های استاتیک است کاربرد: این ابزار به شما امکان می‌دهد بدون نیاز به سرور پویا، قابلیت جستجوی سریع و هوشمند روی سایت‌های استاتیک (مثل سایت‌های ساخته شده با Hugo، Jekyll یا Astro) فعال کنید در چه شرایطی بهتره استفاده بشه؟ وقتی یک سایت مستندات، وبلاگ یا پروژه‌ ...

  • #static_site
  • #client_side_search
  • #webidx
  • #search_engine
  • #documentation
  • #hugo
  • #jekyll
  • #astro
  • #frontend
  • #no_backend

این یک پلتفرم کاملاً خودکار و بهینه‌سازی‌شده برای راه‌اندازی سایت‌های وردپرسی، PHP و سایت‌های استاتیک است. با استفاده از LEMP (لینوکس، NGINX، MySQL، PHP) طراحی شده و روی سرعت، امنیت و سادگی تمرکز دارد. کاربرد: راه‌اندازی سریع و بدون دردسر وب‌سایت‌های مبتنی بر وردپرس یا PHP روی سرورهای لینوکسی، بدون ...

  • #WordPress
  • #PHP
  • #LEMP
  • #Nginx
  • #WebHosting
  • #Automation
  • #Security
  • #StaticSites
  • #DevOps
  • #WebServer

این پروژه یک فریم‌ورک وب مبتنی بر ReactJS بود که وظیفهٔ اصلی‌اش پردازش درخواست‌ها و راه‌اندازی سایر اپلیکیشن‌ها بود. همچنین شامل کامپوننت‌های اصلی ری‌اکت برای ساخت رابط کاربری بود. کاربرد: این اپلیکیشن به عنوان هستهٔ اصلی سیستم Webiny عمل می‌کرد و بقیهٔ ماژول‌ها و اپلیکیشن‌ها را مدیریت و اجرا می‌کرد ...

  • #webiny
  • #reactjs
  • #cms
  • #notmaintained
  • #javascript
  • #webframework
  • #legacy
  • #frontend
  • #opensource
  • #webdevelopment

چه کاری انجام میده؟ این یک سیستم مدیریت محتوای سرورلس و متن‌باز برای سطح سازمانیه که شامل CMS بدون سر، سازنده صفحات، سازنده فرم و مدیریت فایل میشه. کاملاً قابل سفارشی‌سازی و گسترش هست و روی AWS استقرار می‌یابه. کاربرد: برای ساخت وب‌سایت‌های پویا، پلتفرم‌های محتوا و برنامه‌های سازمانی که نیاز به مدیر ...

  • #headlessCMS
  • #serverless
  • #webiny
  • #AWS
  • #pageBuilder
  • #formBuilder
  • #fileManager
  • #customizableCMS
  • #openSource
  • #enterpriseCMS

این ابزار به شما این امکان را می‌دهد که دستورات kubectl را مستقیماً در مرورگر وب اجرا کنید بدون نیاز به نصب هیچ ابزار اضافی روی سیستم، می‌توانید به کلاستر کوبرنتیس متصل شوید و مدیریت آن را آغاز کنید کاربرد: این ابزار برای توسعه‌دهندگان و ادمین‌های سیستم که می‌خواهند به صورت سریع و امن به محیط‌های کو ...

  • #Kubernetes
  • #WebConsole
  • #kubectl
  • #DevOps
  • #BrowserTool
  • #CloudNative
  • #RemoteAccess
  • #WebTerminal
  • #1Panel
  • #ContainerManagement

این پروژه یک جایگزین کامل برای Overleaf است که تمام قابلیت‌های یک محیط توسعه حرفه‌ای را برای نوشتن مستندات LaTeX فراهم می‌کند. کاربرد: این ابزار برای نوشتن پروژه‌های علمی، مقالات، پایان‌نامه‌ها و هر نوع سند فنی با فرمت LaTeX طراحی شده و با ترکیب VSCode، Git و Copilot، تجربه‌ای حرفه‌ای و یکپارچه ارائ ...

  • #LaTeX
  • #VSCode
  • #GitHubCodespaces
  • #LiveCollaboration
  • #GitIntegration
  • #Copilot
  • #SpellChecker
  • #ResearchTools
  • #AcademicWriting
  • #DevContainer

این پروژه به مدیریت پیوندهای بین منابع در برنامه‌های تحت وب کمک می‌کند. با استفاده از آن می‌توانید به راحتی Link Headers را برای منابع مختلف مانند تصاویر، اسکریپت‌ها یا صفحات بعدی اضافه کنید. کاربرد: این ابزار به شما کمک می‌کند تا عملکرد وب‌سایت رو بهبود بدید، مثلاً با پیش‌بارگذاری منابع یا پیش‌دریا ...

  • #web_performance
  • #php
  • #symfony
  • #preload
  • #prefetch
  • #preconnect
  • #optimization
  • #web_dev
  • #link_header
  • #backend

کاربرد: این ابزار یک موتور قدرتمند برای اجرای مدل‌های بزرگ زبان (LLM) به صورت مستقیم در مرورگر بدون نیاز به سرور یا اتصال به ابر است. این یعنی می‌تونی هوش مصنوعی رو روی دستگاه خودت اجرا کنی، بدون اینکه داده‌هایت ارسال بشن و حریم خصوصیت حفظ میشه. در چه شرایطی بهتره استفاده بشه؟ وقتی به دنبال اجرای هو ...

  • #WebLLM
  • #MLC
  • #InBrowserAI
  • #LLM
  • #PrivacyFirst
  • #EdgeAI
  • #OpenSource
  • #AIOnDevice
  • #WebAI
  • #MachineLearning

چت با مدل‌های بزرگ هوش مصنوعی را مستقیماً در مرورگر خود تجربه کنید. این پروژه به شما امکان می‌دهد بدون نیاز به سرور، و با حفظ حریم خصوصی کامل، با هوش مصنوعی گفت‌وگو کنید. کاربرد: با استفاده از این ابزار، می‌توانید مدل‌های زبان بزرگ (LLM) را مستقیماً در مرورگر اجرا کنید. این یعنی داده‌های شما هرگز از ...

  • #WebLLM
  • #AIChat
  • #PrivacyFirst
  • #OnDeviceAI
  • #BrowserAI
  • #OpenSourceAI
  • #MLC
  • #EdgeComputing
  • #LLM
  • #NoServerNeeded

این پروژه یک مشخصات (spec) و کتابخانهٔ مشتری برای توسعهٔ برنامه‌های WebLN و ارائه‌دهندگان آن فراهم می‌کند. کاربرد: این ابزار به توسعه‌دهندگان اجازه می‌دهد تا به راحتی با شبکهٔ Lightning در مرورگر کاربران تعامل داشته باشند، بدون نیاز به نصب کیف پول جداگانه. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوا ...

  • #WebLN
  • #Bitcoin
  • #LightningNetwork
  • #DecentralizedPayments
  • #Web3
  • #CryptoPayments
  • #OpenSource
  • #BrowserWallet
  • #NoCustody
  • #JouleLabs

کاربرد: این فریم‌ورک یک وب سرور PHP با عملکرد بالا و سرعت بسیار مناسب برای ساخت برنامه‌های تحت وب و APIهای سریع است. با استفاده از آن می‌توانید وب‌سرویس‌های مقیاس‌پذیر و پرسرعت بسازید که بهینه برای ترافیک سنگین طراحی شده‌اند. در چه شرایطی بهتره استفاده بشه؟ وقتی به دنبال یک فریم‌ورک PHP هستید که سرع ...

  • #webman
  • #PHPFramework
  • #HighPerformance
  • #Microservices
  • #API
  • #RealTime
  • #WebServer
  • #FastPHP
  • #Scalable
  • #Backend

این ابزار یک نسخهٔ ارتقایافته از webMAN برای کنسول PS3 است که خدمات گستردهای مثل سرور وب، فایل‌ترانسفر (FTP)، پخش بازی از طریق شبکه (netiso)، پشتیبانی از فایل‌سیستم NTFS و مدیریت بازی‌ها از طریق حافظه (ps3mapi) فراهم می‌کند. ️ کاربرد: این ابزار به کاربران اجازه می‌دهد تا به صورت ریموت و از طریق مرور ...

  • #webMAN_MOD
  • #PS3_Hacking
  • #NetISO
  • #PS3_Modding
  • #FTP_Server
  • #NTFS_Support
  • #Remote_Control
  • #Game_Booting
  • #PS3_Tools
  • #Custom_Firmware

این ابزار یک داشبورد تحت وب برای ابزار معروف امنیتی Nmap است که به کاربران اجازه می‌دهد اسکن‌های شبکه را به صورت گرافیکی مدیریت، اجرا و گزارش‌دهی کنند کاربرد: این ابزار برای امنیت‌کاران، تست‌کنندگان نفوذ و مدیران شبکه طراحی شده تا استفاده از Nmap را از طریق یک رابط کاربری وبی ساده و کارآمد ممکن کند. ...

  • #WebMap
  • #Nmap
  • #NetworkScanning
  • #PenetrationTesting
  • #SecurityTools
  • #WebDashboard
  • #CyberSecurity
  • #VulnerabilityAssessment
  • #BugBounty
  • #RedTeam

این کتابخانه یک ابزار بهینه‌سازی برای برنامه‌های تحت وب مبتنی بر .NET است که با کاهش حجم کد HTML، XHTML و XML، سرعت بارگذاری صفحات را افزایش می‌دهد. کاربرد: کم کردن حجم کد تگ‌های نشانه‌گذاری (مانند HTML و XML) بدون از دست دادن عملکرد، برای بهبود عملکرد وب‌سایت‌ها و کاهش زمان بارگذاری صفحه. در چه شرا ...

  • #WebMarkupMin
  • #PerformanceOptimization
  • #HTMLMinifier
  • #XMLMinifier
  • #ASPNET
  • #WebDevelopment
  • #DotNet
  • #Minification
  • #WebApps
  • #PageSpeed

ویرایش تمپلیت‌های وب در ایمکس رو با این ابزار راحت‌تر کن ️ کاربرد: این حالت ویرایش (mode) برای ایمکس طراحی شده تا ویرایش فایل‌های HTML، PHP، JSX، و دیگر تمپلیت‌های ترکیبی وب رو بهینه کنه. با پشتیبانی از syntax highlighting، indent خودکار و قابلیت‌های هوشمند ویرایش، کدنویسی رو سریع‌تر و تمیزتر می‌کنه ...

  • #web_development
  • #emacs
  • #web_mode
  • #template_editing
  • #frontend
  • #php
  • #javascript
  • #coding_tools

کاربرد: این نرم‌افزار برای پردازش تصاویر هوایی که توسط پهپادها گرفته می‌شود، طراحی شده است. ️ با استفاده از این ابزار می‌توانید تصاویر دو بعدی و سه بعدی از مناطق جغرافیایی مختلف ایجاد کنید، نقشه‌های دقیق ارتفاعی بسازید و داده‌های مکانی را تحلیل کنید. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز به نقشه ...

  • #WebODM
  • #OpenDroneMap
  • #DroneImagery
  • #GIS
  • #3DMapping
  • #PrecisionAgriculture
  • #UrbanPlanning
  • #DisasterResponse
  • #AerialPhotogrammetry
  • #Geospatial

کاربرد: این یک نسخهٔ وب از اپلیکیشن تلگرامه که به صورت متن‌باز و تحت مجوز GPL v3 منتشر شده. شما می‌تونید بدون نیاز به نصب اپلیکیشن، از طریق مرورگر به تلگرام وصل بشید و پیام‌ها رو مدیریت کنید. در چه شرایطی بهتره استفاده بشه؟ وقتی دسترسی به اپلیکیشن رسمی تلگرام ندارید، مثلاً روی سیستم‌های عمومی یا دست ...

  • #webogram
  • #telegram_web
  • #open_source
  • #privacy
  • #web_app
  • #messaging
  • #GPLv3
  • #ZhuKov
  • #self_hosted

کاربرد: Webots یک شبیه‌ساز رباتیک قدرتمند و متن‌بازه که به توسعه‌دهندگان و محققان اجازه می‌دهد ربات‌ها، سنسورها و محیط‌های پیچیده رو شبیه‌سازی کنند. این ابزار برای تست الگوریتم‌های حرکت، هوش مصنوعی، یادگیری ماشین و کنترل ربات در محیط‌های مجازی استفاده می‌شه. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خ ...

  • #robotics
  • #simulation
  • #AI
  • #machine_learning
  • #autonomous_vehicles
  • #Webots
  • #research
  • #education
  • #robot_simulation
  • #open_source

کاربرد: یک ابزار بسته‌بندی (bundler) برای جاوااسکریپت و فایل‌های مرتبط هست که چندین ماژول را در چند فایل منبع باندل شده ترکیب می‌کند. با قابلیت تقسیم کد (Code Splitting)، بخش‌هایی از برنامه را به صورت درخواستی بارگذاری می‌کند. از طریق «لودرها» (loaders)، ماژول‌ها می‌توانند به صورت CommonJs، AMD، ES6 ...

  • #webpack
  • #javascript
  • #bundler
  • #frontend
  • #code_splitting
  • #loaders
  • #build_tool
  • #optimization
  • #SPA
  • #module_bundle

نام پروژه: کاربرد: این ابزار یک نوار پیشرفت (ProgressBar) زیبا و حرفه‌ای برای وب‌پک (Webpack) نسخه‌های 3، 4 و 5 فراهم می‌کنه. همچنین قابلیت پروفایل‌گیری (Profiler) داره که به شما کمک می‌کنه عملکرد بیلد رو تحلیل کنید و بفهمید کدوم بخش‌ها زمان بیشتری می‌برن. در چه شرایطی بهتره استفاده بشه؟ وقتی دارید ...

  • #webpack
  • #buildtool
  • #progressbar
  • #profiler
  • #frontend
  • #webdevelopment
  • #devtools
  • #bundler
  • #webpackbar
  • #unjs

کاربرد: این پروژه به تو کمک می‌کنه تا تنظیمات webpack رو به صورت ماژولار و تابعی انجام بدی. به جای نوشتن یه فایل پیچیده و طولانی webpack.config.js، می‌تونی از بلوک‌های کوچک و قابل استفاده مجدد استفاده کنی تا پیکربندی رو ساده‌تر و خوانا‌تر کنی. در چه شرایطی بهتره استفاده بشه؟ اگر داری روی یه پروژه بز ...

  • #webpack
  • #javascript
  • #frontend
  • #build_tools
  • #modular_config
  • #devtools
  • #web_development
  • #TypeScript
  • #Babel
  • #PostCSS

کاربرد: این پروژه یک الگوی آماده از webpack نسخه ۵ است که به تو کمک می‌کنه پروژه‌های جاوااسکریپتی رو به راحتی بسته‌بندی کنی. شامل تنظیمات پیش‌فرض برای babel، sass، فایل‌های استاتیک و همچنین خروجی تمیز و بهینه‌شده است. در چه شرایطی بهتره استفاده بشه؟ اگر داری یک پروژه جدید جاوااسکریپتی شروع می‌کنی و ...

  • #webpack
  • #javascript
  • #boilerplate
  • #frontend
  • #bundling
  • #sass
  • #es6
  • #webdev
  • #buildtool
  • #taniarascia

کاربرد: این پروژه یک راهنمای جامع و گام‌به‌گام برای یادگیری Webpack به عنوان یک ابزار بند بندی (bundler) در توسعه وب است. این کتاب به شما کمک می‌کند از یک مبتدی تبدیل به یک متخصص در استفاده از Webpack شوید و نحوه پیکربندی، بهینه‌سازی و یکپارچه‌سازی آن با پروژه‌های مدرن توسعه وب را بیاموزید. در چه شر ...

  • #webpack
  • #javascript
  • #frontend
  • #webdev
  • #bundler
  • #react
  • #buildtools
  • #optimization
  • #survivejs
  • #coding

کاربرد: این ابزار یک پلاگین وابسته به Webpack هست که محتوای باندل‌های ساخته‌شده رو به صورت یک نقشه درختی تعاملی و قابل بزرگ‌نمایی نمایش می‌ده. ️ این کار به تو کمک می‌کنه بفهمی کدوم ماژول‌ها بیشترین فضا رو اشغال کردن و چطور باندل تو ساخته شده. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای اندازه باندل ...

  • #webpack
  • #bundle_analyzer
  • #performance_optimization
  • #frontend_tools
  • #code_visualization
  • #web_development
  • #javascript
  • #build_tools
  • #debugging
  • #optimization

این ابزار یک رابط زنجیرهای برای ایجاد و سادهسازی تغییرات در پیکربندی‌های Webpack فراهم می‌کند. ️ کاربرد: وقتی با Webpack کار می‌کنی، فایل پیکربندی می‌تونه خیلی پیچیده و طولانی بشه. این کتابخانه بهت اجازه می‌ده به صورت زنجیرهای (مثل jQuery) تنظیمات رو بسازی و ویرایش کنی، بدون اینکه مستقیماً با ساختار ...

  • #webpack
  • #javascript
  • #buildtools
  • #frontend
  • #devtools
  • #config
  • #tooling
  • #webdevelopment
  • #js
  • #webpack_chain

کاربرد: ابزار خط فرمان برای مدیریت و پیکربندی Webpack که به توسعه‌دهندگان کمک می‌کند تا پروژه‌های جاوااسکریپت را با سهولت بسته‌بندی (bundle) کنند. ️ در چه شرایطی بهتره استفاده بشه؟ وقتی پروژه‌ات شامل ماژول‌های زیاد، فایل‌های استاتیک (مثل CSS و تصاویر) و نیاز به بهینه‌سازی خروجی داره، استفاده از این ...

  • #webpack
  • #cli
  • #javascript
  • #bundler
  • #frontend
  • #buildtool
  • #webdevelopment
  • #nodejs
  • #automation
  • #devtools

این یک پلاگین برای Webpack است که بهینه‌سازی Tree Shaking را برای ماژول‌های CommonJS فراهم می‌کند. ️ کاربرد: این پلاگین به شما کمک می‌کند تا کدهای غیراستفاده‌شده (dead code) در پروژه‌های جاوااسکریپت خود را حذف کنید، حتی وقتی از ماژول‌های CommonJS استفاده می‌کنید. در چه شرایطی بهتره استفاده بشه؟ وقتی ...

  • #webpack
  • #tree_shaking
  • #javascript
  • #optimization
  • #bundling
  • #commonjs
  • #dead_code_elimination
  • #frontend
  • #nodejs
  • #build_tools

کاربرد: این ابزار یک داشبورد رابط خط فرمان (CLI) برای webpack dev server فراهم می‌کنه که اطلاعات پیشرفت کامپایل، هشدارها، خطاهای اجرا و وضعیت ساخت را به صورت زنده و سازمان‌یافته نمایش می‌دهد. ️ در چه شرایطی بهتره استفاده بشه؟ وقتی داری روی یک پروژه webpack کار می‌کنی و می‌خوای وضعیت ساخت و توسعه رو ...

  • #webpack
  • #devtools
  • #dashboard
  • #frontend
  • #development
  • #cli
  • #bundling
  • #javascript
  • #coding
  • #webdev

کاربرد: این ابزار یک میدل‌ور توسعه‌ای برای webpack هست که به تو اجازه میده فایل‌های وب‌پک رو مستقراً در حافظه نگه داری کنی، بدون اینکه نیاز باشه روی دیسک ذخیره بشن. این کار باعث میشه سرعت توسعه و ریلود صفحه خیلی بالا بره، مخصوصاً وقتی از webpackdevserver یا فریم‌ورک‌های دیگه استفاده می‌کنی. در چه شر ...

  • #webpack
  • #devMiddleware
  • #NodeJS
  • #HMR
  • #FrontendDev
  • #WebDevelopment
  • #JavaScript
  • #DevelopmentTools
  • #ExpressJS
  • #MemoryBundle

کاربرد: این ابزار یک سرور توسعه‌ی محلی برای برنامه‌های وب مبتنی بر webpack فراهم می‌کنه و به‌صورت خودکار مرورگر رو پس از هر تغییر در کد، آپدیت می‌کنه. این ویژگی باعث می‌شه فرآیند توسعه سریع‌تر و راحت‌تر بشه. در چه شرایطی بهتره استفاده بشه؟ وقتی داری روی یک پروژه‌ی وب با webpack کار می‌کنی و نیاز دار ...

  • #webpack
  • #dev_server
  • #hot_module_replacement
  • #web_development
  • #frontend
  • #javascript
  • #react
  • #vue
  • #development_tool
  • #local_server

چه کاری انجام میده؟ این ابزار یک رابط ساده و قدرتمند برای پردازش و کامپایل دارایی‌های (assets) وب مثل CSS، JavaScript و تصاویر با استفاده از Webpack فراهم می‌کنه. ️ کاربرد: برای بهینه‌سازی و مدیریت فایل‌های جلوی سایت (frontend) در پروژه‌های PHP، به‌ویژه در فریم‌ورک Symfony استفاده می‌شه. در چه شرایط ...

کاربرد: این پروژه به تو اجازه میده تا از Webpack برای مدیریت ماژول‌های جاوااسکریپت در برنامه‌های Rails استفاده کنی. ️ این کار باعث میشه بتونی کدهای جاوااسکریپت رو به صورت مدرن و ماژولار پیاده‌سازی کنی، مثل چیزی که در اپ‌های ری اکت، ووی یا انگولار داریم. در چه شرایطی بهتره استفاده بشه؟ اگر داری یه اپ ...

  • #Rails
  • #Webpack
  • #JavaScript
  • #React
  • #Vue
  • #TypeScript
  • #Frontend
  • #WebDevelopment
  • #Webpacker
  • #RubyOnRails

این پروژه یک راهنمای کامل و جامع برای Webpack به زبان چینی است که به خوبی مفاهیم پیچیده این ابزار را توضیح می‌دهد. کاربرد: آموزش گام‌به‌گام استفاده از Webpack برای باندل‌بندی فایل‌های جاوااسکریپت، CSS، تصاویر و دیگر منابع توضیح تنظیمات پیشرفته مثل code splitting، hot module replacement و optimizatio ...

  • #webpack
  • #frontend
  • #javascript
  • #bundler
  • #build_tool
  • #web_development
  • #react
  • #vue
  • #optimization
  • #coding

کاربرد: این ابزار یک میدل‌ور برای فریم‌ورک‌های مبتنی بر Node.js مثل Express است که قابلیت بارگذاری داغ (Hot Reloading) را به وب‌پک اضافه می‌کند. وقتی کد شما تغییر می‌کند، بدون نیاز به رفرش کردن صفحه، تغییرات به صورت بلادرنگ در مرورگر اعمال می‌شوند. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خواهید یک س ...

  • #webpack
  • #hot_reloading
  • #middleware
  • #nodejs
  • #express
  • #HMR
  • #development
  • #frontend
  • #web_development
  • #custom_server

کاربرد: این پروژه سایت رسمی و مستندات webpack رو فراهم می‌کنه، که یک ابزار قدرتمند برای باندل‌بندی فایل‌های جاوااسکریپت و منابع مرتبط در پروژه‌های وب هست. شامل راهنماهای مقدماتی تا پیشرفته، تنظیمات، پلاگین‌ها، loaderها و بهترین روش‌های استفاده از webpack می‌شه. در چه شرایطی بهتره استفاده بشه؟ وقتی د ...

  • #webpack
  • #javascript
  • #frontend
  • #bundler
  • #webdev
  • #reactjs
  • #vuejs
  • #buildtools
  • #coding
  • #devtools

کاربرد: این پروژه به تو کمک می‌کنه تا کتابخانه‌های جاوااسکریپتی که در پروژه‌های webpack استفاده می‌کنی، بهینه‌سازی کنی تا حجم فایل نهایی کمتر بشه و عملکرد بهتری داشته باشه. در چه شرایطی بهتره استفاده بشه؟ اگر داری از کتابخانه‌های بزرگ مثل Lodash، Moment.js یا Redux استفاده می‌کنی و متوجه شدی که حجم ...

  • #webpack_optimization
  • #performance_tips
  • #bundle_size
  • #lazy_loading
  • #tree_shaking
  • #javascript
  • #web_dev
  • #front_end
  • #code_splitting
  • #GoogleChromeLabs

کاربرد: این ابزار به تو کمک می‌کنه تا فایل‌های پیکربندی webpack رو به راحتی با هم ادغام کنی، بدون اینکه دست به کد هر بار برای محیط‌های مختلف بزنی. ️ در چه شرایطی بهتره استفاده بشه؟ وقتی داری روی چند محیط مثل development، production و testing کار می‌کنی و می‌خوای تنظیمات مشترک رو تکرار نکنی، این ابزا ...

  • #webpack
  • #merge
  • #configuration
  • #build_tools
  • #javascript
  • #frontend
  • #devtools
  • #web_development

این یک پوستهٔ آماده برای ایجاد برنامه‌های چندصفحه‌ای با استفاده از Webpack است ️ کاربرد: این پروژه به تو کمک می‌کنه تا بدون دردسر راه‌اندازی اولیه، شروع به ساخت برنامه‌های چندصفحه‌ای کنی. از Webpack برای بسته‌بندی فایل‌ها، مدیریت منابع و بهینه‌سازی استفاده می‌شه. در چه شرایطی بهتره استفاده بشه؟ اگر ...

  • #webpack
  • #boilerplate
  • #multipage_app
  • #frontend_dev
  • #static_site
  • #javascript
  • #web_development
  • #build_tool
  • #starter_kit
  • #dev_environment

این پروژه یک سرور توسعه سریع و مدرن برای webpack ارائه می‌دهد که جایگزین webpackdevserver شده است. کاربرد: این ابزار برای راه‌اندازی محیط توسعه با قابلیت‌هایی مثل بارگذاری مجدد خودکار، بارگیری گرم و پشتیبانی از HTTP/2 طراحی شده. در چه شرایطی بهتره استفاده بشه؟ وقتی می‌خوای یک محیط توسعه سریع، سبک و ...

  • #webpack
  • #devServer
  • #frontend
  • #HMR
  • #HTTP2
  • #webpackServe
  • #webDevelopment
  • #JavaScript
  • #NodeJS
  • #buildTools

این ابزار به شما کمک می‌کنه تا پروژه‌های قدیمی که با webpack یا vuecli ساخته شدن رو به Vite مهاجرت بدید. کاربرد: این ابزار یک تبدیل خودکار انجام میده و فایل‌های پیکربندی مثل webpack.config.js یا vue.config.js رو به vite.config.js تبدیل می‌کنه. همچنین وابستگی‌ها و اسکریپت‌های package.json رو هم به‌رو ...

  • #webpack_to_vite
  • #ViteMigration
  • #FrontendTooling
  • #VueJS
  • #React
  • #BuildTools
  • #WebPerformance
  • #DevTools
  • #ModernWeb
  • #originjs

چه کاربردی داره؟ این پروژه مجموعه‌ای از ترفندها و نکات کاربردی برای استفاده از Webpack رو ارائه می‌ده، که به توسعه‌دهندگان کمک می‌کنه تا پیکربندی و بهینه‌سازی پروژه‌های خودشون رو با Webpack راحت‌تر انجام بدن. ️ در چه شرایطی بهتره استفاده بشه؟ اگر داری با Webpack کار می‌کنی و به دنبال راه‌حل‌های سریع ...

  • #webpack
  • #frontend
  • #build_tools
  • #javascript
  • #optimization
  • #web_dev
  • #tips
  • #coding
  • #dev_tips
  • #tooling

چه کاری انجام میده؟ این ابزار یک سرور نوشته شده به زبان Go هست که تصاویر JPG، PNG، BMP و SVG رو به صورت آنی (onthefly) به فرمت‌های مدرن و فشرده‌تر مثل WebP و AVIF تبدیل میکنه و به کاربر تحویل میده. این کار باعث کاهش حجم تصاویر و بهبود سرعت بارگذاری صفحات وب میشه، بدون اینکه نیاز باشه تصاویر از قبل ت ...

  • #image_optimization
  • #webp
  • #avif
  • #golang
  • #on_the_fly_conversion
  • #seo
  • #performance
  • #docker
  • #cdn
  • #web_performance

کاربرد: این پروژه زبان آماری R رو با استفاده از Emscripten به WebAssembly کامپایل کرده، تا بشه از قابلیت‌های قدرتمند R برای تحلیل داده، آمار و محاسبات علمی در مرورگر وب یا محیط Node.js استفاده کرد. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز داری کد R رو مستقیماً در مرورگر اجرا کنی، بدون نیاز به سرور ...

  • #WebAssembly
  • #RStats
  • #DataScience
  • #Emscripten
  • #WebDevelopment
  • #StatisticalComputing
  • #BrowserBasedTools
  • #NodeJS
  • #InteractiveAnalytics
  • #OpenSource

این یک رندرر تشعشعی (ray tracer) مبتنی بر وب‌جی‌پی‌یو (WebGPU) هست که به کمک سِولوت (Svelte) یک ویرایشگر تعاملی و زنده برای طراحی صحنه‌های گرافیکی فراهم می‌کنه. ️ کاربرد: این ابزار برای افرادی که می‌خوان رندرینگ پیشرفته با استفاده از قدرت GPU در مرورگر رو تجربه کنند، عالیه. همچنین توسعه‌دهندگان و طر ...

  • #WebGPU
  • #RayTracing
  • #Svelte
  • #Graphics
  • #InteractiveRendering
  • #RealTimeRendering
  • #3DGraphics
  • #BrowserRendering
  • #WebGLAlternative
  • #GPUComputing

WebRays یک ابزار قدرتمند برای اجرای ترسیم پرتو (Ray Tracing) مستقیماً در مرورگر وب است. این پروژه از فناوری‌های مدرن وب مانند WebGPU و WebAssembly استفاده می‌کند تا محاسبات سنگین گرافیکی را با سرعت بالا و بدون نیاز به نرم‌افزارهای اختصاصی اجرا کند. کاربرد: این ابزار برای توسعه‌دهندگان و هنرمندان دیج ...

  • #WebGPU
  • #RayTracing
  • #Web3D
  • #GraphicsProgramming
  • #InteractiveRendering
  • #BrowserGraphics
  • #RealTimeRendering
  • #WebAssembly
  • #DigitalArt
  • #3DVisualization

این یک پیاده‌سازی خالص به زبان Go از API WebRTC است که به توسعه‌دهندگان اجازه می‌دهد تا ارتباطات در زمان واقعی (RealTime Communication) را مستقیماً در برنامه‌های گو (Go) پیاده‌سازی کنند. کاربرد: این کتابخانه برای ساخت برنامه‌هایی که نیاز به ارتباط صوتی، تصویری یا انتقال داده در زمان واقعی دارند، منا ...

  • #WebRTC
  • #GoLang
  • #RealTimeCommunication
  • #Pion
  • #SFU
  • #IoT
  • #VideoStreaming
  • #PeerToPeer
  • #Networking
  • #GolangProject

چیه؟ یک پیاده‌سازی خالص به زبان Rust از پروتکل WebRTC که به تو اجازه می‌ده تا ارتباطات بلادرنگ ویدیویی و صوتی بین مرورگرها و دستگاه‌ها رو بدون نیاز به سرور میانی برقرار کنی. کاربرد: این کتابخانه برای ساخت برنامه‌های ارتباطی مثل تماس ویدیویی، چت صوتی، پخش زنده و سیستم‌های همکاری آنلاین مناسبه. در چه ...

  • #WebRTC
  • #RustLang
  • #RealTimeCommunication
  • #P2P
  • #VideoStreaming
  • #LowLatency
  • #SecureCommunication
  • #LiveBroadcast
  • #Networking
  • #RustProjects

چه کاری انجام میده؟ این یک کامپوننت سفارشی برای Home Assistant هست که به کمک فناوری WebRTC و دیگر تکنولوژی‌ها، امکان مشاهدهٔ زندهٔ تقریباً هر جریان دوربین مداربسته رو با تأخیر بسیار کم (realtime) فراهم می‌کنه. در چه شرایطی بهتره استفاده بشه؟ وقتی با تأخیر بالا در پخش زندهٔ دوربین‌ها توی Home Assista ...

  • #HomeAssistant
  • #WebRTC
  • #SmartHome
  • #CameraStreaming
  • #RTSP
  • #LowLatency
  • #AlexxIT
  • #IoT
  • #SecurityCameras
  • #RealTimeStreaming

این پروژه یک اپلیکیشن اندروید برای تماس ویدیویی و کنفرانس ویدیویی با استفاده از فناوری WebRTC است. کاربرد: این پروژه به توسعه‌دهندگان کمک می‌کند تا به راحتی قابلیت تماس ویدیویی بلادرنگ را در اپلیکیشن‌های اندرویدی خود پیاده‌سازی کنند. در چه شرایطی بهتره استفاده بشه؟ وقتی نیاز به یک راه‌حل سبک و مستقل ...

  • #WebRTC
  • #Android
  • #VideoCall
  • #VideoConference
  • #RealTimeCommunication
  • #OpenSource
  • #P2P
  • #Telemedicine
  • #LiveStreaming
  • #AndroidDev