آموزش طراحی قالب فروشگاهی مشابه دیجی کالا با React و Tailwind CSS

  • مدرس
    علی صدیقی
  • تعداد قسمت های دوره
    ۱۰
  • مدت زمان کل دوره
    ۶ ساعت
  • قیمت محصول
    ۲,۸۳۵,۰۰۰تومان

مجوز های فروشگاه

در این دوره، یک قالب فروشگاهی کامل و حرفه‌ای مشابه دیجی‌کالا را با استفاده از Next.js و Tailwind CSS طراحی خواهیم کرد. این قالب شامل تمام صفحات فروشگاهی به همراه نسخه اختصاصی برای موبایل با طراحی رابط کاربری بهینه و متفاوت است. در طول این دوره یاد می‌گیرید که چگونه یک رابط کاربری مدرن، سریع و واکنش‌گرا (ریسپانسیو) برای فروشگاه‌های اینترنتی طراحی کنید که تجربه کاربری (UX) عالی داشته باشد.
ویژگی‌های دوره
  • طراحی تمامی صفحات فروشگاهی مشابه دیجی‌کالا
  • نسخه جداگانه برای موبایل با رابط کاربری اختصاصی
  • استفاده از Next.js برای بهینه‌سازی صفحات و سئو
  • طراحی با Tailwind CSS برای سرعت و انعطاف‌پذیری بیشتر
  • پیاده‌سازی کامپوننت‌های قابل استفاده مجدد
  • رعایت اصول UI/UX برای بهبود تجربه کاربری
  • ریسپانسیو کامل برای تمامی دستگاه‌ها
  • 🎯 مخاطبین دوره
  • توسعه‌دهندگانی که می‌خواهند یک قالب فروشگاهی حرفه‌ای و قابل استفاده در پروژه‌های واقعی بسازند
  • طراحان فرانت‌اند که می‌خواهند رابط کاربری فروشگاهی مدرن و سریع طراحی کنند
  • 💡 پیش‌نیازها
  • آشنایی با HTML، CSS و JavaScript
  • آشنایی مقدماتی با React و Next.js
  • در صورت عدم پخش ویدیو به صورت آنلاین ،فایل را دانلود نمایید

    ۱
    معرفی دوره
    ۰۰:۳۴:۰۲
    ۲
    ساخت پروژه
    ۰۰:۳۰:۴۵
    ۳
    نمایش اسلایدر تصاویر
    ۰۰:۳۵:۵۹
    ۴
    ادامه کد نویسی اسلایدر تصاویر + اضافه کردن typescript
    ۰۰:۲۵:۱۲
    ۵
    بهینه سازی کد های نوشته شده + کش کردن اطلاعات سرور
    ۰۰:۴۲:۲۲
    ۶
    افزودن استفاده از Context Api برای اشتراک گذاری سراسری اطلاعات
    ۰۰:۳۷:۱۰
    ۷
    نمایش بنر و دسته های اصلی در صفحه اول فروشگاه
    ۰۰:۲۷:۱۰
    ۸
    نمایش لیست محصولات در صفحه اصلی (بخش اول)
    ۰۰:۲۹:۴۸
    ۹
    نمایش لیست محصولات در صفحه اصلی (بخش دوم)
    ۰۰:۲۴:۴۹
    ۱۰
    نمایش لیست محصولات در صفحه اصلی (بخش سوم)
    ۰۰:۳۲:۵۶

    پرسش های ثبت شده