آموزش ضروری Tailwind CSS 4
✅ سرفصل و جزئیات آموزش
Tailwind CSS 4 به شما کمک میکند تا فرآیند توسعه وب فرانت اند خود را تسریع کنید که طراحی صفحات وب را به تجربهای سرگرمکننده و آسان تبدیل میکند. با مدرس Shruti Balasa در این دوره مبتدی پسند برای مبتدیان غرق میشوید و اصول ضروری این فریمورک utility-first را میآموزید. شما با راهاندازی محیط خود و درک مفاهیم اصلی شروع به کار میکنید و سپس یاد میگیرید چگونه متنها را استایل دهی کنید، از رنگها استفاده کنید و با استفاده از Tailwind طرحبندیها را ایجاد کنید.
در طول این مسیر، مدرس همچنین مبانی طراحی طرحهای واکنشگرا و سفارشیسازی این فریمورک را پوشش میدهد. در پایان دوره، شما با مهارتهای بنیادی برای استایلدهی به صفحات وب خود سریعتر از همیشه و با گرافیکهای فوقالعاده و افکتهای ویژوال مجهز خواهید شد.
آموزش ضروری Tailwind CSS 4
-
آشنایی با Tailwind CSS 0:00:44
-
آنچه باید بدانید 0:00:56
-
استفاده از Codespaces برای این دوره 0:04:39
-
درک رویکرد utility-first 0:03:57
-
آشنایی با preflight 0:03:07
-
اعمال استایلهای متن و فونت 0:06:20
-
استفاده از رنگها 0:04:36
-
اعمال رنگهای پسزمینه و گرادیانها 0:07:21
-
افزودن بوردرها و سایهها 0:07:25
-
چالش - استایلدهی به کارت تصدیق نامه 0:02:55
-
راهحل - استایلدهی به کارت تصدیق نامه 0:03:53
-
تنظیم عرض و ارتفاع 0:07:36
-
افزودن حاشیه ها و padding 0:05:33
-
ایجاد طرحبندیهای flexbox 0:07:50
-
اندازههای آیتم های flex و تودرتوسازی 0:06:31
-
ایجاد طرحبندیهای گرید 0:08:11
-
اندازهها و مرتبسازی مجدد آیتم های گرید 0:04:26
-
استفاده از یوتیلیتیهای نمایش، پوزیشن و زد ایندکس 0:07:24
-
چالش - استایلدهی به بخش صفحه رویداد 0:01:19
-
راهحل - استایلدهی به بخش صفحه رویداد 0:03:59
-
درک رویکرد mobile-first 0:03:06
-
استفاده از مودیفایرهای واکنشگرا 0:05:18
-
ساخت طرحبندیهای رایج واکنشگرا 0:08:20
-
چالش - کارت اطلاعات با تصویر 0:01:36
-
راهحل - کارت اطلاعات با تصویر 0:03:21
-
استایلدهی به عناصر هنگام هاور و فوکوس 0:06:16
-
استفاده از مودیفایرهای شبهکلاس 0:08:27
-
استایلدهی به شبهعناصر 0:04:25
-
افزودن dark mode 0:02:43
-
تبدیلها، ترنزیشنها و انیمیشنها 0:06:58
-
چالش - ساخت دکمه تعاملی 0:01:20
-
راهحل - ساخت دکمه تعاملی 0:02:55
-
تغییر تم 0:09:34
-
استفاده از مقادیر دلخواه 0:05:29
-
ایجاد یوتیلیتیهای سفارشی 0:04:17
-
استخراج استایلهای رایج 0:03:26
-
راه اندازی محیط 0:05:12
-
قدم بعدی چیست؟ 0:01:19
مشخصات آموزش
آموزش ضروری Tailwind CSS 4
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:متوسط
- تعداد درس:38
- مدت زمان :3:02:44
- حجم :492.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 21:10:47
- تعداد درس: 202
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:29:26
- تعداد درس: 36
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:39:08
- تعداد درس: 64
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 11:07:45
- تعداد درس: 63
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 18:23:18
- تعداد درس: 103
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:57:00
- تعداد درس: 20
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 00:41:00
- تعداد درس: 9
-
سطح دوره:
-
زبان: دوبله فارسی