present-in-html skill، عرض تجريبي

سلايدز بتشتغل

السلايد هنا صفحة ويب، فتقدر تعمل اللي صفحة الويب بتعمله. كل سلايد بعد دي مثال شغّال.

هشام أبو العلامشروع شخصيأكتوبر 2026

الفكرة

ملف السلايدز بيعرض اللي عملته. صفحة الويب بتشتغل.

فالسلايد تقدر تشيل تطبيق شغّال، أو محاكاة، أو صوت، أو كود، أو لعبة، أو صفحة تانية. اضغط السهم اليمين.

واجهة شغّالة

اعرض المنتج، مش صورة منه

الموبايل ده HTML حقيقي. دوس على المفاتيح. وضع الطيران بيقفل الراديوهات، وشريط الحالة بيتغير معاه.

جرّب: اقفل 5G، وبعدين شغّل وضع الطيران.

9:41 5G

الإعدادات

وضع الطيران

واي فايالبيت

بيانات الموبايل

5Gشغّال

الحالةواي فاي و5G متوصلين

تطبيق ويب

اسأل «طب لو؟» وخد الإجابة فوراً

الفقد في الفضاء الحر: إشارة الراديو بتضعف قد إيه في طريقها. حرّك الشرايح، أو اختار نطاق.

FSPL = 20 log(d) + 20 log(f) − 147.55

103.3dB فقد

التردد3.5 GHz المسافة1.0 km

محاكاة

فيزيا تقدر تحرّكها بإيدك

هوائيين بيبعتوا نفس الموجة. المكان اللي الموجات بتتقابل فيه مع بعض بتتجمع، والمكان اللي بتتقابل فيه عكس بعض بتلغي بعض.

اسحب هوائي. غيّر الطور والحزمة تلف: ده البيم فورمينج.

الطور0° الطول الموجي18

صوت وكلام

السلايد تقدر تغني، وتتكلم

النغمة بيعملها المتصفح وإنت بتسمع، وبتترسم على الشاشة. والصوت هو صوت المتصفح نفسه.

شغّل الصوت عندك الأول.

الطبقة440 Hz

قريب من A4، النوتة اللي الأوركسترا بتظبط عليها.

معمولة للي بيتفرج

السلايد دي عارفة مين اللي بيتفرج

كل قيمة هنا بتتقري من جهازك إنت، على الهوا. ومفيش حاجة بتخرج من المتصفح بتاعك.

اكتب اسمك: وأول سلايد هتسلّم عليك كمان. أو ضيف ?for=اسمك للينك.

الساعة عندك

منطقتك الزمنية

شاشتك

لغتك

بتفضّل

الحركة

اسمك

كود على الهوا

كود بتعدّله، شغّال على السلايد

غيّر رقم والرسمة تتغير وإنت بتكتب. تعليم البرمجة ما بقاش صورة من الشاشة.

جرّب n = 30، أو r = 60.

// Edit me. t is time, dot(x, y, size) draws.
const n = 14, r = 120;
for (let i = 0; i < n; i++) {
  const a = i / n * 2 * Math.PI + t;
  ctx.fillStyle = i % 2 ? brand : ink;
  dot(480 + 2*r*Math.cos(a), 170 + r*Math.sin(a), 22);
}

شغّال.

لعبة

سلايد تقدر تلعبها

امسك باكتات البيانات قبل ما تقع من الطرف. عشرين ثانية. حلوة عشان تصحّي القاعة بعد الغدا.

دوس على الباكتات.

مسكت 0

وقعت 0

الوقت 20

أحسن نتيجة 0

الباكتات بتطير من الشمال لليمين. امسك أكتر ما تقدر.

صفحة جوه سلايد

أي صفحة ويب تقدر تقعد على سلايد

ده عرض تاني، درس GenAI 101 (بالإنجليزي)، شغّال جوه السلايد دي. والداشبوردز والمستندات والأدوات بتدخل بنفس الطريقة.

دوس جواه واستعمل الأسهم بتاعته. دوس برّه عشان ترجع.

فيديو

تعديلات سريعة، من المتصفح على طول

تسجيل لمحرّر العروض: اكتب كلمة من جديد، وغيّر Q3 لـ Q4 في العرض كله، وزوّد ملحوظة، واحفظ نفس الملف.

بيشتغل طول ما السلايد دي على الشاشة، وبيقف لما تسيبها. والزراير بتنط جواه.

كاميرا

حط القاعة على السلايد

كاميرا على الهوا وفوقها عنوان، لورشة أو محاضرة أونلاين. بتقفل لما تسيب السلايد.

الصورة بتفضل في المتصفح بتاعك. مفيش حاجة بتتسجل أو بتتبعت.

الكاميرا مقفولة.

أفكار تانية

والموضوع مش بيقف هنا

اعرض

خريطة تحرّكها وتقرّب فيهاعشان تلفّ في موقع أو طريق
موديل تلاتي الأبعاد تلفّهقطعة، مبنى، جزيء
رسوم بتاكل من بيانات على الهواأرقام صح يوم العرض

اسأل

تصويت وكويزات بتعد الإجاباتمن الموبايلات اللي في القاعة
ترجمة مكتوبة وإنت بتتكلمبالتعرّف على الكلام اللي في المتصفح
سلايد بتترجم نفسهاعرض واحد، لغات كتير

ملف HTML واحد

السلايد صفحة ويب. استغلها.

هشام أبو العلاhishamabuella.compresent-in-html skill: hisham-abuella.github.io/present-in-html