CSS Responsive Design
هل ترغب في تصميم مواقع ويب مذهلة تستجيب لجميع الأجهزة بشكل سلس ومثالي؟ هل تريد أن تتقن مهارة أساسية يبحث عنها كل مطور ويب؟ إذًا، هذه الدورة هي الخطوة المثالية لك!في دورتنا حول CSS Responsive Design، ستتعلم كيفية إنشاء مو…
هل ترغب في تصميم مواقع ويب مذهلة تستجيب لجميع الأجهزة بشكل سلس ومثالي؟ هل تريد أن تتقن مهارة أساسية يبحث عنها كل مطور ويب؟ إذًا، هذه الدورة هي الخطوة المثالية لك!
في دورتنا حول CSS Responsive Design، ستتعلم كيفية إنشاء مواقع تتكيف بسلاسة مع أي شاشة – سواء كانت هاتفًا محمولًا أو جهازًا لوحيًا أو شاشة كمبيوتر كبيرة.
ستكتشف أسرار التصميم المرن باستخدام Flexbox و Grid، وتتعرف على كيفية استخدام media queries لضمان تجربة مستخدم متكاملة.
مع الشرح البسيط والعملي الذي نقدمه، ستتمكن من تحويل أي تصميم ثابت إلى تصميم ديناميكي وجذاب يلفت انتباه كل زائر.
لا تفوت الفرصة لتكون مبدعًا في تصميم الويب، وابدأ الآن رحلتك نحو احتراف تصميم المواقع المتجاوبة!
محتوى الدورة
- 1المقدمة
- 2مواد الدورة
- 3التصميم المتجاوب في CSS13 درسًا · 5 اختبارات
- التصميم التكيفي مقابل التصميم المتجاوب
- وسم meta viewport
- مختصر كتابي: Viewport Meta Tag
- اختبار قصير: Viewport Meta Tag
- اختبار التصميم المتجاوب
- ما هي استعلامات الوسائط (Media Queries)؟
- مختصر كتابي: What is Media Queries
- اختبار قصير: ?What is Media Queries
- التحدي 1
- البدء بسطح المكتب مقابل البدء بالجوال
- مختصر كتابي: Desktop-first VS Mobile-first
- اختبار قصير: Desktop-first VS Mobile-first
- استعلامات مفيدة أخرى
- مختصر كتابي: More Useful Queries
- اختبار قصير: More Useful Queries
- اختر نقاط التوقف بحكمة
- التحدي 2
- اختبار قسم CSS Responsive
- 4الخاتمة
- الاختبار النهائي
- الاختبار النهائي: CSS Responsive Design
عن المعلم
التقييمات والمراجعات
تقرير
عضو الحظر؟
من فضلك أكد أنك تريد منع هذا العضو.
لن تتمكن بعد هذه الخطوة من:
- ذكر هذا العضو في منشورات
- قم بدعوة هذا العضو إلى المجموعات
- مراسلة هذا العضو
يرجى الانتظار بضع دقائق حتى تكتمل هذه العملية.

جزاكم الله خيرا