Tailwind CSS 3 | با ساختن چندین پروژه A-Z بیاموزید

در این دوره شما A-Z Tailwind CSS 3 اساسی اساسی را یاد می گیرید و سپس یک پروژه وبلاگ و پروژه تجارت الکترونیک را بسازید.

عنوان اصلی : Tailwind CSS 3 | Learn By Building Multiple Projects A-Z

سرفصل های دوره :

مقدمه:
پرونده Excise - منبع قابل دانلود
به حمایت شما نیاز دارم
با من در تماس باشید
چگونه برای این دوره مروری بگذاریم - لطفاً یک مرور بگذارید.
معرفی دوره و نصب ابزارهای مورد نیاز:
مقدمه ای بر Tailwind
نصب Node
نصب کد VS
همه ویژگی‌های Tailwind:
نصب Tailwind
Utility-First Approach قسمت 1
Utility-First Approach قسمت 2
انواع پاسخگو - Tailwind Breakpoints
Hover Focus و سایر انواع حالت
انواع حالت تاریک قسمت 1
انواع حالت تاریک قسمت 2
Tailwind @layer Directive - درک Tailwind Layers
موضوع و صفحه - توابع Tailwind
پیکربندی های Tailwind - مفاهیم پیشرفته
Tailwind Css Basic All Element:
تنظیم پروژه
استفاده از کانتینر
تنظیم عرض و ارتفاع
استفاده از Flexbox
Flex Wrap
Flex Grow & Shrink
استفاده از طرح بندی شبکه
استفاده از Row Layout
جریان شبکه
شکاف و موارد توجیه کننده
موارد فردی را توجیه کنید
بالشتک و حاشیه
استایل دادن به متن
حاشیه های یک ظاهر طراحی شده
پرونده ورودی
ویژگی های مدرن Tailwind 3 CSS:
اولین نامه و انتخاب
برچسب بعد
سایه های جعبه رنگ
مدیفایر چاپ
Modern Aspect Ratio Api قسمت 1
Modern Aspect Ratio Api قسمت 2
Scroll Snap Api
رفتار اسکرول کامل
چیدمان چند ستونی
خواص دلخواه
سبک زیر خط فانتزی
CND را پخش کنید
ساخت پروژه یک طراحی قالب اولیه وبلاگ با Tailwind:
معرفی پروژه وبلاگ - آنچه خواهید ساخت
راه اندازی پروژه وبلاگ
طراحی یک نوار ناوبر سربرگ وبلاگ قسمت 1
طراحی یک نوار ناوبر سربرگ وبلاگ قسمت 2
یک نوار کناری وبلاگ برای بخش 1 طراحی کنید
یک نوار کناری وبلاگ برای رده قسمت 2 طراحی کنید
طراحی یک وبلاگ به صورت تصادفی قسمت 1
طراحی یک وبلاگ به صورت تصادفی قسمت 2
طراحی یک وبلاگ پست اصلی قسمت 1
طراحی یک وبلاگ پست اصلی قسمت 2
طراحی یک وبلاگ پست اصلی قسمت 3
یک منطقه رسانه اجتماعی وبلاگ طراحی کنید
یک منطقه پست محبوب وبلاگ طراحی کنید
یک منطقه برچسب‌ها را طراحی کنید
طراحی صفحه پاورقی وبلاگ
طراحی صفحه جزئیات وبلاگ
طراحی یک وبلاگ جزئیات نظر بخش 1
طراحی یک وبلاگ جزئیات نظر بخش 2
راه اندازی بخش 1 پاسخگوی موبایل
راه اندازی بخش 2 پاسخگوی موبایل
راه اندازی بخش 3 پاسخگوی موبایل
راه اندازی موبایل پاسخگو قسمت 4
ساخت پروژه یک طراحی کامل الگوی تجارت الکترونیک با Tailwind:
مقدمه - آنچه خواهیم ساخت.
راه اندازی پروژه تجارت الکترونیک
راه اندازی فونت های پروژه تجارت الکترونیک
سفارشی کردن ظرف
سفارشی سازی رنگ
تنظیم صفحه اصلی تجارت الکترونیک:
تنظیم سرصفحه پروژه قسمت 1
تنظیم سرصفحه پروژه قسمت 2
راه اندازی Navbar قسمت 1
راه اندازی Navbar قسمت 2
تنظیم کشویی
تنظیم بنر
تنظیم ویژگی ها
تنظیم دسته ها
تنظیم کارت محصول قسمت 1
تنظیم کارت محصول قسمت 2
تنظیم بخش تبلیغات
تنظیم بخش توصیه شده
تنظیم پاورقی قسمت 1
تنظیم پاورقی قسمت 2
تنظیم پاورقی قسمت 3
تنظیم پاسخگو صفحه قسمت 1
راه اندازی پاسخگو صفحه قسمت 2
راه اندازی پاسخگو صفحه قسمت 3
طراحی محصول صفحه اصلی ثابت شد
تنظیم صفحه فروشگاه تجارت الکترونیک:
صفحه خرید قسمت 1
صفحه خرید قسمت 2
صفحه خرید قسمت 3
صفحه خرید قسمت 4
صفحه خرید قسمت 5
صفحه خرید قسمت 6
صفحه خرید قسمت 7
صفحه خرید قسمت 8
تنظیم صفحه جزئیات محصول تجارت الکترونیک:
تنظیم نمای محصول قسمت 1
تنظیم نمای محصول قسمت 2
تنظیم نمای محصول قسمت 3
تنظیم نمای محصول قسمت 4
تنظیم نمای محصول قسمت 5
تنظیم نمای محصول قسمت 6
ورود و ثبت نام تجارت الکترونیک راه اندازی صفحه:
تنظیم صفحه ورود به سیستم قسمت 1
راه اندازی صفحه ورود به سیستم قسمت 2
راه اندازی صفحه ورود به سیستم قسمت 3
ثبت تنظیم صفحه
حساب کاربری تجارت الکترونیک و تنظیم صفحه ثبت نام:
تنظیم حساب کاربری قسمت 1
تنظیم حساب کاربری قسمت 2
تنظیم حساب کاربری قسمت 3
تنظیم صفحه آدرس نمایه تجارت الکترونیک:
تنظیم اطلاعات آدرس نمایه قسمت 1
تنظیم اطلاعات آدرس نمایه قسمت 2
صفحه رمز عبور را تغییر دهید
لیست علاقه مندی های تجارت الکترونیک و تنظیم صفحه پرداخت:
تنظیم لیست آرزوها قسمت 1
تنظیم لیست علاقه مندی قسمت 2
تنظیم پرداخت قسمت 1
تنظیم پرداخت قسمت 2
راه اندازی سبد خرید و صفحه سفارش:
تنظیم صفحه سبد خرید قسمت 1
تنظیم صفحه سبد خرید قسمت 2
تنظیم صفحه سبد خرید قسمت 3
سفارش تنظیم کامل صفحه
استقرار تجارت الکترونیک در سرور زنده:
استقرار در وب سرور