إعلان
تعلم الآن

تعلم البرمجة للمبتدئين محرر الكود

آلية عمل محرر الكود

في هذا الدرس لن نتطرق للأوامر البرمجية التي سنكتبها في محرر الكود لأنك ستتعرف عليها تباعاً في دروس لاحقة. ما ستتعلمه في هذا الدرس فقط هو ما يقوم به كل زر موضوع فيه و ما الذي يظهره لك في حال قام بتنفيذ أوامرك بنجاح أو كان هناك مشكلة.


معلومة تقنية

الأوامر التي ستستخدمها في هذا المحرر مبنية بالأساس على لغة جافا سكربت, أي أنت يفترض بك كتابتها كما سنعلمك و المحرر سيقوم بشكل تلقائي بتحويلها لأوامر جافا سكربت حتى يفهمها المتصفح و من ثم ينفذها و يعرض لك نتائجها.

مكونات محرر الكود

في البداية عليك معرفة أن المحرر مقسوم لقسمين: قسم خاص لكتابة الكود و قسم خاص لعرض نتيجة تنفيذ الكود.


الآن ركز على أسماء أزرار التحكم.

  • زر التشغيل: مهمته تنفيذ الكود الذي كتبته فيه و عرض نتيجته.
  • زر التنظيف: يقوم بمسح كل الكود و النتيجة.
  • زر التحميل: لتحميل الكود كملف نصي على جهازك.
  • زر الرفع: لفتح الملف الذي كنت قد حملته مسبقاً بداخل المحرر.
  • زر الصفحة الرئيسية: للإنتقال إلى الصفحة الرئيسية في الموقع.

النتائج المتوقعة عند تشغيل

عند تجربة أي كود قمت بكتابته في المحرر فهناك ثلاث نتائج متوقعة:

  • أن يتنفذ كل الكود لأنه مكتوب بشكل صحيح.
  • أن لا يتنفذ الكود من الأساس لأنه غير مكتوب بشكل صحيح.
  • أن يتنفذ جزء من الكود و لكن يظهر فيه خطأ في وقت لاحق.

المثال الأول

إذا كان الكود مكتوب بشكل صحيح, سيتمكن المحرر من تنفيذه و ستجد أنه سيظهر لك في النهاية عبارة Done Execution التي تعني أنه أنهى تنفيذ كل الأوامر التي وضعتها فيه بنجاح.

write("Hello world!");
            

سنحصل على النتيجة التالية عند التشغيل.

Hello world!
Done Execution

جرب الكود


المثال الثاني

إذا كان الكود من الأساس مكتوب بشكل خاطئ، لن يتمكن المحرر من تنفيذه و ستجد أنه سيظهر لك رسالة الخطأ باللون الأحمر.

write(x + 5);
            

سنحصل على النتيجة التالية عند التشغيل.

ReferenceError: x is not defined

جرب الكود


المثال الثالث

إذا كان أول الكود قابل للتنفيذ و لكن يوجد مشكلة في آخره، فإنه قد يتمكن من تنفيذ الكود المكتوب بشكل صحيح و سيتوقف و يظهر لك وجود خطأ حين يحاول تنفيذ أول كود فيه مشكلة.

write("Coding is awesome");
write(X);
            

سنحصل على النتيجة التالية عند التشغيل.

Coding is awesome
ReferenceError: X is not defined

جرب الكود

إعلان
دورة قواعد بيانات MySQL في هذه الدورة ستتعلم أساسيات قواعد البيانات و أوامر SQL، العلاقات (Join) بين الجداول، Normalization مع تطبيق مشروع متكامل. سعر الدورة الآن هو 20 ريال سعودي فقط بدلاً من 600 ريال
سعر الدورة الآن هو 20 ريال سعودي فقط بدلاً من 600 ريال
تعلم الآن

الدورات

أدوات مساعدة

أقسام الموقع

دورات
مقالات كتب مشاريع أسئلة