استدعاء مكتبات البوتستراب / جيكويري /فونت أوسوم عن طريق روابط CDN

عبد الواحد الحدادي · 17 أغسطس 2020

مرحباً / أتمنى أن تكونوا بخير وعلى أحسنِ حال إن شاء الله .

أريد جلب المكتبات الآتية عن طريق روابط وليس تحميل إلى حاسوبي الشخصي ولكن لا أعرف كيف فأرجو المساعدة من فضلكم :

المكتبات التي أريدها هي :

البوتستراب / جيكويري /فونت أوسوم

وشكراً لكم مسبقاً .

Mohamd Imran · 17 أغسطس 2020

أهلا بك @عبد الواحد الحدادي

تفضل بوتستراب , جيكويري تفضل

<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

وأخيراً فونت أويسم هنا

Yomna Raouf · 17 أغسطس 2020

مرحبًا عبد الواحد.

بالنسبة ل bootstrap:

قم بفتح موقع bootstrap من هنا
ثم اضغط على get started
سيأخذك الموقع إلى هذه الصفحة
قم بنسخ ال link tag الموجود تحت قسم css بعدها قم بلصقه في ال head في كود html الخاص بمشروعك.
قم بنسخ ال Script tags الموجودة تحت قسم js بعدها قم بلصقه في نهاية ال body في كود html الخاص بمشروعك.

كما يلي:

<html>
  <head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  </head>
  
  <body>
  
  
  
  
    
	<!-- bootstrap موجود ضمن الروابط مع Jquery -->  
	<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
	<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
  </body>
</html>

بالنسبة ل Jquery:

قم بكتابة jquery cdn في جوجل
سيظهر لك النتيجة التالية JQuery CDN
قم بفتحه
اختر الإصدار الذي تريده
و اختر من تحته أي تصنيف slim minified مثلًا
اضغط على slim minified سيظهر لك مربع صغير به Script tag قم بنسخه و لصقه في نهاية ال body tag

كما يلي:

<html>
  <head>
  </head>
  <body>
  
  
  
  
	<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
  </body>

</html>

بالنسبة ل font awesome:

قم بكتابة fontawesome في جوجل
ستحصل على النتيجة التالية fontawesome قم بفتحها
اضغط على start for free
سيأخذك إلى هذه الصفحة
قم بإدخال بريدك الإلكترني
و بعدها اضغط send code kit
سيرسلون لك رسالة في بريدك الإلكتروني بعدها "ابحث في قسم spam إن لم تجدها"
اضغط على المربع المكتوب عليه click to confirm your email address + set things up
سينقلك الرابط إلى صفحات ستضيف إليها بيانات أساسية عنك
بعد أن تملأ بيانات سينقلك إلى صفحة بها رابط خاص بك يمكنك استخدامه في مشاريعك "انظر الصور المرفقة"