Tailwind CSS یک (utility-first) فریمورک CSS است که ابزارها و class های پر استفاده CSS را در اختیار شما قرار می‌دهد.Tailwind CSS فاقد هر گونه قالب پیش‌فرض است و در آن هیچ کامپوننت داخلی برای رابط کاربری وجود ندارد. Tailwind را می‌تواند یک فریمورک CSS برای ساخت رابط‌های کاربری سفارشی دانست. یعنی اگر دنبال فریمورکی هستید که یکسری ویجت و کامپوننت از پیش طراحی شده را در خود داشته باشد، Tailwind انتخاب مناسبی برای شما نخواهد بود. اما اگر قصد ساخت یک رابط کاربری پیچیده و البته سفارشی را دارید Tailwind CSS می‌تواند به خوبی به شما کمک بکند. از آنجایی که در این ابزار خبری از کامپوننت‌های آماده به شکل کامپوننت‌های بوت‌استرپ و یا دیگر فریمورک ها وجود ندارد بنابراین دو وبسایت طراحی شده با استفاده از این فریمورک الزاما شبیه همدیگر نخواهند بود. دقت کنید که Tailwind یک فریمورک css هست و داخلش هیچ کد جاوااسکریتی وجود نداره و برای بخش های که نیاز به جاوااسکریپت داره مثله dropdown یا اسلایدر و ... باید خودتون کد جااواسکریپت بزنید که پیشنهاد ما فریمورک alpine.js هست که دوره اش توی وبسایت قرار گرفته و توی پروژه نهایی از alpine.js استفاده میکنیم.tailwind بشدت قدرت شخصی سازی داره و هدف این دوره آموزش این موارد هست و شما باید حتما با css به خوبی آشنا باشید.در ویدیو معرفی به این مورد اشاره کرده ایم، پس حتما ویدیو معرفی دوره را مشاهده کنید.
برای آشنایی بیشتر با tailwindcss و همچنین مشاهده پروژه ای که توی این دوره پیاده سازی میشود، حتما ویدیو معرفی که در پایین قرار گرفته را مشاهده کنید.
قسمت های 1, 2, 3, 4, 5, 6 و 7 برای نمونه بصورت رایگان قرار داده شده
دوستان دقت کنید، در حال حاضر ورژن 3 تیلویند منتشر شده و این دوره بر اساس ورژن 2 ضبط و تهییه شده، به همین دلیل قسمت های که در ورژن 3 تغییر کرده در این دوره ویرایش شده و در انتهای آن قسمت ها در مورد تغییرات توی ورژن 3 صحبت شده
مباحثی که در این دوره گفته میشود شامل :
آشنایی با tailwindcss
responsive
variants
colors, spacing
base style
components
utilities
just-in-time
dark mode
پروژه نهایی
پیش نیازهای این دوره :
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام استاد خسته نباشید و ممنون از دوره ی خوبتون
من وقتی با npm نصب میکنم خروجی کد هام 424 خط هست ولی با npx نصب میکنم باید بجای
npx tailwindcss -i ./src/... -o ./dist/... -w 
سلام وقت بخیر.
در مورد نصب با npm توضیح داده شده و جلوتر در مورد اینکه فقط کلاس های که استفاده شده، خروجی گرفته بشه تا حجم کمتری داشته باشه هم صحبت میشه
سلام واسه تیلویند یه دوره شبیه به بوت استرپ در دنیای واقعی در نظر نمی گیرید؟
سلام وقت بخیر.
در حال حاضر، خیر?
سلام ورژن 3 که تازه اومده تغییراتش با این دوره زیاده و باید آپدیت بشه یا زیاد تفاوتی نکرده؟
سلام وقت بخیر.
خیر، موتور just-in-time که بصورت پیش نمایش بوده توی این ورژن استفاده شده. درمورد just-in-time توی بخش مربوطه توضیح دادیم.
بعد این دوره بوت استرپ میبوسید میذارید کنار ❤️ دمت گرم آقای شیخ واقعا دوره خیلی خوبی بود?
سلام وقت بخیر.
ممنون از شما?
خداروشکر دوره براتون مفید بوده
سلام و عرض خسته نباشید
آیا دوره یا برنامه ای دارید که مبحث postCss رو تخصصی تر درموردش صحبت کنید و آموزشی داشته باشید ؟
سبام وقت بخیر.
خیر، در حال حاضر برنامه ای براش نداریم?
سلام وقت بخير دوره بعديتون چي يا چيا هست؟
سلام وقت بخیر.
توی صفحه ای اصلی سایت در بخش دوره های بزودی قرار دادیم.
آقای شیخ عزیز کاش مانند دیگر ساخت ها برای دوره هاتون تخفیف میذاشتین?
دوست عزیز،برای کل دوره ها که تخفیف گذاشتیم تا اخر شهریور، الان سه ماه پش سرهم تخفیف روی کل دوره ها گذاشتیم?
با سلام خدمت شما به نظرتون برای طراحی سایت بوت استرپ را تریجیح میدهید یا این دوره ؟ و اینکه این دوره پروژه محور هست یا خیر؟
سلام وقت بخیر.
بستگی به پروژه و مهارت شما داره، لطفا ویدیو معرفی را ببینید درموردش و پروژه صحبت شده
سلام خودتون بوت استرپ رو ترجیح میدید یا تیلویند؟
سلام وقت بخیر.
بستگی به پروژه داره، اما در کل tailwind خیلی قوی تر هست و شخصی سازی فوق العاده ای داره از طرفی برای دوستان مبتدی یه مقدار سخت تر هست.
بسیار عالی - تشکر♥
خواهش میکنم، ممنون از شما
سلام وقت بخیر دوره چند ساعته می خواد بشه در آینده و اینکه ضبطش کی تموم میشه ؟
سلام وقت بخیر.
مشخص نیست، چون در حال ضبط هست. حدودا بیش از ۵۰ قسمت میشه و روزانه توی سایت قرار میگیره
احسنت. عاالی. بی زحمت نحوه نصب فونت فارسی دلخواهی را هم در تیلویند در ویدئوها توضیح بدید. سپاسگزارم.
سلام وقت بخیر.
گفته شده، توی ویدیو معرفی اگه پروژه نهایی را ببینید، فونت فارسی قرار داده شده
Omid Bahadori
استاد کدوم قسمت ها تغییر کردند؟
علی شیخ
2 سال پیش
سلام وقت بخیر.
قسمت های 1,3,4,5,6,7,10,12,18,27 ویرایش شده و قسمت 53 که آپگرید پروژه به ورژن 3 هست هم اضافه شده، این موارد براتون ایمیل هم شده