توضیحات

alpine.js یک فریمورک جاوااسکریپت است که میتواند جایگزین بسیار مناسب برای جی کوئری باشد. alpine.js به صورت رسمی برای فریمورک livewire که مربوط به لاراول است ساخته شد و به منظور نوشتن کدهای نشانه گذاری (markup-driven) سمت کاربر (client side) با استفاده از زبان برنامه نویسی جاوااسکریپت، طراحی و تولید شده است. alpine.js سینتکس مشابهی به vue.js دارد و یادگیری و کار کردن با آن بشدت ساده هست.حتما ویدیو معرفی دوره را مشاهده کنید.
برای آشنایی بیشتر با alpine.js و همچنین مشاهده مینی پروژه های که توی این دوره پیاده سازی میشود، حتما ویدیو معرفی که در پایین قرار گرفته را مشاهده کنید.

قسمت های 1, 2, 3 و4 برای نمونه بصورت رایگان قرار داده شده

مباحثی که در این دوره گفته میشود شامل :
آشنایی با alpine.js

  • alpine چیست
  • افزودن alpine به پروژه

directives

  • x-data
  • x-init
  • x-if, x-claok, x-show
  • x-transition
  • x-on
  • x-bind
  • x-text, x-html
  • x-model
  • x-ref, x-for
  • x-effect, x-ignore
  • x-teleport

magics

  • ref, $refs$
  • watch$
  • dispatch$
  • nextTick$
  • root$
  • id$

Globals

  • ()Alpine.data
  • ()Alpine.store

Plugins

  • intersect
  • persist
  • trap
  • collapse
  • morph

مینی پروژه

  • modal
  • dropdown
  • tab
  • accordion
  • carousel
  • multiselect
  • api

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


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

مدرس دوره علی شیخ
مدت دوره 06:52:21
تعداد ویدیو 37

وضعیت دوره : کامل شده
قیمت دوره : 199,000 179,000 تومان
% 10 تخفیف

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

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

  • سلام دوباره استاد خسته نباشید!
    استاد من داخل x-for یه دکمه دارم که به تعداد تکرار x-for اون هم تکرار شده حالا میخوام وقتی رو یکیش کلیک کردم فقط همون کلاسش عوض شه و رو بعدی کلیک کردم دوباره فقط همون کلاسش عوض شه میشه اینم راهنمای کنید

    • سلام وقت بخیر.
      شما میتونید کلاس را bind کنید و بگید مثلا فلان متغیر اگه true بود، فلان کلاس رو بهش بده.از طرفی میتونید روی دکمه event کلیک داشته باشید و زمانی که کلیک شده اون متغیر را true کنه

  • سلام استاد خسته نباشید!
    من دوتا Alpine.data() دارم تو یه صفحه میخوام از داخل این یکی Alpine.data() یک variable رو مقدارش رو true بکنم داخل اون یکی Alpine.data() راهی هست؟

  • سلام
    براي پروژه هاي بزرگتر مثل سبد خريد و و و سيستم لاگين و فروشگاه اينترنتي و اين دست پروژه ها ميشه با آلپاين كار كرد يا بهتره از فريمورك ها و كتابخانه هاي قوي تري مثل react و vue استفاده كرد؟

    • سلام وقت بخیر.
      بله میتونید استفاده کنید،همچنین بستگی به پروژه هم داره، مواردی که فرمودید برای وب سایت های spa مناسب هستند.