الفئات: التكنولوجيا والتطوير
تبني تخطيطات متجاوبة متقدمة بسرعة وسهولة باستخدام الحد الأدنى من التعليمات البرمجية ومعارض الصور والقوائم باستخدام flexbox.
تنشئ موقع ويب كامل مع تخطيطات متجاوبة متقدمة؛ مثل (تخطيط الكأس - تخطيط الأعمدة المتساوية - تخطيط البناء الأفقي) وأكثر من ذلك.
تفهم كيفية عمل كل خاصية، وكيف يمكن استخدام خاصية معينة للتحكم في التخطيط بطرق مختلفة وتعزيز إنتاجيتك وتوفير المزيد من الوقت كمطور ويب.
دروس مجانية
إنشاء أول حاوية داخل برنامج فليكس بوكس
اتعرف على محاور main و cross
المزيد عن خواص Flex flow
1. أساسيات الفليكس بوكس
إنشاء أول حاوية داخل برنامج فليكس بوكس
اتعرف على محاور main و cross
المزيد عن خواص Flex flow
تعلم خواص flex wrap
2. التحكم في محاذاة العناصر باستخدام css flexbox
محاذاة العناصر مع خاصية ضبط المحتوى
المزيد عن خاصية ضبط المحتوى
محاذاة العناصر مع خاصية محاذاة العناصر
محاذاة عنصر واحد مع خاصية محاذاة الذات
محاذاة عدة أسطر مع خاصية محاذاة المحتوى
تعلم خاصية Order
3. التحكم في حجم العناصر باستخدام flexbox
شرح flex grow
شرح flex shrink
شرح flex basis
4. استخدام flexbox in action and build two menus
نظرة عامة على القسم وملفات البدء
بناء قائمة بسيطة مع فليكس بوكس
بناء قائمة متقدمة مع فليكس بوكس
5. المشروع القائم على flexbox
نظرة عامة على مشروع النهائي
بناء مخطط holygrail
بناء header باستخدام flexbox
بناء وتصميم قسم Posts
إضافة flexbox إلى Posts
بناء وتصميم قسم Watch
إضافة فلكس بوكس إلى قسم Watch
بناء وتصميم قسم download
إضافة فلكس بوكس إلى قسم download
بناء معرض مع تخطيط البناء الأفقي باستخدام flexbox
إضافة مكوّن Lightbox إلى معرض الصور الخاص بنا
بناء الشريط الجانبي باستخدام flexbox
بناء Menu وFooter
ان لم تقرر بعد من أين تبدأ رحلتك لتعلّم طريقة فعالة لإنشاء تخطيطات معقدة بسهولة، هذه الدورة التدريبية هي أنسب نقطة انطلاق. في هذه الدورة التدريبية الشاملة ، سيتم إنشاء تخطيطات متجاوبة متقدمة باستخدام CSS فقط مع سطور بسيطة من التعليمات البرمجية ,كل هذا وأكثر على بعد خطوة واحدة منك، فهيّا ابدأ التعلّم الآن!
تتطلب هذه الدورة التدريبية معرفة أساسية لـ HTML & CSS.
مطوّر ويب خبير
951 متعلمين
5 دورات