أنا لست متأكدا أن هذا للمبتدئين تماما فهو يفترض بعض المعرفة السابقة التي لم يتم تعليمها بشكل صريح بعض الأمثلة كانت مربكة
CSS: بناء مواقع إلكترونية متجاوبة من الصفر
إتقان مبادئ تصميم المواد وبناء مواقع شبكية تفاعلية وسريعة الاستجابة باستخدام إطار Materialize CSS.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
هل أنت مستعد لبناء مواقع ويب مذهلة وسريعة الاستجابة تتبع معايير التصميم الحديثة دون كتابة CSS معقدة من الصفر؟ يتيح لك إطار Materialize CSS تنفيذ تصاميم نظيفة وتصميمية بسرعة وكفاءة.
في هذه الدورة، سوف تنتقل من HTML و CSS الأساسيين إلى بناء واجهات ويب تفاعلية ومستجابة بالكامل. وسوف تقرأ من خلال التفسيرات خطوة بخطوة، وتحلل مقتطفات من الشفرات المنظمة، وتطبق معارفك من خلال بناء تصاميم مواقع الويب في العالم الحقيقي، بما في ذلك المحافظ، ولوحات التحكم الإدارية، وصفحات الوصول.
ماذا ستتعلم:
- فهم المبادئ الأساسية لتصميم المواد وكيفية تطبيقها على تصاميم المواقع الشبكية الحديثة
- تشكيل نظام شبكة Materialize CSS لتصميمات متجاوبة وموجهة نحو الأجهزة المحمولة
- تنفيذ مكونات تفاعلية مثل الرسوم المتحركة، والوسائط، والتصفح الجانبي، والقائمة المنسدلة
- إنشاء واجهات كاملة للمستخدمين تشمل لوحات الإدارة، وصفحات الوصول، ومواقع الحافظات
- تطبيق أسس إمكانية الوصول إلى الشبكة لضمان أن تكون مكونات نظام Materialize قابلة للاستخدام من قبل الجميع
- تكييف المواضيع باستخدام متغيرات Sass وتقنيات CSS الحديثة لإنشاء هويات فريدة للعلامة التجارية
تبدأ الدورة بالمفاهيم الأساسية، وترشدك خلال نظام الشبكة والطباعة الأساسية قبل الانتقال إلى المكونات التفاعلية المتقدمة. ثم ستطبق هذه المهارات لبناء نماذج كاملة جاهزة للإنتاج للمواقع الإلكترونية.
هذه الدورة مصممة للمبتدئين الذين لديهم فهم أساسي للغة HTML وCSS ويريدون تعلم تنفيذ إطار حديث للواجهة البينية للمستخدم.
ابدأ ببناء مواقع حديثة ومستجابة لتصميم المواد اليوم.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 42 دقيقة من المحتوى التطبيقي
شهادة إتمام
كل دورة تكملها على PickAClass تُصدر شهادة كهذه — أصلية، بكودها الخاص، قابلة للتحقّق عبر الرابط، ومفصّلة عمّا أُثبت فعلًا.
P
PickAClass
ملف المهارات · قابل للتحقّق
وثيقة
شهادة إتقان
تشهد هذه الوثيقة بأن
الاسم واللقب
أثبت بنجاح إتقان
CSS: بناء مواقع إلكترونية متجاوبة من الصفر
المهارات المُثبَتة
✓
تحليل أنماط السلوك
تأسيسي
1.2 ساعة
✓
أطر معمارية لاتخاذ القرارات
متمكّن
1.4 ساعة
✓
تصميم اختبار A/B
متمكّن
1.7 ساعة
✓
كتابة نصوص سلوكية
متقدّم
1.9 ساعة
P
PickAClass — الاسم واللقب
CSS: بناء مواقع إلكترونية متجاوبة من الصفر
صفحة 2 من 2
تفاصيل الأداء
ملخّص العمل الدراسي
الدورات المكتملة
14 / 14
أسئلة التدريب
26 / 28
الواجبات المُسلَّمة
4 (متوسط 4.5 / 5)
المشروع الختامي
تمت مراجعته — 4.6 / 5
إجمالي التدريب
6.2 ساعة
معيار الأداء
ترتيب الدفعة
ضمن أفضل 12% من 1,625
وقت الإكمال
11 يومًا (الوسيط: 22)
درجة الإتقان
91 / 100
درجة أسئلة التدريب
94%
التحقّق من المهارة
مسار مهارة موثّق
المراجعات (13)
أحببت هذا! الطريقة التي نظمت بها المادة جعلت الأفكار المعقدة تشعر حقًا بأنها ميسورة.
تصميم الدورة التدريبية رائع، والطريقة التي تبني بها المفاهيم بعضها على بعض سلسة، عملية للغاية وموضحة بشكل جيد.
لقد كنت سعيدا جدا بحضور هذا البرنامج. كانت التطبيقات العملية التي تم عرضها مفيدة للغاية، وكان الهيكل العام ممتازا.
التعليم من الدرجة الأولى.الطريقة التي تم بها تقسيم المادة جعلت الأفكار المعقدة تبدو بسيطة.محتوى قيم للغاية هنا.
رائع! الطريقة التي نظمت بها المواد جعلت من السهل جداً متابعتها، أنا أفكر بالفعل في تطبيق ما تعلمته.
Really enjoyed the approach here. The examples were super relevant and helped solidify the material. Came away feeling very capable.
What a fantastic learning experience. The examples were super relevant and really helped cement the concepts. Loved it!
لقد كانت تجربة تعلم رائعة، كانت السرعة مثالية، والأمثلة عززت المفاهيم حقا، إبهام كبير إلى الأعلى!
Pretty good foundation. The examples were mostly helpful. Might need additional practice elsewhere for mastery.
1- محتوى قيِّم، جيد التنظيم، بعض الأمثلة كانت مجردة إلى حد ما، ولكنها كانت تجربة تعلم جيدة بوجه عام.
أحببت هذا تماما! تم عرض المادة بوضوح وساعدت الأمثلة حقا في ترسيخ المفاهيم. بالتأكيد يستحق الوقت.
Good material overall. Some parts moved a bit fast for me, but the core concepts were explained well. Useful for building a foundation.
المتعلمون أخذوا أيضًا
💼 جاهز لسوق العمل
🎓 بشهادة
تصميم الويب الحديث باستخدام Bootstrap Studio
شهادة
تطبيق عملي
$9.99
→
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
$9.99
→
🔥 رائج
🎓 بشهادة
بناء موقع معرض أعمال متميز باستخدام Framer
شهادة
تطبيق عملي
$9.99
→
🔥 مطلوب
🎓 بشهادة
تصميم الويب المتجاوب باستخدام قوالب التصميم المسطح (Flat Design) الحديثة
شهادة
تطبيق عملي
$9.99
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع
10
احصل على 10 دورات شهريًا
يحصل الأعضاء كل شهر على 10 دورات من اختيارهم مقابل $0. لا رسوم على الدورات — تدفع فقط ثمن الاشتراك.
$49.99 / شهريًا
- ✓ 10 دورات كل شهر
- ✓ ألغِ في أي وقت
يتجدد شهريًا. تنتهي صلاحية الدورات غير المستخدمة في نهاية كل شهر فوترة.