اكتب جافاسكريبت، اضغط تشغيل، وراقب الوحدة الطرفية. المحرر أعلاه ينفذ كودك في إطار معزول ويُبلغ عن مخرجات console.log والتحذيرات والأخطاء — بأرقام أسطر تطابق المحرر، فالخطأ في السطر 12 يقول السطر 12. إنها أسرع حلقة ممكنة لتجربة فكرة: لا مجلد مشروع، ولا node، ولا أدوات مطوّر تحفر فيها.
شغِّل جافاسكريبت بأمان
كل تشغيل يجري في إطار جديد ومعزول: المتغيرات والمؤقتات وحالة الوحدة الطرفية من التشغيل السابق لا تتسرب إلى التالي، فالنتائج قابلة للتكرار دائمًا. الإطار معزول داخل صفحتك — كودك لا يستطيع لمس المحرر نفسه ولا الموقع حوله ولا أي شيء على قرصك. لا يوجد أي تنفيذ على الخادم؛ ما تشغّله، متصفحك يشغّله.
شريط الحالة يعرض المدة التي استغرقها كودك، وconsole.log وconsole.warn وconsole.error تحتفظ بمستوياتها في لوحة الناتج — الأخطاء بالأحمر والتحذيرات بالكهرماني. الكائنات والمصفوفات التي تسجلها تُنسَّق كـ JSON، وغالبًا هذا أسرع طريقة لفحص بنية بيانات بنيتها للتو. الوعود المرفوضة غير المعالجة تُلتقط أيضًا، فالدالة async التي ترمي استثناءً لا تفشل بصمت.
التعلم مع الأمثلة
قائمة الأمثلة تبدأ بالكلاسيكيات — دوال المصفوفات، الكائنات والتفكيك، الدوال والعودية، تنسيق التواريخ، وتسلسل async/await بتوقيت مرئي — كلها مكتوبة لتُقرأ كما تُشغَّل. حمّل واحدًا، غيّر شيئًا، أعد التشغيل: المحرر يحفظ نسختك المعدلة، وإعادة التعيين تعيد المثال الأصلي عندما تريد البداية النظيفة.
إن كنت تتابع منهج جافاسكريبت (المتوفر حاليًا بالإنجليزية)، فهذا المحرر هو مسودة تلك الدروس. حلقة اقرأ مفهومًا → اكتب تنويعًا → شاهد الناتج هي نفسها التي تعمل بها الأمثلة التفاعلية في الدروس، ووجودها في محرر بالحجم الكامل يتيح لتجاربك أن تكبر خارج الصناديق الصغيرة داخل الدرس.
التوقيت والأخطاء وانضباط الوحدة الطرفية
لأن كل تشغيل معزول ومؤقَّت، يصلح المحرر فعلًا للمقاييس المصغرة — بدّل تنفيذين لحلقة وقارن المللي ثانية في شريط الحالة. عندما يرمي الكود استثناءً، تصل الرسالة مع سطرها وعمودها: خطأ مطبعي في السطر 8 يُبلَّغ في السطر 8، لا كإزاحة تترجمها بنفسك. أخطاء الصياغة تمر بالمسار نفسه، قبل تشغيل أي من كودك.
حد مقصود: لا يوجد DOM لتسكربه — بيئة التشغيل إطار فارغ، لا صفحة ويب. لتدريب DOM، الملعب يشغّل HTML وCSS وجافاسكريبت معًا بمعاينة مباشرة، ومحرر HTML يمنحك مستندًا كاملًا بوحدة طرفية. هذه الأداة هي المسودة اللغوية البحتة من الثلاثة.
كودك يبقى معك
الكود يُحفَظ في التخزين المحلي لمتصفحك — أعد تحميل الصفحة، أغلق التبويب، عد غدًا: آخر نسخة ما زالت هناك. المشاركة تحزم الكود الحالي في الرابط نفسه (الجزء بعد # لا يصل أبدًا إلى خادم) لترسل مقتطفًا يعمل إلى زميل أو تحتفظ بواحد على جهاز ثانٍ. فتح ملف يحمّل ملف .js من حاسوبك؛ تنزيل يحفظ الكود الحالي باسم script.js؛ نسخ يضعه في الحافظة. إعادة التعيين تفرغ التخزين المحلي وتعيد المثال الافتتاحي — لا شيء تنظفه في مكان آخر، لأن لا شيء كان في مكان آخر أصلًا.
أسئلة متكررة
أي جافاسكريبت هذا؟ ما ينفذه متصفحك — ECMAScript الحديث يعمل كما كُتب: السلسلة الاختيارية، و??، وحقول الأصناف، وawait في السياقات غير المتزامنة، كلها.
هل يمكن استخدام fetch أو setTimeout؟ نعم. المؤقتات والوعود وطلبات الشبكة تعمل كلها؛ المثال غير المتزامن في القائمة يعرض تسلسلًا مرئيًا من تأخيرات مُنتظرة.
هل يمكن استخدام حزم npm؟ لا — لا يوجد مجمّع هنا عمدًا. الصق الكود الذي تريد تجربته، أو اربط مكتبة من CDN داخل ملف HTML في الملعب.
هل يُرفَع كودي إلى أي مكان؟ لا. التنفيذ محلي والتخزين محلي، وروابط المشاركة تحمل الكود في جزء الـ URL.
هل يعمل على الهاتف؟ نعم — المحرر والوحدة الطرفية يتصفان عموديًا على الشاشات الصغيرة، وزر التشغيل يبقى في متناول الإبهام في الترويسة.