آموزش پروژه محور آلفین جی اس (۱۲ پروژه کاربردی) - Alpine JS

در این دوره فریمورک Alpine Js را مد نظر آموزشی قرار داده ایم. فریمورکی محبوب که کار را برای استفاده از جاوا اسکریپت برای ما ساده است.

  • 0.0/5.0
  • پسند 0
  • 24 شرکت کننده
  • مبتدی
  • آخرین بروزرسانی اردیبهشت 1403

طراحی سایت
پرفروش ترین دوره
محبوب ترین دوره
دوره اعضای ویژه

به تازگی یک فریم ورک جدید و کوچک در دنیای فریم ورک‌های جاوا اسکریپت مورد استقبال قرار گرفته است که به آن Alpine.js گفته می‌شود.

Alpine.js ماهیتی واکنش‌گرا (مشابه با React و Vue) را با هزینه‌ی بسیار کمتری فراهم می‌کند. علاوه بر آن، باعث می‌شود تا از پیچیدگی‌های کار تا حدی کم شود. برای فهمیدن این‌که Alpine.js چیست و چه ویژگی‌هایی دارد، با ما همراه باشید.

Alpine.js چیست؟

همان‌طور که گفتیم، Alpine.js یک فریم ورک جاوا اسکریپت است که از سال 2019  و با شعار رهایی از جی کوئری در اختیار توسعه دهندگان وب قرار گرفته است. Alpine.js به صورت رسمی برای فریم ورک Livewire که مربوط به لاراول است ساخته شد، اما همانند انگولار، React.js، Vue.js و Svelte این امکان را می‌دهد تا برنامه نویس به صورت بهینه کدنویسی کند، با دردسر کمتری کد خود را تغییر دهد و با استفاده از یک رابط، برنامه‌ی خود را آسان‌تر توسعه دهد.

 

چرا از Alpine.js استفاده می‌کنیم؟

هنگامی که یک صفحه در مرورگر کاربر ساخته می‌شود، المان‌هایی روی صفحه‌ نمایش داده می‌شود این المان‌ها در قالب یک درخت ساخته می‌شوند که  Document Object Model نامیده می‌شود. Alpine.js یک فریم ورک سبک‌ است که کمک می‌کند تا آسان‌تر DOM را دست‌کاری کنید. زمانی که در حال توسعه‌ی برنامه با بوت استرپ هستید، بیشتر متوجه عملکرد Alpine.js می‌شوید. 

Alpine.js می‌تواند با کتابخانه‌ی دیگر نیز مورد استفاده قرار گیرد. DOM مجازی نمی‌سازد و برای استفاده از آن نیاز به ساخت فایل جاوا اسکریپت ندارید؛ هر چند که در صورت تمایل می‌توانید این کار را نیز انجام دهید.

 

 

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

 

 

0 دمو دوره
رایگان
منتشر شده

دانلود


1 بازتولید مجموعه اول
نقدی
منتشر شده

23 مگ

2 بازتولید مجموعه دوم
نقدی
منتشر شده

35 مگ

3 بازتولید مجموعه سوم
نقدی
منتشر شده

14 مگ


4 نصب آلفین با یک مثال
نقدی
منتشر شده

17 مگ

5 x-data بخش اول
نقدی
منتشر شده

13 مگ

6 x-data بخش دوم
نقدی
منتشر شده

20 مگ

7 x-init
نقدی
منتشر شده

7 مگ

8 x-show
نقدی
منتشر شده

4 مگ

9 x-transition
نقدی
منتشر شده

15 مگ

10 x-bind
نقدی
منتشر شده

20 مگ

11 x-on بخش دوم
نقدی
منتشر شده

12 مگ

12 x-on بخش دوم
نقدی
منتشر شده

13 مگ

13 x-text || x-html
نقدی
منتشر شده

13 مگ

14 x-model
نقدی
منتشر شده

28 مگ

15 x-for
نقدی
منتشر شده

14 مگ

16 x-effect x-ignore x-ref
نقدی
منتشر شده

11 مگ

17 x-cloak x-teleport
نقدی
منتشر شده

14 مگ

18 x-if
نقدی
منتشر شده

7 مگ


19 $el - $refs - $store
نقدی
منتشر شده

13 مگ

20 $watch - $dispatch
نقدی
منتشر شده

12 مگ

21 $nextTick – root- data- id
نقدی
منتشر شده

11 مگ


22 پلاگین intersect
نقدی
منتشر شده

13 مگ

23 پلاگین persist
نقدی
منتشر شده

9 مگ

24 پلاگین trap
نقدی
منتشر شده

7 مگ

25 پلاگین collapse
نقدی
منتشر شده

6 مگ

26 پلاگین Morph
نقدی
منتشر شده

4 مگ


27 پروژه دراپ داون
نقدی
منتشر شده

8 مگ

28 پروژه مودال ها
نقدی
منتشر شده

9 مگ

29 پروژه سایدبار
نقدی
منتشر شده

4 مگ

30 پروژه تب ها
نقدی
منتشر شده

8 دقیقه

31 پروژه انتخاب تصاویر
نقدی
منتشر شده

6 مگ

32 پروژه اسکرول
نقدی
منتشر شده

7 مگ

33 پروژه حلقه ها و توگل ها
نقدی
منتشر شده

11 مگ

34 پروژه فیچ و x-init
نقدی
منتشر شده

6 مگ

35 پروژه TODO
نقدی
منتشر شده

14 مگ

36 پروژه ترنزیشن دراپ داون
نقدی
منتشر شده

14 مگ

37 پروژه ترنزیشن مودال
نقدی
منتشر شده

2 مگ

38 پروژه ترنزیشن سایدبار
نقدی
منتشر شده

3 مگ


39 فایل های پروژه
نقدی
منتشر شده

مگ


دیدگاه کاربران

0.0

(بر اساس امتیاز کاربران)

ثبت دیدگاه
سوالات متداول
پرسش و پاسخ

مشخصات دوره

  • تعداد ویدیو 1
  • تعداد فایل 38
  • مدت زمان دوره 0:08 ساعت
  • حجم فایل ها 439 مگابایت
avatar
توحید داننده

توسعه دهنده

  • 0.0/5.0

برچسب ها