telegram

توضیحات

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
وضعیت دوره : کامل شده
قیمت دوره : 449,000 381,000 تومان
% 15 تخفیف
ابتدا وارد سایت شوید
دسته بندی دوره ها
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 ساس

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

دوره های آموزشی
آموزش ری اکت (React.js) پروژه محور
کامل شده
% 10 تخفیف

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

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

399,000 359,000 تومان
16:08:35
آموزش Materialize پروژه محور
کامل شده

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

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

89,000 تومان
06:38:32
آموزش رایگان گیت و گیت هاب (git & github)
کامل شده

آموزش رایگان گیت و گیت هاب (git & github)

گیت (Git) یک سیستم کنترل ورژن است که با آن می‌توانید تغییرات اعمال شده در فایل‌ها را ساده‌تر پیگیری کنید. مثلاً، اگر فای...

رایگان
07:58:20
آموزش تیلویند(Tailwindcss) پروژه محور
کامل شده
% 5 تخفیف

آموزش تیلویند(Tailwindcss) پروژه محور

Tailwind CSS یک (utility-first) فریمورک CSS است که ابزارها و class ‌های پر استفاده CSS را در اختیار شما قرار می‌دهد و تف...

399,000 379,000 تومان
10:38:10

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

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

  • nnna ww1

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

    • علی شیخ

      3 سال پیش

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

  • nnna ww1

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

  • armindev

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

    • علی شیخ

      4 سال پیش

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