كيف يقوم يوتيوب بالتعامل مع عناوين وصور الفيديوهات

بل يفعله كل من ال backend وال frontend معاً

وذلك لأن ال  frontend سيقوم بإنشاء حقول الإدخال الخاصة بإدخال كم من الاسم و الصورة... إلخ ثم سيقوم بإرسالها لل backend الذي سيقوم باستقبال هذه البيانات وتخزينها و ارجاعها لل frontend عندما يطلبها. 

بتاريخ 16 ساعات قال فقط ل لماذا:

1-انا حسين مصطفى و قمت بانشاء هذا الحساب لاعلامكم بان قد تم حظر حسابي الرئيسي الي هو حسين مصطفى الحسين ولا اعلم السبب,

2-بالنسبة للرد , عندي سؤال اخر ,من المستحيل بان الfront end يقوم بانشاء حقول في كل مرة و لكل حساب جديد في يوتيوب , كيف ذلك هل هي دالة معينه ؟

1- اعتقد انه تم التعامل مع حسابك يا حسين @حسين مصطفى الحسين@فقط ل لماذاوفي حال بقيت المشكلة قم بالتواصل مع قسم الدعم من هنا

2- لا ليس بمستحيل ولكن يقوم بإضافة العناصر بشكل ديناميكي وعلى سبيل المثال يتم الاضافة بهذا الشكل في رياكت :

<div>
	{data.videoName}
</div>

حيث ان الـ data هي معلومات قادمة من السيرفر، و يقوم الـ frontend بالتعرف على البيانات المراد احضارها من خلال عنوان الصفحة، فكما تعرف كل فيديو على يوتيوب له عنوان مختلف وحسب هذا العنوان يتم احضار البيانات.

بتاريخ 49 دقائق مضت قال عمر قره محمد:

2- لا ليس بمستحيل ولكن يقوم بإضافة العناصر بشكل ديناميكي وعلى سبيل المثال يتم الاضافة بهذا الشكل في رياكت :

<div>
	{data.videoName}
</div>

حيث ان الـ data هي معلومات قادمة من السيرفر، و يقوم الـ frontend بالتعرف على البيانات المراد احضارها من خلال عنوان الصفحة، فكما تعرف كل فيديو على يوتيوب له عنوان مختلف وحسب هذا العنوان يتم احضار البيانات.

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

بتاريخ منذ ساعة مضت قال حسين مصطفى الحسين:

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

لاحظ الرابط التالي :

https://www.youtube.com/watch?v=FIeLx7urOFs

عندما يقوم المستخدم بإرسال الطلب إلى هذا الرابط فإن يوتيوب يعرف انك تطلب معلومات معينة وذلك عبر المعرف FIeLx7urOFs الخاص بالفيديو فيقوم بإرسال طلب إلى قاعدة البيانات واحضار اسم الفيديو و باقي المعلومات الخاصة بالمعرف FIeLx7urOFs ومن ثم عرضها داخل صفحة html، مثل هنا :

<div>
	{data.videoName}
</div>

وللتبسيط اكثر هذا مثال اسهل وباستخدام html و js وليس react.

<div id="weather"> درجة الحرارة اليوم في اللاذقية هي </div>
<script>
  // هنا نحدد المدينة التي نريد ان نحضر البيانات الخاصة بها
  const city = "Latakia"
  //لنطبع داخله البيانات القادمة من السيرفر html هنا نأتي بعنصر الـ  
  const myDiv = document.getElementById("weather")
  // هنا نرسل طلب للسيرفر لنحصل على البيانات
  fetch("http://api.weatherstack.com/current?access_key=df361c9b41f8be0507cd2efa7a66ed24&query=" + city)
    .then((response) => response.json())
    .then((data) => myDiv.innerText += data.current.temperature + " مئوية "); // في هذا السطر نقوم بحقن البيانات داخل الصفحة
</script>

جرب تغيير المدينة لمدينة اخرى ولكن قم بكتابتها بالشكل الصحيح و يكون الحرف الاول بالكبير وانظر ان النتيجة ستتغير.

فالـ city هذه تأتي من العنوان الخاص بالصفحة ويصعب في html و js شرح كيفية قدومها من العنوان ولكن يمكنك اعتبارها هي الـ id أو المعرف الخاص بالفيديو FIeLx7urOFs والذي تحدثنا عليه في الاعلى

بتاريخ 9 دقائق مضت قال عمر قره محمد:

لاحظ الرابط التالي :

https://www.youtube.com/watch?v=FIeLx7urOFs

عندما يقوم المستخدم بإرسال الطلب إلى هذا الرابط فإن يوتيوب يعرف انك تطلب معلومات معينة وذلك عبر المعرف FIeLx7urOFs الخاص بالفيديو فيقوم بإرسال طلب إلى قاعدة البيانات واحضار اسم الفيديو و باقي المعلومات الخاصة بالمعرف FIeLx7urOFs ومن ثم عرضها داخل صفحة html، مثل هنا :

<div>
	{data.videoName}
</div>

وللتبسيط اكثر هذا مثال اسهل وباستخدام html و js وليس react.

<div id="weather"> درجة الحرارة اليوم في اللاذقية هي </div>
<script>
  // هنا نحدد المدينة التي نريد ان نحضر البيانات الخاصة بها
  const city = "Latakia"
  //لنطبع داخله البيانات القادمة من السيرفر html هنا نأتي بعنصر الـ  
  const myDiv = document.getElementById("weather")
  // هنا نرسل طلب للسيرفر لنحصل على البيانات
  fetch("http://api.weatherstack.com/current?access_key=df361c9b41f8be0507cd2efa7a66ed24&query=" + city)
    .then((response) => response.json())
    .then((data) => myDiv.innerText += data.current.temperature + " مئوية "); // في هذا السطر نقوم بحقن البيانات داخل الصفحة
</script>

جرب تغيير المدينة لمدينة اخرى ولكن قم بكتابتها بالشكل الصحيح و يكون الحرف الاول بالكبير وانظر ان النتيجة ستتغير.

فالـ city هذه تأتي من العنوان الخاص بالصفحة ويصعب في html و js شرح كيفية قدومها من العنوان ولكن يمكنك اعتبارها هي الـ id أو المعرف الخاص بالفيديو FIeLx7urOFs والذي تحدثنا عليه في الاعلى

سيتم شرح هذا بالدورة صحيح ؟ , شكرا جزيلا لك

بتاريخ الآن قال حسين مصطفى الحسين:

سيتم شرح هذا بالدورة صحيح ؟ , شكرا جزيلا لك

نعم سيتم شرحها