0
- 0 مورد
- مشاهده سبد خرید
No products in the cart.
350,000 تومان
قیمت در نظر گرفته برای محصول
آموزش تیلویند سی اس اس به زبان فارسی ، طراحی و کدنویسی سریع وبسایت های مدرن و بسیار سبک با HTML
آموزش Tailwind CSS به صورت گام به گام از مقدماتی !
فریم ورک سی اس اس Utility First برای طراحی وبسایتهای متفاوت و متنوع، کاملا واکنشگرا و با جدیدترین ویژگی های مدرن تکنولوژی !
سطح مقدماتی – پیشرفته
تیلویند سی اس اس ( به انگلیسی: Tailwind CSS) چارچوب نرمافزاری متنباز برای سی اس اس با روش Utility–First است.
ویژگی مهم تیلیوند در مقایسه با دیگر کتابخانه های سی اس اس مثل بوت استرپ این است که تیلوند یک سری کلاس های از پیش تعیین شده را برای المان هایی مثل دکمه ها یا منوها ، تکست باکس ها و … آماده نمی کند و به جای آن یک لیست از کلاس های سی اس اس “utility ” ایجاد می کند که برای استایل دادن به المان ها استفاده می شود.
با تیلیوند سی اس اس با سرعت بسیار بیشتری می توانید وبسایت های مدرن طراحی کنید و بسازید.
مشاهده نمونه فیلم معرفی دوره ” آموزش فارسی جامع Tailwind CSS ”
با اینکه شیوه کار در وب همواره در حال تغییر و تکامل است، ولی گاهی اوقات ابزاری از راه می رسد که همه چیز را کاملا تغییر می دهد.
Tailwind 3 از رویکرد Utility-first استفاده می کند که باعث منسوخ شدن بسیاری از رویکردهای سنتی ساخت پروژه برای وب می شود و این امکان را فراهم می کند که بدون نوشتن حتی یک خط کد CSS، یک وبسایت کامل و منحصربفرد بسازید.
در این دوره آموزش تیلیوند سی اس اس به شما نشان می دهیم که Tailwind CSS 3 از طریق نام گذاری مناسب کلاس ها، یک فریم ورک سبک ولی پیشرفته برای استایل دهی به محتوای وبسایت ها و برنامه ها ارائه می کند.
در این دوره ویژگی های سیستم Utility-first را با استفاده از تکنیک هایی بررسی میکنیم که توسط یک کاربر حرفه ای تایید شده است. یاد می گیرید هنگام ساختن چیدمان صفحات وب چگونه محتوا را اصلاح، شخصی سازی و مدیریت کنید و Tailwind را اضافه کرده و کاربرد آن در المان های HTML هر صفحه را مشخص کنید.
در حین کار نکاتی را در مورد استفاده از پلاگین های Tailwind برای کنترل کردن متن، کلاس ها، طرح ها، محدودیت خط و تایپوگرافی را به شما خواهیم گفت.
مقدمه
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- گام های بعدی
390,000 تومان
350,000 تومان
350,000 تومان
350,000 تومان
390,000 تومان
390,000 تومان
350,000 تومان
350,000 تومان
350,000 تومان
390,000 تومان
350,000 تومان
350,000 تومان
خوبه. بازم آموزش های بیشتر بزارید برای ساخت پروژه های بیشتر
خیلی آموزش خوبیه
ممنون از آموزش های خوبتون. خیلی عالیه
من تا حدی css بلدم. میتونم این فریم ورک رو با این آموزش یاد بگیرم؟
سلام. اگه تا حد خوبی css بلد هستید می تونید این آموزش رو ببینید.
اگر نیاز به یادگیری بیشتر html و css داشتید می تونید آموزش مربوط به اون رو هم مشاهده کنید:
صفر تا صد آموزش HTML5 و CSS3
با این آموزش می تونیم کامل یاد بگیریم؟
سلام. بله به صورت کامل تیلویند رو یاد میده.
آموزشها کامل فارسیه؟
سلام. بله تمام آموزش ها به زبان فارسی هستن. مطابق نمونه ویدئوها.
برای دیدن این آموزش باید سی اس اس بلد باشیم؟
سلام. بله ابتدا باید html و css رو یاد بگیرید. می تونید آموزشش رو از سایت تهیه کنید:
صفر تا صد آموزش HTML5 و CSS3
مرسی. آموزش خوبیه