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

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

13:10:00
0.0

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

تاپ لرن
حسن خسروجردی

تریلر دوره

توضیحات کامل دوره

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

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

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

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

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

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

  • معرفی دوره Tailwind CSS
    رایگان 00:06:23
  • tailwind چیست؟ ابزار موردنیاز دوره
    رایگان 00:03:52
  • مزیت های tailwind
    رایگان 00:13:55
  • Atomic CSS چیست؟
    رایگان 00:13:48
  • نصب و راه اندازی
    رایگان 00:12:49
  • نصب و راه اندازی - روش های جانبی + باید ها و نباید ها
    00:17:21
  • کار با رنگ ها
    00:15:30
  • کار با متن ها
    00:13:13
  • کار با متن ها - بخش دوم
    00:14:28
  • کار با متن ها - بخش سوم
    00:13:12
  • کار با متن ها - بخش چهارم
    00:13:29
  • اندازه ها
    00:13:22
  • اندازه ها - بخش دوم
    00:10:05
  • Borders
    00:11:14
  • Outline-Divide-Ring
    00:12:34
  • Box Shadow
    00:08:54
  • opacity - blend
    00:09:47
  • Spacing -Margin & Padding
    00:10:16
  • Spacing
    00:08:30
  • Display
    00:11:30
  • Float - Clear
    رایگان 00:08:20
  • Position
    00:12:08
  • box-sizing , overflow , visibility
    00:13:33
  • Object Fit , Overscroll Behavior , Z-Index
    00:13:52
  • flexbox- بخش اول
    00:17:05
  • Flex Items
    رایگان 00:21:35
  • تمرینکده - بخش اول
    00:15:50
  • تمرینکده - بخش دوم
    00:11:26
  • تمرینکده - بخش سوم
    00:13:15
  • تمرینکده - بخش سوم - بخش دوم
    00:12:02
  • Dark Mode
    00:14:36
  • تمرینکده - بخش چهارم
    00:17:24
  • طراحی واکنشگرا - Responsive Design
    00:10:59
  • تمرینکده - بخش پنجم
    رایگان 00:10:17
  • Grid در Tailwind
    رایگان 00:11:39
  • Grid Column Start / End
    00:14:12
  • تمرینکده - بخش ششم
    00:13:01
  • Grid Template Rows
    00:10:03
  • Grid Auto Flow
    00:18:06
  • background
    00:20:36
  • Transitions & Animation
    00:16:36
  • Preflight - modern-normalize
    رایگان 00:09:07
  • Typography - Font Family - استفاده از فونت خارجی
    رایگان 00:11:20
  • Filters
    رایگان 00:10:12
  • Interactivity
    00:10:33
  • Reusing Styles
    رایگان 00:08:16
  • Arbitrary values - استایل های دلخواه
    رایگان 00:11:29
  • Handling Hover, Focus, and Other States
    00:10:40
  • Peer
    00:06:11
  • تمرینکده - بخش هفتم
    00:12:43
  • Group
    رایگان 00:07:16
  • other states and selectors
    00:12:26
  • Transform
    00:06:46
  • معرفی پروژه عملی دوره
    رایگان 00:03:15
  • ساختار پروژه
    00:06:57
  • چیدمان Header
    00:18:38
  • تکمیل بخش اولیه header
    00:11:35
  • اتمام طراحی header سایز موبایل
    00:14:17
  • تکمیل بخش header - شروع بخش منو
    00:13:44
  • پیاده سازی اسلایدر - Tailwind CSS Carousel
    00:13:10
  • طراحی بخش آخرین دوره ها - بخش اول
    00:12:22
  • طراحی بخش آخرین دوره ها - بخش دوم
    00:12:34
  • واکنشگرایی بخش دوره ها
    00:07:01
  • دوره های پیشنهادی - Owl Carousel
    00:13:15
  • ساخت بخش مقالات - اتمام دوره - فایل کامل پروژه
    00:15:34

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

1,890,000 تومان
ثبت‌نام در دوره
این دوره شامل:
13:10:00 ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: ندارد
تاریخ انتشار: 1403/12/06
آخرین به‌روزرسانی: 2026-11-01 00:09:58
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: