Tailwind CSS یک (utility-first) فریمورک CSS است که ابزارها و class های پر استفاده CSS را در اختیار شما قرار می‌دهد.Tailwind CSS فاقد هر گونه قالب پیش‌فرض است و در آن هیچ کامپوننت داخلی برای رابط کاربری وجود ندارد. Tailwind را می‌تواند یک فریمورک CSS برای ساخت رابط‌های کاربری سفارشی دانست. یعنی اگر دنبال فریمورکی هستید که یکسری ویجت و کامپوننت از پیش طراحی شده را در خود داشته باشد، Tailwind انتخاب مناسبی برای شما نخواهد بود. اما اگر قصد ساخت یک رابط کاربری پیچیده و البته سفارشی را دارید Tailwind CSS می‌تواند به خوبی به شما کمک بکند. از آنجایی که در این ابزار خبری از کامپوننت‌های آماده به شکل کامپوننت‌های بوت‌استرپ و یا دیگر فریمورک ها وجود ندارد بنابراین دو وبسایت طراحی شده با استفاده از این فریمورک الزاما شبیه همدیگر نخواهند بود. دقت کنید که Tailwind یک فریمورک css هست و داخلش هیچ کد جاوااسکریتی وجود نداره و برای بخش های که نیاز به جاوااسکریپت داره مثله dropdown یا اسلایدر و ... باید خودتون کد جااواسکریپت بزنید که پیشنهاد ما فریمورک alpine.js هست که دوره اش توی وبسایت قرار گرفته و توی پروژه نهایی از alpine.js استفاده میکنیم.tailwind بشدت قدرت شخصی سازی داره و هدف این دوره آموزش این موارد هست و شما باید حتما با css به خوبی آشنا باشید.در ویدیو معرفی به این مورد اشاره کرده ایم، پس حتما ویدیو معرفی دوره را مشاهده کنید و چندین قسمت ابتدای دوره برای آشنایی بیشتر با دوره رایگان قرار گرفته
دوره بر اساس آخرین ورژن tailwindcss یعنی ورژن 4 هست و برای آشنایی بیشتر و مشاهده پروژه ای که توی این دوره پیاده سازی میشود، حتما ویدیو معرفی دوره که در پایین قرار گرفته را مشاهده کنید.
مباحثی که در این دوره گفته میشود شامل :
آشنایی با tailwindcss
آشنایی با مبحث typography
responsive design
آشنایی با مباحث sizing, spacing, borders
آشنایی با مباحث background, effects, filter
آشنایی با مباحث transition, transform, animation
آشنایی و کار با حالت dark mode و استفاده در پروژه
پروژه پایانی دوره
پیش نیازهای این دوره :
علی نیکو
احسنت. عاالی. بی زحمت نحوه نصب فونت فارسی دلخواهی را هم در تیلویند در ویدئوها توضیح بدید. سپاسگزارم.
علی شیخ
4 سال پیش
سلام وقت بخیر.
گفته شده، توی ویدیو معرفی اگه پروژه نهایی را ببینید، فونت فارسی قرار داده شده