آموزش 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

نمایش نظرات

آموزش Tailwind CSS - قسمت 1 - توضیح مستندات
جزییات دوره
1h 2m
8
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
35
از 5
ندارد
دارد
دارد
Mohammad Rada
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar