الفرق بين المراجعتين ل"Bootstrap/Topics"
(←لمحة عن تخطيط الصفحات: إضافة الشرح) |
|||
| سطر 31: | سطر 31: | ||
=== [[Bootstrap/layout overview|لمحة عن تخطيط الصفحات]] === | === [[Bootstrap/layout overview|لمحة عن تخطيط الصفحات]] === | ||
| − | يحوي إطار العمل Bootstrap عناصر وخيارات لتخطيط مشاريع تطوير الويب؛ بما في ذلك الحاويّات (containers)، ونظام الشبكة (grid system)، | + | يحوي إطار العمل Bootstrap عناصر وخيارات لتخطيط مشاريع تطوير الويب؛ بما في ذلك الحاويّات (containers)، ونظام الشبكة (grid system)، وكائنات الوسائط (media object)، وأصناف أدوات متجاوبة. |
=== [[Bootstrap/grid|الشبكة (Grid)]] === | === [[Bootstrap/grid|الشبكة (Grid)]] === | ||
| سطر 48: | سطر 48: | ||
=== [[Bootstrap/typography|الخطوط والنصوص (Typography)]] === | === [[Bootstrap/typography|الخطوط والنصوص (Typography)]] === | ||
| + | كيف تُضبَط الإعدادات العامّة للخطوط والنصوص (مثل الترويسات، متن الصفحة Body، القوائم ...إلخ) في إطار العمل Bootstrap. | ||
| − | === [[Bootstrap/code| | + | === [[Bootstrap/code|الشفرات البرمجية (Code)]] === |
=== [[Bootstrap/images|الصور (Images)]] === | === [[Bootstrap/images|الصور (Images)]] === | ||
مراجعة 11:51، 21 مارس 2018
تقديم إلى إطار Bootstrap
مقدمة
كيف تضيف إطار عمل Bootstrap إلى مشروعك، وما هي ميزاته الرئيسية.
تنزيل الإطار
تنزيل إطار Bootstrap للحصول على شفرة CSS و JavaScript المجمَّعة (compiled)، أو الشفرة المصدرية (source code)، أو تضمينه باستخدام مدير الحزم.
المحتويات
استكشاف محتوى Bootstrap، بما في ذلك الإصدارات المُجمّعة والشفرات المصدرية. مع ذكر أمور تتعلق بملحقات JavaScript.
دعم المتصفحات
معلومات عن المتصفّحات والأجهزة، من الحديثة إلى القديمة، التي يدعمها Bootstrap؛ مع المرور على الحالات الفريدة والعلل الخاصّة بكل واحد منها.
مكتبات JavaScript
معلومات عن ملحقات JavaScript الاختيارية المبنية على jQuery، وخيارات البيانات وواجهة التطبيقات البرمجية API وأمور أخرى.
تخصيص المظهر (Theming)
التعديل على شكل العناصر في إطار Bootstrap باستخدام Sass.
أدوات البناء (Build tools)
طريقة استخدام سكربتات npm المُضمَّنة في Bootstrap لتوليد التوثيق، وتجميع الشفرة المصدرية، وتشغيل الاختبارات وغير ذلك.
تضمين Bootstrap باستخدام Webpack
كيفية تضمين Bootstrap في المشاريع باستخدام Webpack 3.
سهولة الوصول (Accessibility)
نظرة مُختصرة على ميزات Bootstrap ومواطن قصوره في إنشاء محتوى سهل الوصول Accessibility.
تخطيط الصفحات
لمحة عن تخطيط الصفحات
يحوي إطار العمل Bootstrap عناصر وخيارات لتخطيط مشاريع تطوير الويب؛ بما في ذلك الحاويّات (containers)، ونظام الشبكة (grid system)، وكائنات الوسائط (media object)، وأصناف أدوات متجاوبة.
الشبكة (Grid)
استخدام الصناديق المرنة Flexbox عبر نظام الشبكة Grid المُعرَّف مسبقًا في إطار العمل Bootstrap، والذي يتيح إنشاء مُخطَّطات لصفحات متجاوبة على مختلف الأجهزة وقياسات الشاشة.
تخطيط كائنات الوسائط (Media object)
كيفيّة إنشاء مكوِّنات متداخلة شبيهة بالتعليقات في المدوّنات أو تغريدات تويتر والردود عليها في إطار العمل Bootstrap باستخدام كائن الوسائط Media object.
أدوات مساعدة (Utilities for layout)
تعرّف على الأصناف الخدميّة في إطار العمل Bootstrap واستفد منها في مهامّ مثل إظهار المحتوى، وإخفائه، ومحاذاته ومباعدته.
تنسيق المحتوى
التنسيق الافتراضي (Reboot)
ينبني إطار العمل Bootstrap على مجموعة من تعديلات CSS - تُعرَف باسم Reboot - تغيّر السلوكي الافتراضي لبعضٍ من عناصر الصفحة.
الخطوط والنصوص (Typography)
كيف تُضبَط الإعدادات العامّة للخطوط والنصوص (مثل الترويسات، متن الصفحة Body، القوائم ...إلخ) في إطار العمل Bootstrap.