شعار م. محمود مصطفى
م. محمود مصطفى البرمجة والذكاء الاصطناعي
home الرئيسية / معمل الأكواد والتشغيل التفاعلي (Web Studio)

code_blocks معمل الأكواد التفاعلي المتكامل

محرك VS Code مدمج اكتب HTML و CSS و JavaScript في ملفات منفصلة تتزامن معاً، واختبر تصميمك والكونسول فوراً جنباً إلى جنب.

|
arrow_forward الرئيسية
sync جاري تحميل محرر Monaco (VS Code)...
script.js | Ln 1, Col 1
terminal JavaScript Console F12 Linked ✓

> اكتب الكود في (HTML أو CSS أو JS) واضغط "تشغيل" لرؤية النتيجة فوراً...

Execution: 0.0ms | Outputs: 0
sync_alt متزامن كلياً
1. اكتب هيكل HTML ➔ 2. صمّم بـ CSS ➔ 3. برمج التفاعل بـ JS ➔ 4. عاين الموقع فوراً

school دليل التعامل مع الملفات الثلاثة في المعمل:

html ملف index.html

لبناء هيكل الصفحة وعناصرها (عناوين، أزرار، فقرات، وصور) ويمكنك أيضاً كتابة وسوم style أو script بداخله.

css ملف style.css

لتنسيق وتلوين العناصر، إضافة مؤثرات الحركة (Animations)، وتحديد الخطوط والتخطيط (Flexbox & Grid).

javascript ملف script.js

للتحكم في تفاعل الصفحة، التجاوب مع نقرات الأزرار، تعديل نصوص الـ DOM، وحساب المعادلات والعمليات المنطقية.

sync التزامن المباشر

عند الضغط على "تشغيل"، يتم دمج الـ HTML والتنسيق والـ JS تلقائياً وتحديث المعاينة وشاشة الكونسول في كسر من الثانية.

school منهج وزارة التربية والتعليم المعتمد (QUREO)

دليل التطبيق العملي لمنهج منصة كيرو وأكواد جافاسكريبت والويب

تمت مطابقة معمل الأكواد بدقة مع وحدات وفصول منصة كيرو (QUREO) المقررة على طلاب الصفين الأول والثاني الثانوي، لتسهيل التدريب العملي وحل الواجبات والتطبيقات خطوة بخطوة.

الفصول 1 - 4 terminal

أساسيات كيرو والكونسول والمتغيرات

طباعة النصوص والترحيب بالكونسول عبر console.log، العمليات الحسابية، المتغيرات (var و let)، الإسناد الأولي، وإعادة الإسناد وتعديل القيم.

الفصول 5 - 9 call_split

التفرع الشرطي والمعاملات المنطقية

جمل if و else if و else لتحديد تقديرات الطلاب، المعاملات المنطقية المركبة (AND && و OR || و NOT !)، وتداخل الشروط البرمجية.

الفصول 10 - 14 repeat

حلقات التكرار وبناء الدوال البرمجية

حلقة for loop لتكرار العمليات وطباعة جدول الضرب وحساب المجموع، وبناء الدوال function، تمرير المعاملات، والقيم المعادة return.

الفصول 15 - 17 و 28 table_rows

أنواع البيانات والمصفوفات وجدول console.table

التمييز بين String و Number و Boolean عبر typeof، مصفوفات البيانات Arrays، تنسيق الجداول بـ console.table، وحلقة for...of المتقدمة.

الفصول 18 - 20 و 34 - 36 web

تطوير واجهات الويب HTML5 وتنسيقات CSS3

بناء هيكل صفحات الويب وعرض الصور والنصوص، تلوين العناصر والخلفيات والحدود الدائرية، حقول الإدخال input، وتأثيرات أزرار الـ Hover.

الفصول 37 - 45 widgets

جملة switch وباقي القسمة % وتطبيقات الويب

مطابقة الحالات المتعددة switch case، فحص الأعداد الزوجية والفردية بالقسمة %، حلقة while، وإنشاء موقع ويب متكامل يربط HTML و CSS و JS.

auto_awesome لماذا يُعد معمل الأكواد الخيار الأول لطلاب منصة كيرو؟

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

