arbitrary value (مقادیر دلخواه)

توضیحات

در این جلسه به توضیح arbitrary value (مقادیر دلخواه) در just-in-time در دوره آموزش تیلویند(Tailwindcss) پروژه محور میپردازیم.

HTML CSS طراحی وب FlexBox grid Sass tailwindcss تیلویند

برای مشاهده آنلاین و دسترسی به ویدیو لطفا ابتدا وارد سایت شوید . صفحه ورود

آشنایی با tailwindcss شامل 7 قسمت

1

tailwind چیست

رایگان 23:53

2

تفاوت tailwind با دیگر فریمورک ها

رایگان 11:35

3

نصب tailwind با npm

رایگان 38:24

4

postcss چیست

رایگان 16:12

5

نصب tailwind با npx

رایگان 08:13

6

افزودن tailwind با cdn

رایگان 08:22

7

purge (حذف استایل های اضافی)

رایگان 16:07
responsive شامل 4 قسمت

8

توضیح responsive

نقدی 15:01

9

شخصی سازی breackpoint ها

نقدی 13:17

10

()responsive, screen@

نقدی 19:02

11

کامپوننت container

نقدی 14:04
variants شامل 7 قسمت

12

hover, group-hover

نقدی 30:32

13

focus, group-focus

نقدی 09:49

14

active, focus-within

نقدی 04:43

15

motion-safe, motion-reduce

نقدی 10:11

16

disable, checked

نقدی 04:24

17

child

نقدی 11:58

18

variants@

نقدی 08:40
colors, spacing شامل 2 قسمت

19

colors

نقدی 21:00

20

spacing

نقدی 08:55
base style شامل 2 قسمت

21

افزودن base style

نقدی 10:38

22

افزودن base style با plugin

نقدی 08:28
components شامل 2 قسمت

23

ایجاد component

نقدی 08:03

24

ایجاد component با plugin

نقدی 10:57
utilities شامل 2 قسمت

25

ایجاد utility

نقدی 05:30

26

ایجاد utility با plugin

نقدی 03:33
just-in-time شامل 3 قسمت

27

just-in-time

نقدی 13:03

28

variants

نقدی 07:46

arbitrary value (مقادیر دلخواه)

نقدی 08:17
dark mode شامل 2 قسمت

30

media

نقدی 12:34

31

class

نقدی 11:35
پروژه شامل 22 قسمت

32

معرفی پروژه

رایگان 06:48

33

header (ایجاد layout)

نقدی 13:09

34

header (دکمه ها)

نقدی 15:03

35

header (لینک ها)

نقدی 13:03

36

header(ایجاد dropdown)

نقدی 14:15

37

header(منو موبایل)

نقدی 18:37

38

darkmode بخش اول

نقدی 08:28

39

darkmode بخش دوم

نقدی 08:24

40

darkmode بخش سوم

نقدی 11:39

41

header (استایل darkmode)

نقدی 06:24

42

بخش intro

نقدی 14:05

43

بخش services (قسمت اول)

نقدی 08:48

44

بخش services (قسمت دوم)

نقدی 16:29

45

بخش pricing (قسمت اول)

نقدی 11:31

46

بخش pricing (قسمت دوم)

نقدی 04:41

47

بخش gallery (قسمت اول)

نقدی 07:42

48

بخش gallery (قسمت دوم)

نقدی 10:57

49

بخش contact us

نقدی 12:19

50

بخش footer

نقدی 14:10

51

انیمیشن در اسکرول

نقدی 10:02

52

deploy(آپلود روی سرور)

نقدی 08:20

53

آپگرید پروژه به ورژن 3

نقدی 08:30

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ

مدت دوره 10:38:10

تعداد ویدیو 53

وضعیت دوره : کامل شده

قیمت دوره : ~~249,000~~ 224,000 تومان

برای دانلود ابتدا وارد سایت شوید

دسته بندی دوره ها

HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js

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

دوره های آموزشی

کامل شده

آموزش بوت استرپ 5 (Bootstrap) پروژه محور

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع ج...

رایگان

12:08:39

کامل شده

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

اگر به تازگی وارد دنیای طراحی وب شده‌اید مطمئنا نام Sass یا پیش‌پردازنده‌ها را شنیده‌اید. اگر مطمئن نیستید که Sass چیست...

رایگان

02:28:26

آموزش ساخت وب سرویس با لاراول (Laravel Rest Api) پروژه محور

کامل شده

% 10 تخفیف

آموزش ساخت وب سرویس با لاراول (Laravel Rest Api) پروژه محور

APIها (مخفف Application Programming Interface) رابط‌هایی نرم‌افزاری هستند که نرم افزارها و سخت افزارها با کمک آن می توان...

~~249,000~~ 224,000 تومان

10:13:35

کامل شده

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

آموزش Materialize به همراه 3 پروژه. Materialize مجموعه ای از رابط های کاربری ساخته شده با CSS و HTML و Javascript هست

89,000 تومان

06:38:32

مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

arbitrary value (مقادیر دلخواه)

توضیحات

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

tailwind چیست

تفاوت tailwind با دیگر فریمورک ها

نصب tailwind با npm

postcss چیست

نصب tailwind با npx

افزودن tailwind با cdn

purge (حذف استایل های اضافی)

توضیح responsive

شخصی سازی breackpoint ها

()responsive, screen@

کامپوننت container

hover, group-hover

focus, group-focus

active, focus-within

motion-safe, motion-reduce

disable, checked

child

variants@

colors

spacing

افزودن base style

افزودن base style با plugin

ایجاد component

ایجاد component با plugin

ایجاد utility

ایجاد utility با plugin

just-in-time

variants

arbitrary value (مقادیر دلخواه)

media

class

معرفی پروژه

header (ایجاد layout)

header (دکمه ها)

header (لینک ها)

header(ایجاد dropdown)

header(منو موبایل)

darkmode بخش اول

darkmode بخش دوم

darkmode بخش سوم

header (استایل darkmode)

بخش intro

بخش services (قسمت اول)

بخش services (قسمت دوم)

بخش pricing (قسمت اول)

بخش pricing (قسمت دوم)

بخش gallery (قسمت اول)

بخش gallery (قسمت دوم)

بخش contact us

بخش footer

انیمیشن در اسکرول

deploy(آپلود روی سرور)

آپگرید پروژه به ورژن 3

اطلاعات دوره

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

آموزش بوت استرپ 5 (Bootstrap) پروژه محور

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

آموزش ساخت وب سرویس با لاراول (Laravel Rest Api) پروژه محور

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

نظرات ارزشمند شما:

ارسال دیدگاه