مقدمة جيدة جداً، كانت الأمثلة مفيدة، لكنني أتمنى لو كان هناك المزيد من المواد التدريبية، قيمة جيدة مقابل التكلفة.
Building an E-Commerce Website with HTML and CSS
Learn foundational web development by coding a responsive e-commerce storefront from scratch using modern HTML and CSS techniques.
حول هذه الدورة
Building a real-world project is the single best way to learn web development. This written course guides you through creating a stylish, functional e-commerce storefront from the ground up using HTML and CSS.
You will transition from understanding basic markup to structuring and styling a multi-page e-commerce layout. Along the way, you will master modern layout systems, responsive design principles, and accessible coding practices to ensure your online shop looks great on any device.
What you'll learn:
- Understand foundational HTML tags and semantic structure for e-commerce layouts
- Apply modern CSS layout techniques including Flexbox and Grid to position product cards and navigation bars
- Design responsive, mobile-first layouts that adapt seamlessly to different screen sizes
- Implement web accessibility basics to make your storefront usable for all visitors
- Style interactive elements like hover effects, buttons, and product display cards
The course begins with essential web concepts and basic HTML structure before moving into advanced styling, product grid layouts, and responsive design adjustments. You will learn by reading clear explanations, studying practical code snippets, and completing hands-on written exercises.
This course is designed for absolute beginners with no prior coding experience who want a structured, project-based introduction to front-end web development.
Start your web development journey today by building your very first online storefront.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في درس؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 36 دقيقة من المحتوى التطبيقي
المراجعات (14)
لقد كان المحتوى رائعاً، وكان الهيكل منطقياً وسهل المتابعه، ولقد أقدر بشكل خاص الشروحات الواضحة.
انها دورة جيدة إذا كنت تملك بعض المعرفة المسبقة، بالنسبة للمبتدئين، بعض المفاهيم قد تكون تحدياً قليلاً، ولكن البنية منطقية.
تصميم الدورة التدريبية رائع، والطريقة التي تبني بها المفاهيم بعضها على بعض سلسة، عملية للغاية وموضحة بشكل جيد.
انه دورة متينة, البنية منطقية ومعظم الامثلة كانت مفيدة, يمكن استخدام بعض السيناريوهات من العالم الحقيقي
A good introduction. The structure was mostly clear, but I wish there were a few more real-world examples. Still, learned a lot.
This is exactly what I was looking for. Loved the practical examples, they really helped solidify the concepts.
Decent course. The structure was mostly clear, though a few examples could have used a bit more detail. Still, learned a lot.
كانت هذه تجربة تعليمية عظيمة، فقد تعلمت الكثير من المهارات المفيدة التي يمكنني تطبيقها على الفور، وكان تقديم المحتوى ممتازا.
أنا لست متأكدا أن هذا للمبتدئين تماما فهو يفترض بعض المعرفة السابقة التي لم يتم تعليمها بشكل صريح بعض الأمثلة كانت مربكة
So well put together! The real-world examples made everything click. I'd definitely take another course from this provider.
جيد جداً بشكل عام، كان الهيكل منطقياً، والعديد من الأمثلة مفيدة، وبعض المجالات كان يمكن أن تستخدم المزيد من العمق، ولكنه متين.
لقد أحببت الأمثلة العملية! لقد جعلت المفاهيم حية حقاً. كانت الدورة منظمة جيداً وسهلة الاستكشاف.
This was a brilliant way to learn! The structure was logical, the pace was spot on, and the examples were super helpful. Highly recommend!
المتعلمون أخذوا أيضًا
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
SR 90.00
→
🔥 رائج
🎓 بشهادة
بناء مواقع ويب متجاوبة مع Webflow
شهادة
تطبيق عملي
SR 90.00
→
🏆 الأكثر شعبية
🎓 بشهادة
إنشاء مواقع شبكية ميسرة باستخدام معايير WCAG
شهادة
تطبيق عملي
SR 90.00
→
⚡ الأفضل للبداية
🎓 بشهادة
واجهة المستخدم وتصميم الموقع الشبكي: تدفقات العمل الحديثة مع أدوات الذكاء الاصطناعي
شهادة
تطبيق عملي
SR 90.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع
×2
اشحن مرة واحدة وادفع النصف
أضف SR 380 → احصل على 200 أرصدة. كل فئة تكلف SR 47.50 بدلاً من SR 90.00. الأرصدة لا تنتهي أبداً.
SR 380
200 رصيد
SR 47.50 / درس
أفضل قيمة
SR 950
550 رصيد
SR 43.18 / درس
SR 1,900
1200 رصيد
SR 39.58 / درس
بدون اشتراك. الرصيد يصلح لأي درس ولا ينتهي.