collapse

توضیحات

در این جلسه به توضیح پلاگین collapse در دوره آموزش آلپاین (alpine.js) پروژه محور میپردازیم.

طراحی وب javascript جاوااسکریپت alpinejs آلپاین

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

آشنایی با alpine.js شامل 2 قسمت

1

معرفی alpine.js

رایگان 07:05

2

افزودن alpine.js به پروژه

رایگان 07:48
directives شامل 11 قسمت

3

x-data

رایگان 13:19

4

x-init

رایگان 08:19

5

x-if, x-cloak, x-show

نقدی 12:27

6

x-transition

نقدی 17:57

7

x-on

نقدی 24:08

8

x-bind

نقدی 11:27

9

x-text, x-html

رایگان 04:03

10

x-model

نقدی 18:19

11

x-ref, x-for

نقدی 13:39

12

x-effect, x-ignore

نقدی 05:33

13

x-teleport

نقدی 18:20
magics شامل 6 قسمت

14

ref, $refs$

نقدی 04:21

15

watch$

نقدی 07:19

16

dispatch$

نقدی 11:21

17

nextTick$

نقدی 05:48

18

root$

نقدی 07:29

19

id$

نقدی 08:21
globals شامل 2 قسمت

20

()Alpine.data

نقدی 10:44

21

()Alpine.store

نقدی 11:01
plugins شامل 5 قسمت

22

intersect

نقدی 08:59

23

persist

نقدی 10:31

24

trap

نقدی 12:42

collapse

نقدی 04:13

26

morph

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

27

modal

نقدی 08:23

28

dropdown

نقدی 12:12

29

tab

نقدی 06:51

30

accordion

نقدی 09:33

31

carousel

نقدی 18:35

32

multiselect بخش اول

نقدی 09:07

33

multiselect بخش دوم

نقدی 16:36

34

multiselect به همراه npm

نقدی 14:47

35

api بخش اول

نقدی 13:40

36

api بخش دوم

نقدی 10:18

37

api بخش سوم

نقدی 13:42

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

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

مدت دوره 06:52:21

تعداد ویدیو 37

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

قیمت دوره : ~~649,000~~ 422,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 nest.js nuxt.js sass ساس

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

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

کامل شده

% 40 تخفیف

آموزش ری اکت (React.js) پروژه محور

ری اکت (React.js) یک کتابخانه جاوااسکریپتی برای ساخت رابط کاربری(user interfaces) برای اپلیکیشن های تک صفحه ای (single p...

~~999,000~~ 599,000 تومان

32:29:27

کامل شده

آموزش رایگان html و css (اچ تی ام ال و سی اس اس) پروژه محور

برای اینکه وارد دنیای طراحی وب شوید اولین چیزی که باید با آن آشنا شوید HTML است، HTML یک زبانه نشانگذاری برای ایجاد وبسا...

رایگان

13:47:11

کامل شده

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

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

رایگان

02:28:26

کامل شده

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

آموزش جاوا اسکریپت + ES6 به همراه پروژه. جاوا اسکریپت زبان برنامه‌نویسی سطح بالا است که برای ایجاد تعامل با صفحات وب به...

رایگان

06:09:03

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

کامنت های ارزشمند شما:

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

بهنام فریدونی
- 2 سال پیش
- پاسخ به کامنت
سلام و احترام
فایل تمرینی این قسمت(قسمت ۲۵ پلاگین collapse) مشکل داره
در صورت امکان فایل صحیح را قرار دهید
سپاس
- علی شیخ
  
  2 سال پیش
  
  سلام وقت بخیر.
  مشکل چی داره؟
  اگه دانلود هست یکبار دیگه صفحه را رفرش و دوباره دانلود کنید چون مشکل دانلود نداره
- بهنام فریدونی
  
  2 سال پیش
  
  دانلود میشه، ولی داخل فایل زیپ دانلود شده به جای فایل مربوط به قسمت ۲۵ که اپدیت دوره هست، فایل زیپ کل دوره هست
  که از قضا فایل مربوط به جلسه حاضر هم داخلش نیست
- علی شیخ
  
  2 سال پیش
  
  ممنون از اطلاع رسانی مشکل برطرف شد

collapse

توضیحات

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

معرفی alpine.js

افزودن alpine.js به پروژه

x-data

x-init

x-if, x-cloak, x-show

x-transition

x-on

x-bind

x-text, x-html

x-model

x-ref, x-for

x-effect, x-ignore

x-teleport

ref, $refs$

watch$

dispatch$

nextTick$

root$

id$

()Alpine.data

()Alpine.store

intersect

persist

trap

collapse

morph

modal

dropdown

tab

accordion

carousel

multiselect بخش اول

multiselect بخش دوم

multiselect به همراه npm

api بخش اول

api بخش دوم

api بخش سوم

اطلاعات دوره

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

آموزش ری اکت (React.js) پروژه محور

آموزش رایگان html و css (اچ تی ام ال و سی اس اس) پروژه محور

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

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

کامنت های ارزشمند شما:

ارسال کامنت