صفر تا صد آموزش تیلویند سی اس اس
Tailwind CSS Essential Training
آموزش تیلویند سی اس اس به زبان فارسی ، طراحی و کدنویسی سریع وبسایت های مدرن و بسیار سبک با HTML
آموزش Tailwind CSS به صورت گام به گام از مقدماتی !
فریم ورک سی اس اس Utility First برای طراحی وبسایتهای متفاوت و متنوع، کاملا واکنشگرا و با جدیدترین ویژگی های مدرن تکنولوژی !
سطح مقدماتی – پیشرفته
ویژگی های اصلی مجموعه آموزشی ” صفر تا صد آموزش تیلویند سی اس اس” :
- 150 دقیقه آموزش فارسی تیلویند سی اس اس به صورت جامع از آشنایی مقدماتی تا انجام پروژه های کاربردی طراحی وبسایت.
- آموزش فوق العاده کاربردی و سطح یک جهانی دوبله شده از اساتید معتبر برنامه نویسی و طراحی وب دنیا
- برای اولین بار در ایران! ترجمه ، فارسی سازی ، بومی سازی و دوبله شده با بهترین کیفیت توسط متخصصین برنامه نویس ایرانی.
- شامل دوره آموزشی فارسی و مثال محور : ” صفر تا صد تیلویند سی اس اس ” – Tailwind CSS Essential Training
- همراه با کلکسیون نرم افزار های مطرح کدنویسی سی اس اس Editors & IDEs
- بسته ای عالی برای تمام علاقمندان به برنامه نویسی و طراحی وب
تیلویند سی اس اس چیست ؟ What is Tailwind CSS
تیلویند سی اس اس ( به انگلیسی: Tailwind CSS) چارچوب نرمافزاری متنباز برای سی اس اس با روش Utility–First است.
ویژگی مهم تیلیوند در مقایسه با دیگر کتابخانه های سی اس اس مثل بوت استرپ این است که تیلوند یک سری کلاس های از پیش تعیین شده را برای المان هایی مثل دکمه ها یا منوها ، تکست باکس ها و … آماده نمی کند و به جای آن یک لیست از کلاس های سی اس اس “utility ” ایجاد می کند که برای استایل دادن به المان ها استفاده می شود.
با تیلیوند سی اس اس با سرعت بسیار بیشتری می توانید وبسایت های مدرن طراحی کنید و بسازید.
مشاهده نمونه فیلم معرفی دوره ” آموزش فارسی جامع Tailwind CSS ”
دوره آموزشی ” آموزش جامع تیلویند سی اس اس”
Tailwind CSS Essential Training
با اینکه شیوه کار در وب همواره در حال تغییر و تکامل است، ولی گاهی اوقات ابزاری از راه می رسد که همه چیز را کاملا تغییر می دهد.
Tailwind 3 از رویکرد Utility-first استفاده می کند که باعث منسوخ شدن بسیاری از رویکردهای سنتی ساخت پروژه برای وب می شود و این امکان را فراهم می کند که بدون نوشتن حتی یک خط کد CSS، یک وبسایت کامل و منحصربفرد بسازید.
در این دوره آموزش تیلیوند سی اس اس به شما نشان می دهیم که Tailwind CSS 3 از طریق نام گذاری مناسب کلاس ها، یک فریم ورک سبک ولی پیشرفته برای استایل دهی به محتوای وبسایت ها و برنامه ها ارائه می کند.
در این دوره ویژگی های سیستم Utility-first را با استفاده از تکنیک هایی بررسی میکنیم که توسط یک کاربر حرفه ای تایید شده است. یاد می گیرید هنگام ساختن چیدمان صفحات وب چگونه محتوا را اصلاح، شخصی سازی و مدیریت کنید و Tailwind را اضافه کرده و کاربرد آن در المان های HTML هر صفحه را مشخص کنید.
در حین کار نکاتی را در مورد استفاده از پلاگین های Tailwind برای کنترل کردن متن، کلاس ها، طرح ها، محدودیت خط و تایپوگرافی را به شما خواهیم گفت.
عناوین و سرفصلهای دوره آموزشی ” آموزش جامع Tailwind CSS “
مقدمه
1- چرا فریم ورک های Utility-first مهم هستند؟
2- استفاده از فایل های تمرینی این دوره
فصل اول – آغاز به کار
1- کار با Tailwind CSS
2- ساختن یک Build اختصاصی
3- Tailwind Play
4- نمونه هایی با CodePen
5- CodeSwing Playground
فصل دوم – ویژگی های یوتیلیتی فرست
1- Preflight
2- ساختار کلاس Utility
3- معایب Tailwind
4- کلاس های رنگ
5- کلاس های میانبر
6- کلاس های ویژه
7- طراحی واکنش گرا
8- خصوصیات اختصاصی
9- چالش – ایجاد یک Layout
10- راه حل – ایجاد یک Layout
فصل سوم – تکنیک های قدرتمند
1- State Modifier ها
2- Position Modifier ها
3- المان های Child و Siblings
4- Form Modifier ها
5- Attribute Modifier ها
6- المان های Pseudo
7- Media Modifier ها
8- حالت تاریک
9- چالش – حالت تاریک و گروه بندی
10- راه حل – حالت تاریک و گروه بندی
فصل چهارم – شخصی سازی تیلویند در آموزش تیلیوند سی اس اس
1- استخراج کردن config
2- پیکربندی تم ها
3- مقیاس های موجود
فصل پنجم – پلاگین ها
1- پلاگین ها
2- تایپوگرافی
3- Line Clamp
فصل ششم – نتیجه گیری
1- گام های بعدی
خوب بود، فقط زمان دوره میتونست بیشتر باشه و مباحث تخصصی بیشتری رو بپردازه، در کل راضی بودم
خوبه. بازم آموزش های بیشتر بزارید برای ساخت پروژه های بیشتر
خیلی آموزش خوبیه
ممنون از آموزش های خوبتون. خیلی عالیه
من تا حدی css بلدم. میتونم این فریم ورک رو با این آموزش یاد بگیرم؟
سلام. اگه تا حد خوبی css بلد هستید می تونید این آموزش رو ببینید.
اگر نیاز به یادگیری بیشتر html و css داشتید می تونید آموزش مربوط به اون رو هم مشاهده کنید:
صفر تا صد آموزش HTML5 و CSS3
با این آموزش می تونیم کامل یاد بگیریم؟
سلام. بله به صورت کامل تیلویند رو یاد میده.
آموزشها کامل فارسیه؟
سلام. بله تمام آموزش ها به زبان فارسی هستن. مطابق نمونه ویدئوها.
برای دیدن این آموزش باید سی اس اس بلد باشیم؟
سلام. بله ابتدا باید html و css رو یاد بگیرید. می تونید آموزشش رو از سایت تهیه کنید:
صفر تا صد آموزش HTML5 و CSS3
مرسی. آموزش خوبیه