تخفیفات روز پدر

شروع تخفیفات تاپ لرن به مناسبت روز پدر از 30 تا 70 درصد به مدت محدود

قیمت این دوره: 499,000 249,500 تومان
  • مدرس دوره : حسن خسروجردی
  • تعداد ویدیوها : 14 ویدیو
  • مدت زمان دوره : 2:52:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1401/11/11
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش پروژه محور TailwindCSS

آموزش پروژه محور TailwindCSS

در این دوره با فریمورک قدرتمند tailwind  آشنا خواهیم شد . فریمورکی که با کنار زدن رقبای بزرگی مثل بوت استرپ روز به روز در دنیای طراحی مشهور تر و پر استفاده تر خواهد شد. در این دوره سعی کردیم نکات مهم این فریمورک را بصورت پروژه محور خدمت شما عزیزان آموزش بدهیم.

سرفصل های دوره:

مقدمه ای بر tailwind
اصول طراحی واکنشگرا در tailwind
variants
کار با رنگ ها و اندازه ها
مفهوم کامپوننت و استفاده از آن
utilities
شخصی سازی
استفاده از فلکس باکس
استفاده از grid
پروژه عملی


پیش نیاز های دوره :

  1. HTML/CSS

فهرستـــ ویدیوها

مدت زمان دوره 2:52:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره Tailwind CSS

00:06:23

معرفی دوره Tailwind CSS

2
  • tailwind چیست؟ ابزار موردنیاز دوره

00:03:52

tailwind چیست؟ ابزار موردنیاز دوره

3
  • مزیت های tailwind

00:13:55

مزیت های tailwind

4
  • Atomic CSS چیست؟

00:13:48

Atomic CSS چیست؟

5
  • نصب و راه اندازی

00:12:49

نصب و راه اندازی tailwindcss به کمک npm

6
  • نصب و راه اندازی - روش های جانبی + باید ها و نباید ها

00:17:21

نصب و راه اندازی - روش های جانبی + باید ها و نباید ها استفاده از cdn - توضیح در رابطه با minify کردن کد ها

7
  • کار با رنگ ها

00:15:30

کار با رنگ ها

8
  • کار با متن ها

00:13:13

کار با متن ها

9
  • کار با متن ها - بخش دوم

00:14:28

کار با متن ها - بخش دوم Font Style Font Smoothing Font Weight Letter Spacing Line Height

10
  • کار با متن ها - بخش سوم

00:13:12

کار با متن ها - بخش سوم List Style Type Text Decoration Color Text Decoration Style Text Decoration Thickness Text Underline Offset text-color text-decoration text-align

11
  • کار با متن ها - بخش چهارم

00:13:29

کار با متن ها - بخش چهارم text-transform text-overflow text-indent text-content

12
  • اندازه ها

00:13:22

اندازه ها width height

13
  • اندازه ها - بخش دوم

00:10:05

اندازه ها - بخش دوم

14
  • Borders

00:11:14

Borders width color style

دوره های دیگر مدرس

مشاهده همه دوره ها

نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .