کورس یادگیری alpine.js v3

با Alpinejs شما از ویژگی های جاوا اسکریپت خنک استفاده می کنید! من به شما نشان می دهم که چطور کار می کند!

عنوان اصلی : Alpine JS Vs. 3 For Beginners. Learn the new alpine.js v3!

سرفصل های دوره :

Alpine JS شروع سریع - یادگیری بخش 1:
مواد درس بخش 1
شی و دامنه: جایی که جسم شما قابل مشاهده است؟
X-bind (:) - دستکاری ویژگی های HTML
X-Model: مقدار شیء را به مقدار ورودی تنظیم کنید
X-show / X-IF: مخفی کردن یا نمایش عناصر 2 روش های مختلف
X-On / X-Ref / $ Refs
پیشرفت در Alpinejs نسخه 3 در شنوندگان رویداد (X-ON)
خلاصه ای از آنچه که تا به حال آموخته اید
زمان تمرین:
بخش عملی # 1 - مقدمه + فایل های ورزشی
زبانه ها به عنوان مثال چالش
Tabs Challenge Solution
چالش ماشین حساب ساده
راه حل ماشین حساب ساده
راه حل لغزنده رنگ
یادگیری بخش 2:
عملکرد عملکرد در Alpinejs
توابع با Properties + @ submit.Prevent
قطعات و پارامترهای + مثال فایل خارجی
Refactor Color Slider Slider
زبانه های Refactor مثال
انتقال با اصلاح کننده ها در X-Show
انتقال با X-Transition
X-Cloak: پنهان کردن عناصر تا زمانی که آلپاین را به اتمام برساند
X-for: حلقه ها در Alpinejs
Loops + Index / HTML-Output: Refactoring Tabs به طور کامل انعطاف پذیر است
x-init: داده های تزریق در مولفه آلپ شما
RECAP: استفاده از توابع