انه دورة متينة, البنية منطقية ومعظم الامثلة كانت مفيدة, يمكن استخدام بعض السيناريوهات من العالم الحقيقي
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 -
💬
Personal AI tutor
Stuck on a lesson? Ask your built-in tutor anything, any time. -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 30 يومًا
دون أسئلة -
⚡
قصير ومركَّز
1 ساعة 34 دقيقة من المحتوى التطبيقي
المراجعات (14)
كانت هذه تجربة تعليمية عظيمة، فقد تعلمت الكثير من المهارات المفيدة التي يمكنني تطبيقها على الفور، وكان تقديم المحتوى ممتازا.
مقدمة جيدة جداً، كانت الأمثلة مفيدة، لكنني أتمنى لو كان هناك المزيد من المواد التدريبية، قيمة جيدة مقابل التكلفة.
So well put together! The real-world examples made everything click. I'd definitely take another course from this provider.
جيد جداً بشكل عام، كان الهيكل منطقياً، والعديد من الأمثلة مفيدة، وبعض المجالات كان يمكن أن تستخدم المزيد من العمق، ولكنه متين.
أنا لست متأكدا أن هذا للمبتدئين تماما فهو يفترض بعض المعرفة السابقة التي لم يتم تعليمها بشكل صريح بعض الأمثلة كانت مربكة
لقد كان المحتوى رائعاً، وكان الهيكل منطقياً وسهل المتابعه، ولقد أقدر بشكل خاص الشروحات الواضحة.
Decent course. The structure was mostly clear, though a few examples could have used a bit more detail. Still, learned a lot.
A good introduction. The structure was mostly clear, but I wish there were a few more real-world examples. Still, learned a lot.
انها دورة جيدة إذا كنت تملك بعض المعرفة المسبقة، بالنسبة للمبتدئين، بعض المفاهيم قد تكون تحدياً قليلاً، ولكن البنية منطقية.
This was a brilliant way to learn! The structure was logical, the pace was spot on, and the examples were super helpful. Highly recommend!
This is exactly what I was looking for. Loved the practical examples, they really helped solidify the concepts.
لقد أحببت الأمثلة العملية! لقد جعلت المفاهيم حية حقاً. كانت الدورة منظمة جيداً وسهلة الاستكشاف.
تصميم الدورة التدريبية رائع، والطريقة التي تبني بها المفاهيم بعضها على بعض سلسة، عملية للغاية وموضحة بشكل جيد.
المتعلمون أخذوا أيضًا
إتقان مبادئ التصميم الحديث للمواقع الشبكية، وتعلم تصميم التصميم باستخدام فيغما، وبناء تصميمات مواقع شبكية سريعة الاستجابة وسهلة الاستخدام من خلال دروس خطية خطوة بخطوة.
$4.99
تعلم كيفية بناء تصاميم مواقع ويب مهنية ونماذج تفاعلية باستخدام أدوات فيجما الأساسية وعمليات التصميم الحديثة.
$4.99
تعلم تصميم وتطوير حافظة الويب الاستجابية الخاصة بك من الصفر، والاستفادة من فيجما للواجهة / تجربة المستخدم ودمج أدوات الذكاء الاصطناعي لتبسيط تدفق عملك.
$4.99
تعلم كيفية إنشاء واجهات مرنة وسهلة الاستخدام تتكيف بسلاسة مع أي حجم للشاشة باستخدام فيجما.
$4.99
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe أو بالعملات الرقمية. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 30 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع
×2
Top up once, pay half
Add $100 → get 200 credits. Every class becomes $2.50 instead of $4.99. Credits never expire.
$100
200 credits
$2.50 / class
Best value
$250
550 credits
$2.27 / class
$500
1200 credits
$2.08 / class
No subscription. Credits apply to any class and never expire.