BRAIN CLOUD MCP الذاكرة الإدراكية السحابية لوكلاء البرمجة استعراض الرؤية
PERSISTENT MEMORY ذاكرة سحابية مركزية بدون تكرار الشرح البدء الفوري
CONTEXT FIREWALL عزل فيزيائي صلب وصفر تداخل في السياق معمارية العزل
45+ AGENT SKILLS 45+ مهارة جاهزة للربط مع Cursor و Antigravity مصفوفة المهارات
متاح · إصدار مستقر
VANILLA SPA SPEC محرك تطبيقات SPA بجافاسكريبت الصرفة • إدارة حالة وتوجيه ومكونات ويب بدون أطر ✱

TidyFactor Vanilla JS
تطبيقات ويب تفاعلية كاملة (SPA)
بجافاسكربت الصرفة وبدون أطر عمل خارجية.

مسار هندسي يوجّه مساعدي الذكاء الاصطناعي لبناء تطبيقات Single Page Apps حقيقية (إدارة حالة تفاعلية، توجيه العميل، Web Components، وجلب البيانات) بجافاسكربت الحديثة وبدون React أو Vue أو أي اعتماديات خارجية.

دليل التوثيق المعماري تحميل حزمة .skill GitHub Repo NPM Package
bash — أمر التثبيت السريع للوكيل
$ npx @tidyfactor/js add-skill
★ أوامر الوكيل ومسارات التشغيل السريعة
11 Commands
$ /init
$ /assets
$ /logic
$ /store
$ /compo
$ /route
$ /pages
$ /modules
$ /i18n
$ /seo
$ /deploy

المواصفات المعمارية

PRODUCTION
المجال / الفئة VANILLA SPA
نوع الترخيص Commercial Perpetual
بيئة التشغيل Zero-Dependency Node / PHP
العمل دون اتصال 100% Air-Gapped
الخصوصية والبيانات Zero Telemetry
FRAMEWORK-FREE REACTIVITY & VANILLA SPA

الأسئلة الثلاثة الجوهرية: فهم تطبيقات الـ SPA بدون أطر عمل

كيف تبني تطبيقات ويب تفاعلية ومعقدة بجافاسكريبت الحديثة مع التحرر التام من قيود ودورات تحديث أطر العمل؟

01 • DEFINITION

1. يعني إيه تطبيق SPA بجافاسكريبت الصرفة (Vanilla JS)؟

هو تطبيق ويب كامل يعتمد على معايير الويب القياسية (ES Modules, Web Components, History API, Custom Events) لإدارة الحالة والتوجيه بدون الحاجة لتثبيت مئات الحزم من npm.

02 • DIFFERENTIATION

2. إيه الفرق بينه وبين استخدام React أو Vue؟

يعمل مباشرة في المتصفح بدون خطوة بناء إلزامية، بحجم كود يقاس بالكيلوبايت، وسرعة تشغيل فورية لا تتأثر بتقادم أطر العمل أو التغييرات الجذرية فيها.

03 • ECOSYSTEM

3. إيه القيمة المعمارية للهيكلة المعيارية؟

تفصل بوضوح بين طبقة المنطق (Logic)، طبقة الحالة والبيانات (Store)، ومكونات الواجهة (Web Components)، مع دعم التوجيه بنمطي Hash و History API.

STANDARDS & VALUE

المبادئ والضمانات المعمارية

لماذا تم بناء هذا الحل وما القيمة الحقيقية التي يقدمها لمنظومة الإنتاج؟

01 • PROMISE

تطبيقات SPA حقيقية بدون أطر

إدارة حالة مركزية تفاعلية، توجيه للعميل، ومكونات ويب قياسية بدون React أو Vue.

02 • PROMISE

صفر خطوات بناء (Zero-Build ES Modules)

يعمل مباشرة في المتصفح عبر وحدات ES Modules الحديثة مع خيار اختياري للبناء بـ Vite.

03 • PROMISE

كود متين ومستدام لسنوات

مبني على معايير الويب القياسية لضمان بقاء التطبيق سريعاً وآمناً وخالياً من مشاكل التقادم.

محور المقارنة تطبيقات أطر العمل التقليدية (Framework SPAs) تطبيقات جافاسكريبت الصرفة (TidyFactor JS)
05 ECOSYSTEM SYNERGY • الحزم التكاملية

Synergy حلول ومسارات تتكامل بامتياز مع هذه المهارة

اجمع هذه الأدوات معاً لبناء منظومة برمجية متكاملة ترفع كفاءة فريقك لأقصى حد.

COMPANION Ready

TidyFactor Semantic HTML

مسار هندسي لبناء مواقع ثابتة نقية ودلالية (HTML5/CSS/JS) قابلة للنشر الفوري على Cloudflare و GitHub Pages بدرجة 100/100.

استعراض المهارة والأوامر →
COMPANION Ready

TidyFactor HTMX

مسار هندسي لبناء تجارب تفاعلية غنية وسلسة عبر HTMX مباشرة من السيرفر وبدون ازدواجية في كود الواجهة والـ API.

استعراض المهارة والأوامر →
COMPANION Ready

TidyFactor Design

محرك شامل لدورة حياة تصميم الواجهات (UI Design Lifecycle) عبر 7 مراحل لبناء أنظمة تصميم حية ونماذج أولية تفاعلية.

استعراض المهارة والأوامر →
✓ Copied to clipboard!