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

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

دوره های آموزشی
آموزش Responsive Layout پروژه محور
کامل شده

آموزش Responsive Layout پروژه محور

Responsive یا واکنشگرا به این معنی می باشد که ما چگونه سایت را به شکلی طراحی کنیم که سایت ما در دیوایس های مختلف به خوبی...

رایگان
01:11:30
آموزش Grid Layout پروژه محور
کامل شده

آموزش Grid Layout پروژه محور

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

رایگان
02:19:59
آموزش Javascript OOP پروژه محور
کامل شده
% 20 تخفیف

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

OOP برگرفته از Object-Oriented Programming به معنی برنامه‌نویسی شی‌گرا میباشد. که یک الگو یا روش برنامه نویسی می باشد....

99,000 79,000 تومان
01:53:50
آموزش تیلویند(Tailwindcss) پروژه محور
کامل شده

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

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

199,000 تومان
10:38:10

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

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

  • nnna ww1

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

    • علی شیخ

      4 هفته پیش

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

  • nnna ww1

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

  • armindev

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

    • علی شیخ

      4 ماه پیش

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