قیمت این دوره: رایگانــ
  • مدرس دوره : مهران محمودی
  • تعداد ویدیوها : 17 ویدیو
  • مدت زمان دوره : 6:12:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1400/08/15
آموزش مقدماتی TailwindCSS

آموزش مقدماتی TailwindCSS

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

ما در حوزه سی اس اس وارد یک رنسانس زمانی شده ایم که قراره به کمک فریم ورک تیلویند، کد های سی اس اس، user-experience بهتری داشته باشند و همینطور تفاوتش را در ظاهر صفحه لمس کنیم.

پیش نیاز: CSS در حد متوسط، جاوااسکریپت در حد مقدماتی




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

مدت زمان دوره 6:12:00
00:00
00:00

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

1

  • معرفی دوره

00:10:21

معرفی دوره

2

  • مزیت های تیلویند

00:26:06

مزیت های تیلویند

3

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

00:27:08

روش نصب

4

  • Container

00:12:47

مبحث container

5

  • Display, Position, Inset

00:21:19

Display, Position, Inset

6

  • flexbox

00:13:47

مبحث flexbox

7

  • بخش grid و ادامه flexbox

00:22:28

بخش grid و ادامه flexbox

8

  • spacing, sizing, typography, background styles

00:27:17

spacing, sizing, typography, background styles

9

  • border, efects, filter styles

00:15:55

border, efects, filter styles

10

  • معرفی کتابخانه Alpine js و ساخت Alert

00:17:37

معرفی کتابخانه Alpine js و ساخت Alert

11

  • ساخت progressbar , button group, pagination

00:24:00

ساخت progressbar , button group, pagination

12

  • ساخت card

00:27:49

ساخت card

13

  • ساخت Dropdown

00:13:21

Dropdown

14

  • ساخت nav

00:27:35

ساخت nav

15

  • پروژه عملی قسمت اول

00:38:43

پروژه عملی قسمت اول

16

  • پروژه عملی بخش دوم

00:30:57

پروژه عملی بخش دوم

17

  • پروژه عملی قسمت آخر

00:14:56

پروژه عملی قسمت آخر

اینستاگرام
تلگرام

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

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

hengamevalizade

ارسال شده در 1404/02/03

واقعا دوره ی عالی ای هست و استاد بسیار مسلط و حرفه ای هستن و همه مباحث ر واقعا عالی توضیح میدن
ممنونم از دوره ی بسیار خوبتون

soheilzarian

ارسال شده در 1403/08/20

استاد محمودی گرامی

دوره بسیار خوبی برگزار کردید

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

از زحمات شما سپاسگزارم

 

Mohammad Alizad

Mohammad Alizad

ارسال شده در 1403/04/28

دمه شما استاد عزیز و تیم تاپ لرن گرم 

ممنون بابت تدریس خوبتون ❤️

فرجاد باباپور

فرجاد باباپور

ارسال شده در 1402/11/24

سلام 
ممنون از آموزش خوبتون
لطفا در صورت امکان یک توضیح مختصر در مورد سایزها اضافه بفرمایید 

مثلا سایز فونت و طول ها   و border- radius  ها که در هر بخش مقیاس ها در تلویند
 متفاوت هست 

 

 

باتشکر
 

فرجاد باباپور

مهران محمودی (مدرس)

ارسال شده در 1402/11/24

سلام این بخشی که گفتید رو خیلی راحت میشه با خوندن داکیومنت خود سایت یاد گرفت. مثلا شما border-radius 16px رو لازم دارید میرید توی داکیومنت میبینید اسم کلاسش rounded-2xl به همین شکل استفاده می کنید یا مثلا سایز ها به همین شکل. اون قسمتی که مشکل دارید رو بیشتر توضیح بدید تا بهتر کمکتون کنم )تو بخش پرسش و پاسخ(

aliqomi

ارسال شده در 1402/09/22

با عرض سلام و خدا قوت. سپاس فراوان از استاد عزیز و آرزوی توفیق روزافزون

faramarz2008

ارسال شده در 1402/08/28

سلام و خسته نباشید 

سایت تاپلرن سایت واقعا فوق العاده ای هست به طوری که من با اموزشاش و نکات درون اموزشش یک سایت فروشگاهی با vue3 و vuetify 3 و کدای خام html وcss نوشتم و از sass هم استفاده کردم که همه این اموزشارو تو همین سایت دیدم حالا که میخوام کار با nuxt و تلویند رو شروع کنم تو این اموزش به مشکل صدا خوردم استاد خوب نکات رو میگن ولی بعضی مواقع صدا استاد خوبه بعضی موقع غیر واضح مثلا شب خوبه صبح بد همون فایل که خوب بوده روز بعدش  مشکل داره  

عباس ابراهیمی

عباس ابراهیمی

ارسال شده در 1402/08/19

سلام استاد 

ممنون از آموزش خوبتون 

من طبف فیلم دوره Tailwind رو نصب کردم ولی فایل پروژه روی vscode  نمیاد میشه راهنمایی بفرمایید فایل پروژه رو بعد از نصب چطور به vscode  معرفی کنم

mr.secret.genius

ارسال شده در 1402/08/14

ممنون از دوره تون 

دوستان برای دسترسی به صدا داخل سیستم 

کم پلیر رو نصب کنید بعد قسمت روی صفحه راست کلیک کنید تنظیمات صدا یا همون Audio  موس رو ببرید روی

 گزینه Stream Selection و بعدش گزینه Left رو بزنید صدا داخل سیستم درست میشه