لقد أحببت الأمثلة العملية! لقد جعلت المفاهيم حية حقاً. كانت الدورة منظمة جيداً وسهلة الاستكشاف.
بناء موقع تجارة إلكترونية باستخدام HTML و CSS
تعلم أساسيات تطوير الويب من خلال برمجة واجهة متجر إلكتروني متجاوبة من الصفر باستخدام تقنيات HTML و CSS الحديثة.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
يعد بناء مشروع واقعي أفضل طريقة لتعلم تطوير الويب. يرشدك هذا المساق المكتوب خلال إنشاء واجهة متجر إلكتروني أنيقة وعملية من الألف إلى الياء باستخدام HTML و CSS.
ستنتقل من فهم الترميز الأساسي إلى هيكلة وتصميم تخطيط متجر إلكتروني متعدد الصفحات. على طول الطريق، ستتقن أنظمة التخطيط الحديثة، ومبادئ التصميم المتجاوب، وممارسات الترميز التي يسهل الوصول إليها لضمان أن متجرك عبر الإنترنت يبدو رائعًا على أي جهاز.
ما ستتعلمه:
- فهم علامات HTML الأساسية والهيكل الدلالي لتخطيطات التجارة الإلكترونية
- تطبيق تقنيات تخطيط CSS الحديثة بما في ذلك Flexbox و Grid لوضع بطاقات المنتجات وأشرطة التنقل
- تصميم تخطيطات متجاوبة تعطي الأولوية للجوال وتتكيف بسلاسة مع أحجام الشاشات المختلفة
- تطبيق أساسيات إمكانية الوصول إلى الويب لجعل واجهة متجرك قابلة للاستخدام لجميع الزوار
- تصميم عناصر تفاعلية مثل تأثيرات التمرير والأزرار وبطاقات عرض المنتجات
يبدأ المساق بمفاهيم الويب الأساسية وهيكل HTML الأساسي قبل الانتقال إلى التصميم المتقدم، وتخطيطات شبكة المنتجات، وتعديلات التصميم المتجاوب. ستتعلم من خلال قراءة الشروحات الواضحة، ودراسة مقتطفات التعليمات البرمجية العملية، وإكمال التمارين الكتابية العملية.
تم تصميم هذا المساق للمبتدئين تمامًا الذين ليس لديهم خبرة سابقة في البرمجة والذين يرغبون في مقدمة منظمة وقائمة على المشاريع لتطوير الويب الأمامي.
ابدأ رحلتك في تطوير الويب اليوم من خلال بناء أول واجهة متجر إلكتروني لك.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 36 دقيقة من المحتوى التطبيقي
شهادة إتمام
كل دورة تكملها على PickAClass تُصدر شهادة كهذه — أصلية، بكودها الخاص، قابلة للتحقّق عبر الرابط، ومفصّلة عمّا أُثبت فعلًا.
P
PickAClass
ملف المهارات · قابل للتحقّق
وثيقة
شهادة إتقان
تشهد هذه الوثيقة بأن
الاسم واللقب
أثبت بنجاح إتقان
بناء موقع تجارة إلكترونية باستخدام HTML و CSS
المهارات المُثبَتة
✓
تحليل أنماط السلوك
تأسيسي
1.2 ساعة
✓
أطر معمارية لاتخاذ القرارات
متمكّن
1.4 ساعة
✓
تصميم اختبار A/B
متمكّن
1.7 ساعة
✓
كتابة نصوص سلوكية
متقدّم
1.9 ساعة
P
PickAClass — الاسم واللقب
بناء موقع تجارة إلكترونية باستخدام HTML و CSS
صفحة 2 من 2
تفاصيل الأداء
ملخّص العمل الدراسي
الدورات المكتملة
14 / 14
أسئلة التدريب
26 / 28
الواجبات المُسلَّمة
4 (متوسط 4.5 / 5)
المشروع الختامي
تمت مراجعته — 4.6 / 5
إجمالي التدريب
6.2 ساعة
معيار الأداء
ترتيب الدفعة
ضمن أفضل 12% من 1,625
وقت الإكمال
11 يومًا (الوسيط: 22)
درجة الإتقان
91 / 100
درجة أسئلة التدريب
94%
التحقّق من المهارة
مسار مهارة موثّق
المراجعات (14)
This was a brilliant way to learn! The structure was logical, the pace was spot on, and the examples were super helpful. Highly recommend!
انه دورة متينة, البنية منطقية ومعظم الامثلة كانت مفيدة, يمكن استخدام بعض السيناريوهات من العالم الحقيقي
So well put together! The real-world examples made everything click. I'd definitely take another course from this provider.
لقد كان المحتوى رائعاً، وكان الهيكل منطقياً وسهل المتابعه، ولقد أقدر بشكل خاص الشروحات الواضحة.
كانت هذه تجربة تعليمية عظيمة، فقد تعلمت الكثير من المهارات المفيدة التي يمكنني تطبيقها على الفور، وكان تقديم المحتوى ممتازا.
مقدمة جيدة جداً، كانت الأمثلة مفيدة، لكنني أتمنى لو كان هناك المزيد من المواد التدريبية، قيمة جيدة مقابل التكلفة.
This is exactly what I was looking for. Loved the practical examples, they really helped solidify the concepts.
أنا لست متأكدا أن هذا للمبتدئين تماما فهو يفترض بعض المعرفة السابقة التي لم يتم تعليمها بشكل صريح بعض الأمثلة كانت مربكة
A good introduction. The structure was mostly clear, but I wish there were a few more real-world examples. Still, learned a lot.
انها دورة جيدة إذا كنت تملك بعض المعرفة المسبقة، بالنسبة للمبتدئين، بعض المفاهيم قد تكون تحدياً قليلاً، ولكن البنية منطقية.
تصميم الدورة التدريبية رائع، والطريقة التي تبني بها المفاهيم بعضها على بعض سلسة، عملية للغاية وموضحة بشكل جيد.
Decent course. The structure was mostly clear, though a few examples could have used a bit more detail. Still, learned a lot.
جيد جداً بشكل عام، كان الهيكل منطقياً، والعديد من الأمثلة مفيدة، وبعض المجالات كان يمكن أن تستخدم المزيد من العمق، ولكنه متين.
المتعلمون أخذوا أيضًا
🎓 بشهادة
تصميم نماذج متجاوبة باستخدام CSS و jQuery
شهادة
تطبيق عملي
9,19 €
→
💼 جاهز لسوق العمل
🎓 بشهادة
تصميم الويب الحديث باستخدام Bootstrap Studio
شهادة
تطبيق عملي
9,19 €
→
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
9,19 €
→
🔥 رائج
🎓 بشهادة
بناء موقع معرض أعمال متميز باستخدام Framer
شهادة
تطبيق عملي
9,19 €
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع
10
احصل على 10 دورات شهريًا
يحصل الأعضاء كل شهر على 10 دورات من اختيارهم مقابل 0 €. لا رسوم على الدورات — تدفع فقط ثمن الاشتراك.
45 € / شهريًا
- ✓ 10 دورات كل شهر
- ✓ ألغِ في أي وقت
يتجدد شهريًا. تنتهي صلاحية الدورات غير المستخدمة في نهاية كل شهر فوترة.