الفئات: دورات السعودية | العلوم والتكنولوجيا
تتعرف على أساسيات HTML وCSS، بما في ذلك دورهما في تطوير الويب وكيفية عملهما معًا لإنشاء صفحات الويب.
تطور هيكل المشروع لموقع التجارة الإلكترونية الخاص بك، كما ستقوم بتنظيم الملفات والمجلدات، وستقوم بإعداد خادم محلي، وربط ملفات CSS وJavaScript الضرورية.
تُنشأ قسم رأس الصفحة، بما في ذلك شعار الموقع وقائمة التنقل وشريط البحث. ستقوم بتنفيذ مكون التنقل التفصيلي لتحسين تنقل المستخدم وإنشاء قسم جذاب لعرض المنتجات المميزة.
دروس مجانية
المقدمة
مقدمة موجزة عن لغات HTML و CSS و Tailwind CSS
1. تطوير واجهات متجر إلكتروني باستخدام HTML و Tailwind CSS
المقدمة
مقدمة موجزة عن لغات HTML و CSS و Tailwind CSS
نظرة عامة حول المشروع
تجهيز المشروع
صفحة المنتجات: بناء header و breadcrumb و hero
صفحة المنتجات: بناء قائمة المنتجات و footer
صفحة المنتج: تجهيز الصفحة و بناء product gallery
صفحة المنتج: بناء معلومات المنتج
صفحة المنتج: بناء المنتجات المشابهة
صفحة السلة: تجهيز الصفحة و بناء قائمة المنتجات
صفحة السلة: بناء ملخص الطلب والمزايا
الخاتمة
ندرك انتشار المواقع المُستخدمة في حياتنا اليومية، سواء كان الغرض الشراء أونلاين أو عمل حجوزات سفر مثلًا أو حتى التعلم أونلاين. لهذا السبب، من المهم تعلم بناء واجهات مستخدم جذابة وعملية في نفس الوقت. في هذه الدورة، سنعمل على تطوير واجهات متجر إلكتروني باستخدام HTML و Tailwind CSS. سنقوم ببناء الصفحات التي لايخلو منها أي متجر إلكتروني وهي: صفحة المنتجات، صفحة منتج معين، وصفحة سلة التسوق. ولايخفى علينا سهولة الوصول للمواقع الإلكترونية عن طريق الهواتف المحمولة؛ فبالتالي هدف أساسي لهذه الدورة هو تعلم بناء الواجهات باستخدام Mobile-first approach والتي تضمن توافق الواجهات على مختلف أحجام الشاشات سواء كانت صغيرة أو كبيرة.
ليست هناك حاجة إلى خبرة سابقة، كل ما تحتاجه لتحقيق أقصى استفادة من هذه الدورة هو برنامج لكتابة الكود البرمجي . ملاحظة: في هذه الدورة سوف نستخدم برنامج Visual Studio Code.
مطورة ويب
245 متعلمين
2 دورة