آموزش ضروری 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
آموزش های مرتبط
- زمان: 09:44:25
- تعداد درس: 67
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 02:58:50
- تعداد درس: 16
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 50:00:27
- تعداد درس: 171
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 10:25:35
- تعداد درس: 134
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 06:13:40
- تعداد درس: 42
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 14:13:39
- تعداد درس: 135
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 56:16:09
- تعداد درس: 284
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 41:46:09
- تعداد درس: 155
-
سطح دوره:
-
زبان: دوبله فارسی
- زمان: 22:02:59
- تعداد درس: 99
-
سطح دوره:
-
زبان: دوبله فارسی