الفئات: التكنولوجيا والتطوير
كيفية الاستفادة من خصائص شبكة CSS لإنشاء مخططات ذات مستوى متقدم، جنبًا إلى جنب مع كيفية استخدام هذه التقنية لإنتاج تصميمات تتدرج بين البساطة والتعقيد.
ما إذا كانت تقنية شبكة CSS قابلة للتبديل مع Flexbox وكذلك أبرز الاختلافات بينهما، بالإضافة إلى التعرّف على أهم المصطلحات والمفاهيم التي تتعلق بهذه التقنية.
كيفية تسمية خطوط الشبكة، وكذلك كيفية وضع العناصر المختلفة وتنسيقها وتنظيمها، جنبًا إلى جنب مع كيفية تطبيق كل ما سبق ذكره وأكثر بشكل عملي على مشروع حقيقي.
دروس مجانية
هل CSS Grid بديل لـ flexbox؟
مصطلحات CSS Grid
خواص شاشة Grid
1. مقدمة لبرنامج CSS Grid
هل CSS Grid بديل لـ flexbox؟
مصطلحات CSS Grid
خواص شاشة Grid
2. خصائص حاوية Grid CSS
ضبط الأعمدة والصفوف
شرح خاصية CSS Grid gap
الشبكة الضمنية Implicit والشبكة الصريحة Explicit
كيفية استخدام خاصية minmax
الفرق بين Auto-fill و Auto-fit
شرح grid-auto-flow property
3. خصائص عناصر شبكة CSS
وضع العناصر بأرقام الأسطر
وضع العناصر مع الامتداد
تعبئة الخلايا الفارغة تلقائيًا
منطقة قالب الشبكة (الجزء 1)
منطقة قالب الشبكة (الجزء 2)
خطوط الشبكة الضمنية
خطوط الشبكة الصريحة (الجزء 1)
خطوط الشبكة الصريحة (الجزء 2)
4. محاذاة شبكة CSS
خصائص المحاذاة
إضافة خاصية
5. تدريب عملي
نظرة عامة عن المشروع
إنشاء رأس الصفحة
إنشاء القسم المتداخل
إنشاء قسم الميزات
إنشاء قسم المعرض
إنشاء قسم المقالات
عادة ما يخلط الناس بين تجربة المستخدم الجيدة والمحتوى الهادف، في حين أن تجربة المستخدم الجيدة لا تقتصر على المحتوى المفيد فقط، بل تتضمن العديد من العوامل الأخرى والتي يأتي على رأسها التصميم الجيد. بعبارة أخرى، إذا لم تقم بتنظيم المحتوى الخاص بك وعرضه بطريقة بسيطة وجذابة، فإن جهودك ستذهب سدى. ومن هذا المنطلق، تم تصميم هذه الدورة التدريبية لتعريفك بتقنية شبكة CSS للتصميم ثنائي الأبعاد. لن تساعدك الدورة على إنشاء مخططات وتصاميم ويب جيدة فحسب، بل وتقديم منتجك النهائي بأفضل صورة ممكنة.
لا توجد متطلبات لهذه الدورة. كل ما تحتاجه لتحقيق أقصى فائدة من هذه الدورة هو اهتمامك بموضوع الدورة ورغبتك في التعلم.
مطور واجهات أمامية
97 متعلمين
1 دورة