YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Arabic subtitles

Mixing replace() and append() - JavaScript Basics

Get Embed Code
6 Languages

Showing Revision 1 created 06/09/2016 by Udacity Robot.

  1. .كما نعلم، فإن HTML تقوم بتحديد محتوى الصفحة
  2. ،والآن، وقد عرفنا كيفية استبدال النص
  3. .فيمكننا استبدال العناصر النائبة في HTML ببيانات حقيقية
  4. .وبعد ذلك، سنحتاج فقط إلى إرفاق سلاسل HTML في النهاية للبدء في وضع سيرتنا الذاتية
  5. >> دعونا نلقي نظرة داخل helper.js حيث يتم ذلك من خلال سحر أجهزة الكمبيوتر التي
  6. .لدينا هنا على هذا الجانب من الشاشة
  7. .فهي تحتوي على بعض البيانات المساعدة التي سيستفيد منها مشروعك
  8. ،ولأن helper.js يتم عرضها قبل resumebuilder.js والتي يتعذر عليك مشاهدتها
  9. .ولكنها موجودة بطريقة ما هنا في الأسفل في نهاية الشاشة
  10. ،وستقوم بالتحميل أولاً وسيكون لدينا حق الوصول إلى جميع البيانات من helper.js
  11. .عندما نبدأ في كتابة resumebuilder.js
  12. ويمكننا مشاهدة القليل من متغيرات السلاسل هنا مثل
  13. .رقم الهاتف بـ HTML والبريد الإلكتروني بـ HTML وعنوان Twitter بـ HTML
  14. .ولكل منهم نسبة وعنصر نائب لنسبة البيانات
  15. .وهي موجودة هنا وهنا
  16. .وسيقوم كل واحد من تلك باستبدال %data% ببياناتنا الحقيقية
  17. >> لذا كيف سيقوموا باستبدال %data%؟
  18. .>> فهي الطريقة نفسها التي نقوم بها باستبدال الروعة بالمرح باستخدام أسلوب الاستبدال
  19. .>> ودعونا نرى ذلك
  20. .>> ودعونا نقول أني أريد ظهور اسمي المنسّق بشكل ملائم على الصفحة
  21. ،وفي هذه الحالة
  22. .فأنا أريد فقط إنشاء متغير جديد يقوم بتخزين HTML مع البيانات الخاصة بي
  23. وسأقوم بحفظ متغير يطلق عليه formattedName وتعيينه
  24. ليساوي HTMLheaderName.replace و%data% وتمرير ذلك
  25. .إلى متغير يقوم بتخزين اسمي
  26. .وبعد ذلك، سأقوم بتثبيت formattedName في الرأس
  27. .وها هو ذا
  28. .ستجدون اسمي المنسّق
  29. .>> فيا له من أمر رائع