alpine.js یک فریمورک جاوااسکریپت است که میتواند جایگزین بسیار مناسب برای جی کوئری باشد. alpine.js به صورت رسمی برای فریمورک livewire که مربوط به لاراول است ساخته شد و به منظور نوشتن کدهای نشانه گذاری (markup-driven) سمت کاربر (client side) با استفاده از زبان برنامه نویسی جاوااسکریپت، طراحی و تولید شده است. alpine.js سینتکس مشابهی به vue.js دارد و یادگیری و کار کردن با آن بشدت ساده هست.حتما ویدیو معرفی دوره را مشاهده کنید.
برای آشنایی بیشتر با alpine.js و همچنین مشاهده مینی پروژه های که توی این دوره پیاده سازی میشود، حتما ویدیو معرفی که در پایین قرار گرفته را مشاهده کنید.
قسمت های 1, 2, 3 و4 برای نمونه بصورت رایگان قرار داده شده
مباحثی که در این دوره گفته میشود شامل :
آشنایی با alpine.js
directives
magics
Globals
Plugins
مینی پروژه
پیش نیازهای این دوره :
برای ارسال نظر ابتدا باید وارد سایت شوید
سلام خسته نباشید
آلپاین برای راحت تر کردن کار بسیار مفیده، ولی برداشتی که داشتم این بود که توی طراحی بخصوص برای زیبایی کار به اندازه jquery قوی نیست و دستمون برای مانور باز نیست، حالا سوالی که داشتم اینکه میشه هم زمان هم از آلپاین و هم از jquery درون یک پروژه استفاده کرد؟
ممنون بابت آموزش خوبتون
سلام وقت بخیر.
ممنون از شما و نظرتون🙏
برای زیبایی که کلا بحث css هست، به هر حال بله میتوانید پکیج های مختلفی را توی پروژه داشته باشید اما خب از یکیش استفاده کنید.
سلام استاد وقت عالی بخیر . آیا درون پروژه های ری اکت می توان از آلپاین استفاده کرد ؟
سلام وقت بخیر.
نیازی به استفاده از alpine در react نیست!!!
شما کار های مورد نیاز را با react میتوانید انجام بدید.
سلام برای کتابخونه هایی که با این فریمورک سازگار نیستن چه راهکاری وجود داره مثلا برای jalali timepicker یا cropperjs
سلام وقت بخیر.
کتابخانه های مورد نظرتون را جداگانه میتوانید به پروژه اضافه کنید.
سلام و خداقوت...
بنده به عنوان یک لاراول کار که زیاد پروژه میگیره، لایووایرم نسبی خوب بلده، آلپاین یاد بگیرم به نظرتون یا ویو جی اس؟؟
فری لنسری کار میکنم و کیفیت و سرعت توسعه واسم مهمه...
سلام وقت بخیر.
ببینید این دو مورد کاربردشون متفاوت هست پس هر دور را یاد بگیرید و از یاد گرفتن نترسید.
از طرفی پیش نیاز دوره ها خیلی مهم هست و همچنین برای درک بهتر میتوانید ویدیو معرفی و قسمت های رایگان دوره ها را مشاهده کنید.
سلام دوباره استاد خسته نباشید!
استاد من داخل x-for یه دکمه دارم که به تعداد تکرار x-for اون هم تکرار شده حالا میخوام وقتی رو یکیش کلیک کردم فقط همون کلاسش عوض شه و رو بعدی کلیک کردم دوباره فقط همون کلاسش عوض شه میشه اینم راهنمای کنید
سلام وقت بخیر.
شما میتونید کلاس را bind کنید و بگید مثلا فلان متغیر اگه true بود، فلان کلاس رو بهش بده.از طرفی میتونید روی دکمه event کلیک داشته باشید و زمانی که کلیک شده اون متغیر را true کنه
سلام استاد خسته نباشید!
من دوتا Alpine.data() دارم تو یه صفحه میخوام از داخل این یکی Alpine.data() یک variable رو مقدارش رو true بکنم داخل اون یکی Alpine.data() راهی هست؟
سلام وقت بخیر.
متونید از Alpine.store استفاده کنید.
با سلام آلپاین آپدیت شده و خیلی موارد دیگه اضافه کرده ممنون میشم آموزش را آپدیت کنید
سلام وقت بخیر.
ممنون از اطلاع رسانی بررسی میشه و موارد جدید را اضافه میکنیم.
سلام
براي پروژه هاي بزرگتر مثل سبد خريد و و و سيستم لاگين و فروشگاه اينترنتي و اين دست پروژه ها ميشه با آلپاين كار كرد يا بهتره از فريمورك ها و كتابخانه هاي قوي تري مثل react و vue استفاده كرد؟
سلام وقت بخیر.
بله میتونید استفاده کنید،همچنین بستگی به پروژه هم داره، مواردی که فرمودید برای وب سایت های spa مناسب هستند.
لطفا بفرمایید این دوره بصورت کامل چند ساعت میشه و چه تاریخی رو واسه اتمامش در نظر گرفتین؟؟
سلام وقت بخیر.
مشخص نیست و درحال ضبط هست، حدودا ۳۱ قسمت هست و تا نیمه های ماه آینده تکمیل میشه
استاد بسیار خوشحالم که دوره آموزشی آلپاین رو تهیه کردید. سپاس و خدا قوت.
سلام وقت بخیر.
ممنون از شما🙏
mousa aghahoseini
سلام وقت بخیر
بنده از آلپاین در مگامنوی وردپرس استفاده کردم و مانند منوی دیجی کالا پیاده سازی کردم ، آیتم اول را اکتیو قرار دادم و با هاور روی هر آیتم منو کلاس اکتیو از آیتم قبلی حذف و به آیتم جدید اضافه می شود ولی وقتی از منو خارج میشم و مجدد وارد میشم آیتم اول دیگر اکتیو نیست ممنون میشم راهنمایی بفرمائید.
علی شیخ
4 هفته پیش
سلام وقت بخیر.
شما زمانی که موس بیرون میاد (توی event مربوطه) باید دوباره ایتم اول را اکتیو کنید.