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