بسم الله الرحمن الرحيم
استكمال الجزء التانى من موضوع
ا/ عمرو على
توقفنا المرة السابقة عند الجزء الخاص بالتحميل
فى الصورة السابقة نقوم بتحميل ال Bootstrap
الجزء الاول :الخاص بملفات البوتسراب فقط
الجزء التانى : الخاص بالملفات كاملة مع وجود امئلة وتطبيقات
الجزء التالت : الخاص بال SASS وهى عبارة عن COMPILE لملفات ال CSS
content delivery network
content delivery network دى عبارة عن سيرفر كبير باخد منه ملفات اللى محتاج لها علشان اخف الضغط من على السرفر الخاص بى
ممكن استخد الملفات بشكل عادى خالص وممكن اعمل لها اضافه عن طريق السيرفر الخاص بالموقع واشهر المواقع اللى بتقدم الخدمه دى هى جوجل
Google CDN
وده مثال ازاى اعمل تضمين لملفات ال JQUERY مثلا من خلال الجوجل
يوجد بالبوت ستراب نوعين من الملفات النوع الاول :
bootstrap.css
وده انا ممكن اعدل علية يعنى ممكن اغير فى الخاص عادى بدون اى مشكلة ويحتوى ايضا على تعليقات للمبرمج لتوضيح المعلومات وسهولة البرمجه
النوع التانى :
bootstrap.min.css
والنوع ده انا صعب اعدل عليه لانه مخصص لعدم التعديل يعنى اللى عاوز يشتغل على طول وميعدلش اى حاجه فى البوتستراب يستخدم النوع التانى
ونفس الكلام لل
bootstrap.js
bootstrap.min.js
ماذا يحتوى ملف ال
ملفات ال LESS
ملفات ال JavaScript
ملفات ال Dist اختصار لل distribution اى التوزيعه
القالب الرئيسى ؟
1- شكل العرض ليصبح التصميم متجاوب
2- تضمين ملفات ال
css/bootstrap.min.css
3-استيراد ملفات الجيكويرى من جوجل ويجب ان يتم تضمين ملفات الجيكويرى قبل ملفات ال البوتستراب
4- تضمين الملفات الخاصه بالبوتستراب ونلاحظ استخدام الجزء الخاص Min ومعنى ذلك اننا لا نسطيع التديل على الملف كما سبق الشرح
الامثلة ؟
امثلة على المتصفحات التى تدعم ولا تدعم البوتستراب
بعض المشاكل مع
لحل هذه المشاكل نقوم بتضمين ملفات Respond.js
وبكده يبقى خلصنا الجزء التانى من
ما شاء الله بالتوفيق يا أستاذ عمرو 🙂
مجهود رائع ما شاء الله وحرص على تبسيط المعلومة مع ترسيخها بالصور
جزاك الله كل خير استمر 🙂
طيب دلوقتى انا عاملة سايت هو عبارة عن صور و فورمز وعملة ريفرنس زي محضرتك قايل كده جوه الكود بتاعى اظبط الصور ازاي بقى !!
شرح جميل جدا
جزاك الله كل خير يا أستاذ عمرو
ملاحظة : يرجى اضافة رابط المواضيع السابقة المتعلقة بالدرس تحت الشرح, حتى يتسنى من يرى الموضوع لاول مرة مراجعة المواضيع السابقة
بنتمنى لكم مزيداً من التقدم والنجاح
شكرا على الجهد المبذول
جميل جدا ماشاء الله فى انتظار البقية
بوركتم يارب
جيد الله يبارك فيكم