Tailwind CSS: یک راه مدرن برای ساخت وب سایت ها با استفاده از CSS

یادگیری Tailwind با ساخت یک پورتال و داشبورد تعاملی کاملا پاسخگو. تبدیل به یک متخصص tailwindcss

عنوان اصلی : Tailwind CSS : A Modern Way To Build Websites Using CSS

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

مقدمه ای برای دوره و نصب ابزار مورد نیاز:
معرفی به tailwind
نصب گره
نصب در مقابل کد
منابع قابل دانلود
مبانی tailwind:
اتصال Tailwind CSS با HTML
ایجاد ظروف با کلاس های نرم افزاری
اضافه کردن ویژگی های عرض و ارتفاع به عناصر
درک چگونگی کارکرد Flexbox در Tailwind کار می کند
بسته بندی های انعطاف پذیر
ساخت اقلام Flex رشد و کاهش می یابد
ایجاد طرح شبکه
ایجاد یک طرح ردیف
تنظیم جریان عناصر در طرح شبکه
اضافه کردن فاصله بین و توجیه آیتم ها
موارد شخصی را توجیه کنید
اضافه کردن پد و حاشیه به عناصر
تایپوگرافی: متن یک ظاهر طراحی شده با استفاده از کلاسهای ابزار Tailwind
اضافه کردن شعاع مرزی به عناصر
STYLING BORDERS
اضافه کردن سایه ها به Elemetns
استفاده از نقاط ضعف برای اضافه کردن رفتار پاسخگو
درک و استفاده از selectors pseedo
دستورالعمل ها و اعمال
استفاده از کد با استفاده از اجزای
درک اینکه چگونه کلاس های سودمند در Tailwind کار می کنند
چگونه دستورالعمل های دستورالعمل را اعمال کنید
درک دستورالعمل لایه
ساخت یک پورتال املاک و مستغلات با tailwind:
طراحی ناوبری قسمت 1
طراحی ناوبری بخش 2
طراحی ناوبری بخش 3
طراحی بنر بخش 1
طراحی بنر قسمت 2
رفع مسئله هماهنگی
کارت بخش 1
کارت بخش 2
کارت بخش 3
بنر سایت
اضافه کردن کارت دیگر
اضافه کردن یک بنر دیگر
مشتریان مشتری
فرم تماس بخش 1
فرم تماس قسمت 2
فرم کوچک شدن
ایجاد پایه پاورقی
ایجاد منوی پاورقی قسمت 1
ایجاد منوی پاورقی قسمت 2
ایجاد منوی پاورقی قسمت 3
اضافه کردن لمس نهایی
داشبورد مدیریت داشبورد با Tailwind:
راه اندازی پروژه
طراحی ناوبری
طراحی منوی بالا قسمت 1
طراحی منوی بالا قسمت 2
اضافه کردن بنر سایت
ایجاد کانتینر کارت
اضافه کردن محتوای کارت
اضافه کردن نمودار
رفع مسئله NAV
کانتینر کارت
اضافه کردن نمودار به کارت
اضافه کردن کانتینر تک کانال
اضافه کردن بخش راست کانال
نتیجه گیری:
نتیجه گیری دوره