ورشة — بيئة برمجة داخل المتصفح
ورشة تحوّل أي متصفح مدعوم إلى بيئة برمجة حقيقية لـ جافا وبايثون وسي شارب وسي والويب — HTML و CSS و JavaScript و TypeScript و React و Vue و Svelte. تفتح الرابط وتبدأ بالكتابة مباشرة. تُنزَّل أدوات كل لغة مرة واحدة ثم تُصرَّف وتُشغَّل على جهازك أنت، ولا يُرفع شيء مما تكتبه إلى أي مكان.
التحدي
يفترض تعليم البرمجة أن لدى كل طالب حاسباً محمولاً يستطيع أن يثبّت عليه حزمة تطوير جافا أو مصرّفاً. كثيرون لا يملكون ذلك — لديهم هاتف، أو جهاز لوحي مشترك، أو حاسب مدرسة مقفل أمام التثبيت. والبديل المعتاد، أي بيئة التطوير السحابية، يتطلب حساباً وبريداً إلكترونياً وانتظاراً في طابور حاويات واتصالاً حياً بالإنترنت مع كل ضغطة مفتاح.
ورشة موجّهة إلى هذا الطالب تحديداً: هاتف أندرويد يكفي لتصريف صنف جافا ورؤية المخرجات.
الحل
- خمس لغات، كلها على الجهاز: جافا 17، وبايثون 3.14، و.NET 9 مع Roslyn، وسي مع clang 16، ومنظومة ويب كاملة — كل واحدة تعمل كأدوات WebAssembly داخل المتصفح، ولغات أخرى في الطريق.
- محرّر حقيقي: تلوين للصياغة، وبحث، وأدلة إزاحة، وإكمال تلقائي لكل لغة مدعومة، بما فيه الاختصارات التي يراها الطلاب من معلميهم —
soutوpsvmوfori— مع قاموس مكتوب يدوياً لأسماء الواجهات البرمجية التي تَرِد في الأسابيع الأولى من المقرر، ولكلٍّ منها شرح مبسّط. - طرفية تتصرف كطرفية: تظهر المخرجات الجزئية فوراً، فتُعرض رسالة مثل
print("Name: ")قبل السطر الجديد الذي لن يأتي، وما تكتبه يقع على سطر الرسالة نفسه، والمخرجات تنزلق تلقائياً، ويمكن إيقاف الحلقة اللانهائية. - معاينة حية لمشاريع الويب: تُحزَّم TypeScript والاستيراد بين الملفات و React و Vue و Svelte على جهازك، ثم تُعرض في إطار معزول بجانب الطرفية.
- مشاريع متعددة: لكل مشروع شجرته في نظام الملفات الخاص بالمتصفح، مع مبدّل مشاريع واستيراد وتصدير بصيغة zip، فينتقل العمل بين الأجهزة دون حساب.
- شفرتك لا تغادر جهازك: بلا خادم، وبلا حساب، وبلا تسجيل دخول. لا يُقاس سوى عدد الزيارات المجهّل، أما ملفاتك وما تكتبه ومخرجاتك فتبقى في المتصفح.
التنفيذ التقني
تطبيق صفحة واحدة بلغة TypeScript يدير عدة أدوات WebAssembly عبر Web Workers، فيبقى التصريف بعيداً عن خيط الواجهة ويظل المحرّر سلساً بينما تُصرَّف شفرة جافا. تُحفظ المشاريع في نظام الملفات الخاص بالأصل (OPFS)، وتُنزَّل أدوات كل لغة مرة واحدة وتُخزَّن — وهذا ما يجعل هاتفاً على شبكة مدرسية بطيئة هدفاً واقعياً.
لجافا وبايثون وسي شارب مجموعات اختبار آلية تعمل عبر Chrome. المشروع منشور برخصة Apache-2.0 ومنصوب عبر Coolify.
