tailwind css یک فریم‌ورک css مشهور و جامع هست که ابزارها و کامپوننت‌های آماده‌ای برای طراحی و توسعه وب ارائه میدهد. در این دوره آموزشی، یاد می‌گیرید چگونه با استفاده از 4tailwind css ، یک قالب فروشگاهی کاملاً ریسپانسیو برای دسکتاپ و موبایل طراحی کنید
سرفصل های دوره
4 فصل27 جلسه
محتوای دوره
  1. فریمورک تیلویند (Tailwind)  یک فریم ورک CSS محور است که به شدت  مورد استقبال طراحان سایت  قرار گرفته تا بتوانند با ابزارهای متنوع تر و سرعت بیشتر، ظاهر زیبایی رو برای صفحات وب و اپلیکیشن بسازند.

تیلویند به شما کمک می‌کند ویژگی‌های مختلف مثل رنگ، اندازه، پس‌زمینه و … رو به آیتم‌ها اضافه کنید بدون اینکه صفحه html رو ترک کنیم و بین فایل های CSS در رفت و آمد باشیم و با استفاده از کلاس های پیش ساخته تیلویند، استایل‌دهی رو انجام بدیم و پیش بریم.

 همچنین یکی دیگر از مزیت های تیلویند این است که در خروجی نهایی فقط از همان کلاس هایی که داخل پروژه استفاده شده خروجی گرفته میشود نه کل کلاس های تیلویند. همین مسئله باعث میشود حجم پروژه و کدهای آن کمتر شده و ساختار بهینه تری پیدا کند 

فریم‌ورک تیلویند (Tailwind CSS)  ابزارها و منابعی در اختیار طراحان و توسعه‌دهندگان وب قرار میدهد که در طراحی رسپانسیو (Responsive) یا واکنش گرا، کنترل و آزادی عمل بیشتری داشته باشند.

توسعه سریع تر با استفاده از کلاس های کاربردی آماده (Utility) ، بهره مندی از سیستم گرید انعطاف پذیر برای تنظیم مختصات المان ها در نمایشگرهای مختلف، کاهش حجم بارگذاری صفحات با فشرده سازی کدهای CSS ،  سازگاری با مرورگرهای مختلف برای تنظیم انواع استایل و چندین ویژگی دیگر، سرعت و کیفیت طراحی رسپانسیو را به طور محسوسی بالاتر میبرند.

  • در  این دوره چه چیزی یاد می گیریم و به چه سطحی میرسیم؟
  1. معرفی کامل فریم ورک تیلویند 4، نحوه کار و روش شخصی سازی اون به شکل دلخواه
  2. آشنایی با ساختار یک پروژه تیلویند به صورت صحیح و اصولی و نحوه تعریف ساختار استاندارد

آشنایی با یک پروژه واقعی در حد بازار کار 

سوالات متداول
پیش نیاز ها
HTML
CSS
TailwindCSS4
Javascript
دیدگاه ها
دیدگاه
درباره ی مدرس