تسلط به Tailwind CSS برای مبتدیان

آنچه یاد خواهید گرفت:

• یادگیری چگونگی راه‌اندازی محیط توسعه با استفاده از Tailwind CLI
• یادگیری کلاس‌های کاربردی Tailwind
• یادگیری ایجاد و ویرایش سریع طرح بندی ها
• پیکربندی استایل‌ها برای ساخت طرح بندی های سفارشی

پیش‌نیازهای دوره

• آشنایی با مبانی CSS

توضیحات دوره

مهارت‌های خود را بهبود دهید و ارزش خود را به عنوان یک توسعه‌دهنده فرانت‌اند با یادگیری جزئیات Tailwind CSS افزایش دهید!

Tailwind CSS یک فریم‌ورک CSS با رویکرد utility-first است که شامل کلاس‌هایی مانند flex ،pt-4 ،text-center و rotate-90 می‌باشد. این کلاس‌ها را می‌توان مستقیماً در کد نوشته شده ترکیب کرد تا هر طرحی ساخته شود.

دیگر نیازی نیست وقت خود را صرف فکر کردن به نام کلاس‌های مناسب کنید، یا کلاس‌های wrapper و داخلی بسازید و یا منابع را با فایل‌های CSS بزرگ و غیرضروری هدر دهید. Tailwind CSS ساخت طرح‌ها را بسیار سریع و آسان می‌کند و به‌علاوه به صورت پیش‌فرض بهینه‌سازی دارد. اگر کلاسی در فایل‌های HTML شما استفاده نشده باشد، Tailwind CSS آن را در فایل نهایی CSS قرار نمی‌دهد!

در این دوره، یک صفحه فرود mobile-first برای وب‌سایت یک جشنواره موسیقی خواهیم ساخت. ما به مباحثی چون طرح بندی ها با flexbox و grid، کامپوننت‌های Hero و Navbar با منوها و زیر منوها، هدف‌گیری استیت های مختلف مثل استیت hover و focus، هدف‌گیری اندازه‌های مختلف صفحه نمایش و ارتقا فراتر از تم و کلاس‌های پیش‌فرض Tailwind خواهیم پرداخت.

پس از آشنایی با کلاس‌های کاربردی Tailwind CSS، خودمان کلاس‌های base ،utility و component را خواهیم ساخت و حتی پلاگین‌های Tailwind CSS مخصوص خود را خواهیم نوشت! این دوره پر از محتوای ارزشمند در زمانی کوتاه است.

امروز ارزش خود را به عنوان یک توسعه‌دهنده فرانت‌اند با یادگیری روشی پیشرفته‌تر برای استایل‌دهی وب‌سایت‌ها با استفاده از Tailwind CSS افزایش دهید.

این دوره برای چه کسانی مناسب است؟

• هر کسی که می‌خواهد در ساخت طرح بندی های وب‌سایت و رابط کاربری بهتر شود.