آموزش Tailwind CSS - قسمت 1 - توضیح مستندات
Learn Tailwind CSS - Part 1 - Explaining The Documentation
این دوره به سرعت شما را راهنمایی می کند تا یک طراح رابط کاربری Tailwind شوید. این دوره برای کسانی است که چیزی در مورد Tailwind CSS نمی دانند، زیرا ما با آموزش مفاهیم اولیه و عناصر سبک شروع می کنیم. ما ابتدا به طور کامل موضوعات و مفاهیم ضروری را توضیح خواهیم داد و مستندات لازم Tailwind CSS را مرور می کنیم تا اصول اولیه را به شما آموزش دهیم.
این دوره مهارت‌های طراحی جلویی شما را افزایش می‌دهد و قدردان خواهید بود که Tailwind Css واقعاً چقدر عالی است.
این دوره ابتدا موضوعات ضروری را پوشش می دهد:
تایپوگرافی و سبک های قلم
سبک‌سازی واکنش‌گرا (سبک‌ها برای اندازه‌های خاص صفحه نمایش)
انواع حالت (برای هنگام شناور کردن و تمرکز روی عناصر)
طرح بندی رابط کاربری
اندازه عناصر
گروه های کلاس پس زمینه
گروه های کلاس مرزی
- Flexbox و گروه کلاس grid
- فاصله گروه کلاس
صفحه فرود خودروی تسلا
تکلیف:
پروژه کلاس شما طراحی صفحه فرود ماشین تسلا است و صفحه باید شامل بخش‌های زیادی باشد مانند:
- بخش صفحه اصلی
- بخش مشخصات
- بخش سفارش
- بخش مدل های دیگر
مواد:
- Tailwind CSS
- HTML
شروع به کار:
یک پروژه درست مثل کاری که در کلاس انجام دادیم بسازید و cdn tailwind css را درست مثل کاری که در کلاس انجام دادیم اضافه کنید.
اشتراک گذاری کار شما:
تصویر نهایی و تصاویر پیشرفت خود را با آپلود در بخش "پروژه شما" با کلاس به اشتراک بگذارید. اگر سوالی دارید یا به نکات بیشتری نیاز دارید، لطفاً به من بگویید! خوشحالم که کمک می کنم!
درس ها Lessons
-
2 گروه کلاس مرزی 2 Border class group
-
1 گروه کلاس پیشینه 1 Background class group
-
4 گروه کلاس چیدمان 4 Layout class group
-
6 گروه کلاس فاصله 6 Spacing class group
-
5 گروه کلاس اندازه 5 Sizing class group
-
پیش نمایش کلاس Class Preview
-
7 کلاس گروهی تایپوگرافی 7 Typography group class
-
3 گروه فلکس باکس و گرید کلاس 3 Flexbox and grid class group
Mohammad Rada
نمایش نظرات