كيف أكتب كود أونلاين

بقلم فريق كيف؟

آخر تحديث: 27 أكتوبر 2026 · سياسة التحرير

اختر محرر المتصفح حسب المهمة، وReplit حين تتعدد الملفات

مثال على Replit: ملف أسماء وسكربت يعدّها

تريد برنامجًا صغيرًا من ملفين: قائمة أسماء في ملف نصي، وسكربت يقرأها ويطبع العدد بعد حذف الفراغ. المثال عمدًا بلا واجهة حتى يظهر فرق البيئة عن ساحة الشكل.

1. اكتب القاعدة خارج المتصفح: كل سطر اسم، والسطر الفارغ لا يُحسب، والمخرج رقم. ثلاث حالات ستجربها: قائمة فيها ثلاثة أسماء، وقائمة فيها سطر فارغ في الوسط، وملف بلا أسماء. لا تفتح Replit قبل كتابة القاعدة.
2. ادخل من زر الصفحة إلى replit.com وتأكد من النطاق. أنشئ مشروعًا جديدًا باللغة التي تستطيع أن تشرح سطر قراءتها. إن لم تعرف إلا لصق كتل جاهزة فارجع أولًا إلى تمرين أقصر على W3Schools أو إلى مسار freeCodeCamp حتى تملك جملة تكتبها أنت.
3. سمِّ الملفين باسم المهمة لا باسم القالب. ضع الأسماء في الملف النصي والعد في السكربت. شغّل على الحالات الثلاث. إن نجح الرقم السهل وفشل السطر الفارغ فالقاعدة ناقصة. أصلحها في الورقة ثم في الكود.
4. اقرأ حالة ظهور المشروع قبل أي رابط. التجربة التي تُرسل إلى مدرس أو زميل يجب ألا تحمل بريدك ولا مفتاحًا ولا مسارًا من جهازك في تعليق. الرابط مشاركة للكود الذي تقصد عرضه، لا لصندوق أسرارك.
5. أغلق اللسان وافتح المشروع من جديد. تأكد أن الملفين ما زالا كما تركتهما. الحفظ الذي لم ترَ أثره لا يُعتمد قبل أن تغادر. إن ضاع الملف فالنسخة التي تعتمدها هي القاعدة المكتوبة خارج الموقع، وتعيد البناء منها.
6. إن كانت المهمة في اليوم التالي لون بطاقة فقط، لا تنسخ هذا المشروع إلى ساحة. افتح CodePen وابدأ قلمًا صغيرًا. البقاء في بيئة متعددة الملفات من أجل سطر CSS يطيل الطريق بلا فهم إضافي.
7. إن تحول المثال إلى واجهة React فيها حالة زر، فانقل السؤال إلى CodeSandbox. تلك الصفحة لمعاينة المكوّن. ابقَ هنا ما دام العمل ملفًا يُشغَّل ويطبع ناتجًا في الطرفية أو في مخرج بسيط تفهمه.
8. في نهاية الجلسة اكتب سطرًا: اسم المشروع، واللغة، والحالات الثلاث ونتائجها، وهل الرابط خاص أم ظاهر. هذا السطر هو ما يميز استخدام المحرر عن تجميع تبويبات. غدًا تبدأ من السطر لا من ذاكرة الشاشة.

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

متى لا تكفي بيئة المتصفح

اختيارات تضيع المهمة

الأداة حسب شكل العمل

• كيف أجرب كود HTML و CSS

  لشكل صفحة قصير، HTML وCSS ونتيجة فورية. أخف من مشروع متعدد الملفات حين لا يوجد شيء يُشغَّل سوى العرض.

• كيف أبرمج تطبيق React أونلاين

  لمكوّن React ومعاينة بجانب الملفات. أنسب حين يصبح الناتج واجهة ذات حالة لا سكربت يعدّ أسطرًا.

• كيف أتعلم البرمجة من الصفر

  لمسار تمارين من الصفر داخل الدرس نفسه. المحرر لا يستبدل التمرين الذي يطلب منك أن تكتب الوسم بيدك.

• صفحة واحدة قبل بيئة متعددة الملفات
• قسم البرمجة