الفئات: العلوم والتكنولوجيا | دورات السعودية

رقمي
الشبكة الإلكترونية
الإنتاجية
الهدف 9: الصناعة والابتكار والهياكل الأساسية

تطوير واجهات متجر إلكتروني باستخدام HTML و Tailwind CSS

مدة الدورة: 3 ساعة 13 دقيقة / 12 درس

مستوى: عام

اللغة: العربية

ماذا ستتعلم

  • تتعرف على أساسيات HTML وCSS، بما في ذلك دورهما في تطوير الويب وكيفية عملهما معًا لإنشاء صفحات الويب.

  • تطور هيكل المشروع لموقع التجارة الإلكترونية الخاص بك، كما ستقوم بتنظيم الملفات والمجلدات، وستقوم بإعداد خادم محلي، وربط ملفات CSS وJavaScript الضرورية.

  • تُنشأ قسم رأس الصفحة، بما في ذلك شعار الموقع وقائمة التنقل وشريط البحث. ستقوم بتنفيذ مكون التنقل التفصيلي لتحسين تنقل المستخدم وإنشاء قسم جذاب لعرض المنتجات المميزة.

هذه الدورة تتضمن

  • 3 ساعة 13 دقيقة/12 درس
  • آخر تحديث: 21/9/2023
  • 1 مرفقات
  • شهادة إتمام الدورة

محتوى الدورة

دروس مجانية

1.

المقدمة

2 دقيقة
مرفقات
2.

مقدمة موجزة عن لغات HTML و CSS و Tailwind CSS

11 دقيقة

عن الدورة

ندرك انتشار المواقع المُستخدمة في حياتنا اليومية، سواء كان الغرض الشراء أونلاين أو عمل حجوزات سفر مثلًا أو حتى التعلم أونلاين. لهذا السبب، من المهم تعلم بناء واجهات مستخدم جذابة وعملية في نفس الوقت. في هذه الدورة، سنعمل على تطوير واجهات متجر إلكتروني باستخدام HTML و Tailwind CSS. سنقوم ببناء الصفحات التي لايخلو منها أي متجر إلكتروني وهي: صفحة المنتجات، صفحة منتج معين، وصفحة سلة التسوق. ولايخفى علينا سهولة الوصول للمواقع الإلكترونية عن طريق الهواتف المحمولة؛ فبالتالي هدف أساسي لهذه الدورة هو تعلم بناء الواجهات باستخدام Mobile-first approach والتي تضمن توافق الواجهات على مختلف أحجام الشاشات سواء كانت صغيرة أو كبيرة.

متطلبات الدورة

ليست هناك حاجة إلى خبرة سابقة، كل ما تحتاجه لتحقيق أقصى استفادة من هذه الدورة هو برنامج لكتابة الكود البرمجي . ملاحظة: في هذه الدورة سوف نستخدم برنامج Visual Studio Code.

عن الخبير

تطوير واجهات متجر إلكتروني باستخدام HTML و Tailwind CSS

مدة الدورة: 3 ساعة 13 دقيقة / 12 درس
مستوى: عام
اللغة: العربية