ما هي الية عمل موقع scrimba؟

scrimba بدل أن يقوم بتسجيل الفيديو بالصور المتتابعة كما عهدنا , هو يقوم بتسجيل الأحداث التي تقع في الشاشة و عند إعادة المشاهدة أنت سترى الأحداث الحقيقية التي وقعت , يعني لو أنك سجلت أنك كتبت "hello world" فعند مشاهدة التسجيل فهو سيقوم بإعادة طباعة الحروف و الأحداث حرفيا .. و هذا يسمى ب dom events recorder .

من فوائده أن حجم الملف المسجل يقون صغير جدا مقانة بالفيديو و أيضا نوعية الصورة ستكون حقيقية لأنها ليست صور و أيضا هو فعال جدا في الأمور التعليمية التي تتطلب كتابة أو رسم على ال DOM .

عموما كنت أنوي صنع واحد مثله مستقبلا إن شاء الله (و مازلت ) .. لدي الآن الكود الذي يقوم بتسجيل الأحداث و أظنك تريده أيضا , تفضل :

إضغط على زر "record" لبدأ التسجيل , ثم أكتب أي شيئ ثم أعد الضغط على "record" لوقف التسجيل , ثم إضغط على زر "play" للمشاهدة .

ما رأيك أن نطوره مع بعض ؟

يُمكنك معرفة معلومات عن الموقع مثل لغة البرمجة الخاصة به، والإضافات التي يستخدموها وكل شيء من خلال هذه المواقع

أعتقد ان مثل هذه التقنيات تستخدم meta للتعرف على البنية التحتية للمواقع وقد تحلل حتى روابط ملفات js و css للبحث عن كلمات تدل على التقنية المستخدمة

بعضها يعتمد على بعض الـ Paths المستخدمة في الصور وملفات الـ JS والـ CSS، والتي يمكن تغييرها بسهولة أيضاً.

البعض ايضاً يعتمد على الـ Response القادم من الـ Web Server انه يحتوي على بعض المعلومات، والتي يمكن اخفاءها من الـ Config الخاص به بسهولة.

لذا، لا أظن ان هناك طريقة مضمونة لمعرفة ذلك.

كنت اتمنى أنّ افيدك اكثر ولكني لست خبير لهذه الدرجة في البرمجة

يوجد موقع عربي يستخدم نفس الاسلوب رايت منشور لهم في مجتمع البرمجة قبل ايام

--

لم أفهم السؤال .. كيف يعني