القدرات التقنية

الأدوات التي نبني بها، ولماذا

هذه ليست قائمة للعرض. لكل أداة هنا سبب اخترناها من أجله، ومهمة محددة تؤديها في المنتج.

DjangoVue.jsQuasarREST APIsProgressive Web AppsInternationalizationRTLLinuxCaddy

الأساس التقني

ماذا تعني هذه التقنيات لمشروعك؟

نعتمد في معظم مشاريعنا على أساس واحد مجرَّب: واجهة بـ Vue.js مع Quasar، وخلفية بـ Django. إليك ما يعنيه ذلك عملياً، بلا مصطلحات.

الواجهة

Vue.js

ما يراه المستخدم ويتفاعل معه

الشاشة التي يفتحها المستخدم. تستجيب فوراً: تفتح القوائم وتُحدَّث الأرقام وتُرسَل النماذج دون إعادة تحميل الصفحة في كل خطوة.

  • إحساس بالسرعة والسلاسة أثناء الاستخدام
  • واجهات معقدة تبقى منظمة وسهلة التعديل لاحقاً
  • تغيير التصميم لا يعني إعادة بناء النظام
المنصات

Quasar

كود واحد، عدة منصات

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

  • كلفة ووقت أقل من بناء كل منصة على حدة
  • تجربة واحدة متسقة أينما فتح المستخدم منتجك
  • دعم مدمج لواجهات RTL العربية
الخلفية

Django

المحرّك الذي يدير البيانات ومنطق العمل

الجزء غير المرئي: يحفظ البيانات، ويطبّق قواعد عملك، ويحدد من يرى ماذا. مبني على Python، وتستخدمه منصات تخدم ملايين المستخدمين.

  • حسابات وصلاحيات وأدوار مضبوطة منذ البداية
  • حماية مدمجة ضد أشهر ثغرات الويب
  • ينمو من عشرات المستخدمين إلى عشرات الآلاف دون إعادة بناء

تفاصيل لمن يهتم بها

Djangoخلفية التطبيق
إطار عمل بلغة Python للجزء الخلفي. يوفّر إدارة الحسابات والصلاحيات وطبقة البيانات وحماية مدمجة ضد أشهر ثغرات الويب، مع نضج طويل واستقرار في الإنتاج.
Vue.jsواجهة المستخدم
إطار واجهات حديث ومنطقي البنية. يجعل الواجهات المعقدة قابلة للتقسيم إلى مكونات صغيرة يسهل تعديلها واختبارها دون كسر بقية النظام.
Quasarمكوّنات ومنصات متعددة
مبني على Vue، يوفّر مكتبة مكوّنات واجهة جاهزة ودعماً مدمجاً لـ RTL، ويتيح إخراج ويب وتطبيق هاتف وتطبيق سطح مكتب من قاعدة كود واحدة.
REST APIsطبقة التواصل
واجهات موثّقة وواضحة تربط الواجهة بالخلفية وتسمح لأنظمة أخرى بالاتصال بمنتجك لاحقاً دون إعادة بناء.
Progressive Web Appsتجربة قريبة من التطبيقات
يُثبَّت المنتج على شاشة الهاتف الرئيسية ويفتح فوراً، ويظل جزء منه مفيداً مع اتصال ضعيف، دون المرور بمتجر تطبيقات.
Internationalizationتعدد اللغات
بنية نصوص منفصلة عن الكود، فإضافة لغة أو تعديل صياغة لا يتطلب المساس بالمنطق البرمجي.
RTLواجهات من اليمين إلى اليسار
دعم كامل لاتجاه العربية: المحاذاة والقوائم والأيقونات الاتجاهية وترتيب النماذج والحركات والتنقل بلوحة المفاتيح.
Linuxبيئة التشغيل
نشر على خوادم Linux بخدمات مضبوطة، وصلاحيات محدودة، وإعادة تشغيل تلقائية عند الفشل.
Caddyخادم الويب وHTTPS
خادم حديث يدير شهادات HTTPS تلقائياً ويطبّق الضغط ورؤوس الأمان بإعداد بسيط وقابل للمراجعة.

لا يستخدم كل مشروع كل هذه التقنيات. نختار بحسب ما تحتاجه الفكرة فعلاً، ونشرح سبب كل اختيار.

مختبر Levantra

أمثلة على ما يمكن بناؤه

هذه نماذج مفاهيمية بنيناها لتوضيح قدراتنا. البيانات الظاهرة فيها توضيحية، وهي ليست مشاريع عملاء.

نماذج مفاهيمية لأغراض التوضيح — ليست مشاريع لعملاء حقيقيين، والبيانات فيها غير حقيقية.

لوحة تحكم لإدارة العمليات نموذج مفاهيمي

مؤشرات يومية وحالة الطلبات وتنبيهات، في شاشة واحدة بدل عدة ملفات وجداول.

هذا الموقع نفسه مثال

الموقع الذي تتصفحه الآن مبني بـ Vue.js وTypeScript، ومُخرَج كصفحات ثابتة تُبنى مسبقاً لتصل بأسرع ما يمكن، ويخدمه Caddy مع HTTPS تلقائي وضغط ورؤوس أمان. لا يحمّل أي ملف من خوادم خارجية، ولا يحتوي أي أداة تتبع أو تحليلات.

ناقش فكرتك معنا