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

slides بتشتغل

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

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

الفكرة

ملف الـ slides بيعرض اللي عملته. صفحة الويب بتشتغل.

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

واجهة شغّالة

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

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

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

9:41 5G

الإعدادات

وضع الطيران

Wi‑Fiالبيت

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

5Gشغّال

الحالةWi‑Fi و5G متوصلين

تطبيق ويب

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

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

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

103.3dB فقد

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

محاكاة

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

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

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

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

صوت وكلام

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

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

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

الطبقة440 Hz

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

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

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

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

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

الساعة عندك

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

شاشتك

لغتك

بتفضّل

الحركة

اسمك

code على الهوا

code بتعدّله، شغّال على الـ slide

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

جرّب 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);
}

شغّال.

لعبة

slide تقدر تلعبها

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

دوس على الـ packets.

مسكت 0

وقعت 0

الوقت 20

أحسن نتيجة 0

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

صفحة جوه slide

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

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

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

فيديو

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

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

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

كاميرا

حط القاعة على الـ slide

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

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

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

أفكار تانية

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

اعرض

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

اسأل

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

ملف HTML واحد

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

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