code

بيئة VS Code الرسمية

يعتمد المعمل على محرك Monaco Editor ليوفر لك نفس تجربة البرمجة العالمية مع ترقيم الأسطر والإكمال التلقائي الذكي IntelliSense للغات الثلاث.

bolt

تشغيل فوري بدون تثبيت

لا تحتاج لتثبيت أي برامج أو حزم برمجية؛ اكتب كودك واضغط تشغيل لترى النتائج في كسر من الثانية مباشرة داخل متصفحك أو تابلت الوزارة.

bug_report

كشف فوري للأخطاء

يقوم المحرك برصد الأخطاء النحوية فور كتابتها وتوضيح سبب الخطأ لمساعدتك على إتقان التفكير المنطقي وتصحيح الكود ذاتياً.

terminal

كونسول متكامل (F12)

دعم كامل لجميع دوال المنهج مثل console.log و console.table و console.warn مع ربط حي بكونسول المتصفح الأصلي لسهولة الفحص.

help_outline الأسئلة الشائعة حول معمل منصة كيرو (QUREO) وتشغيل الأكواد

check_circle ما هو معمل أكواد منصة كيرو (QUREO) التفاعلي؟

هو بيئة تطوير وبرمجة سحابية متقدمة مجانية تتيح لطلاب المرحلة الثانوية كتابة وتجربة أكواد منهج منصة كيرو (QUREO JavaScript) وتصميم صفحات الويب (HTML & CSS) وتشغيلها فورياً في الكونسول والمعاينة دون الحاجة لتثبيت أي برامج.

check_circle هل يغطي المعمل تدريبات فصول كيرو المقررة بالثانوية العامة؟

نعم، يحتوي المعمل على قوالب وأمثلة جاهزة تغطي كافة فصول كيرو: من الفصل 1 و 2 (الكونسول والطباعة)، الفصل 3 (المتغيرات والإسناد)، الفصل 5-7 (الشروط if/else)، الفصل 9 (المعاملات المنطقية)، الفصل 10 (حلقات التكرار for)، الفصل 12-13 (الدوال return)، الفصل 15 (أنواع البيانات)، الفصل 16 (المصفوفات)، وفصول تطوير الويب (18 و 19 و 34 و 35).

check_circle كيف يساعدني المعمل في حل وتطبيق أسئلة العملي لمنصة كيرو؟

يوفر المعمل محاكي كونسول فوري يكشف الأخطاء البرمجية النحوية ويوضح سبب الخطأ بدقة، مع إمكانية تجربة دوال console.log و console.table و console.warn وتتبع نواتج المتغيرات خطوة بخطوة.

check_circle هل معمل منصة كيرو والأكواد مجاني ومتاح بدون اشتراك؟

نعم، معمل منصة كيرو والأكواد متاح ومفتوح مجاناً بنسبة 100% لجميع طلاب المرحلة الثانوية وزوار المنصة للتطبيق العملي الحر في أي وقت ومن أي جهاز (كمبيوتر، تابلت الوزارة، أو هاتف ذكي).

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

نعم، يحتوي المعمل على مكتبة أصول وصور جاهزة بنقرة واحدة (أفاتار الطلاب، صور الكمبيوتر، روبوتات الذكاء الاصطناعي) بالإضافة لعناصر HTML و CSS مثل الأزرار المتوهجة وحقول الإدخال وبطاقات المحتوى.

check_circle هل يمكنني كتابة HTML و CSS و JavaScript في نفس الوقت ومزامنتهم؟

نعم بكل تأكيد، يمكنك التبديل بين تبويبات index.html و style.css و script.js بكل سلاسة، وعند الضغط على تشغيل يتم دمجهم وتطبيق التصميم والتفاعل في شاشة المعاينة الحية فوراً مع إخراج النتائج في الكونسول.

تعلم البرمجة ومنهج كيرو والذكاء الاصطناعي بالفهم والتطبيق مع م. محمود مصطفى

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

check_circle تم تفعيل القالب بنجاح!
home الرئيسية menu_book المنهج login دخول المنصة android تحميل التطبيق
check_circle تم النسخ بنجاح!