آموزش Alpine JS vs. 3 برای مبتدیان. alpine.js v3 جدید را یاد بگیرید!

Alpine JS Vs. 3 For Beginners. Learn the new alpine.js v3!

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با alpinejs شما از ویژگی های جالب جاوا اسکریپت به روش آسان استفاده می کنید! من به شما نشان می دهم که چگونه کار می کند! درک Alpine JS استفاده از Alpine JS پیش نیازها: دانش پایه HTML

سلام بچه ها!

Alpine.js یک راه بسیار جالب و بسیار آسان برای پیاده سازی برخی از عملکردهای جاوا اسکریپت روزمره در صفحات وب شما است.

آنقدر آسان است که برای استفاده از بسیاری از این ویژگی‌ها، اصلاً مجبور نیستید جاوا اسکریپت را یاد بگیرید!

اما همچنین برای بسیاری از شما که قبلاً با جاوا اسکریپت کار کرده‌اید، Alpine.js پیشرفت بزرگی در اجرای برخی وظایف خواهد بود.

Alpine.js فوق العاده مدرن است و شما واقعاً باید آن را بدانید.

همچنین می توانید از Alpine.js همراه با جاوا اسکریپت معمولی یا به عنوان مثال استفاده کنید. همراه با jQuery بدون هیچ مشکلی.

در مقایسه با jQuery برای مثال، می‌توانید مشکلات خاصی را با تلاش بسیار کمتر حل کنید!

اگر قبلا vue.js را می شناسید (یا نام آن را شنیده اید) خواهید دید که می توانید بسیاری از ویژگی های vue.js را پیاده سازی کنید، اما این فرآیند نصب و راه اندازی پیچیده را ندارید و همچنین Alpine.js بسیار زیاد است. ادغام در هر برنامه یا صفحه وب موجود آسان تر است!

به عنوان مثال، در Alpine.js، شما این ویژگی جالب "دوبار اتصال" را دارید که ممکن است از react، angular یا vue.js بدانید. اما از نظر اجرای کل این کار هزینه بسیار کمتری دارد!

به شما اکیداً توصیه می‌کنم فقط چند ساعت برای یادگیری چیزی که جدید و واقعاً جالب است سرمایه‌گذاری کنید و برنامه‌نویسی شما را بسیار آسان‌تر کند!

مارتین


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

Alpine JS Quick Start - Learning Part 1 Alpine JS Quick Start - Learning Part 1

  • نسخه جدید Alpine.js V3: یک مقدمه کوتاه The new version Alpine.js V3 : a short introduction

  • آماده سازی: ویرایشگر، پلاگین ها، مرورگر Preparation: Editor, Plugins, Browser

  • مواد درسی قسمت 1 Course Materials Part 1

  • نحوه استفاده از این دوره به کارآمدترین روش How to use this course the most efficient way

  • شی و محدوده: شیء شما در کجا قابل مشاهده است؟ Object and Scope: Where is your object visible?

  • x-bind (:) - ویژگی های HTML را دستکاری کنید x-bind (:) - manipulate HTML attributes

  • x-model: مقدار شی را به مقدار ورودی تنظیم کنید x-model: set object value to input value

  • x-show/x-if: پنهان کردن یا نمایش عناصر به دو روش مختلف x-show / x-if: Hide or show elements 2 different ways

  • x-on/x-ref/$refs x-on / x-ref / $refs

  • بهبودهایی در Alpinejs نسخه 3 در شنوندگان رویداد (x-on) Improvements in Alpinejs Version 3 on event listeners (x-on)

  • خلاصه مطالبی که تا الان یاد گرفتید Recap of what you learned so far

زمان تمرین Time to practice

  • بخش عملی شماره 1 - مقدمه + فایل های تمرین Practical Section #1 - Introduction + exercise files

  • چالش مثال برگه ها Tabs example challenge

  • راه حل چالش زبانه ها Tabs challenge solution

  • چالش ماشین حساب ساده Simple calculator challenge

  • راه حل ساده ماشین حساب Simple calculator solution

  • چالش لغزنده رنگ Color Slider challenge

  • محلول لغزنده رنگ Color Slider solution

آموزش قسمت 2 Learning Part 2

  • بخش مقدمه Section Introduction

  • فراخوانی تابع در Alpinejs Function Calls in Alpinejs

  • توابع با خواص + @submit.prevent Functions with properties + @submit.prevent

  • اجزا و پارامترها + نمونه فایل خارجی Components and parameters + external file example

  • Refactor Color Slider مثال Refactor Color Slider Example

  • Refactor Tabs مثال Refactor Tabs Example

  • انتقال با اصلاح کننده ها در x-show Transitions with modifiers on x-show

  • انتقال با x-transition Transitions with x-transition

  • x-cloak: پنهان کردن عناصر تا زمانی که بارگذاری Alpine تمام شود x-cloak: Hiding elements until Alpine finishes loading

  • x-for: حلقه ها در Alpinejs x-for: Loops in Alpinejs

  • Loops + index/HTML-Output: Refactoring Tabها کاملاً انعطاف پذیر Loops + index / HTML-Output: Refactoring Tabs to be totally flexible

  • x-init: داده ها را در جزء آلپاین خود تزریق کنید x-init: Inject data in your alpine component

  • RECAP: استفاده از توابع RECAP: Usage of functions

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.

آموزش Alpine JS vs. 3 برای مبتدیان. alpine.js v3 جدید را یاد بگیرید!
جزییات دوره
5.5 hours
31
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,899
4.7 از 5
دارد
دارد
دارد
Martin Eberth
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Martin Eberth Martin Eberth

> 20 سال است که معتاد به برنامه نویسی اینترنتی است! سلام بچه ها، من تقریباً 21 سال است که برنامه نویسی وب را با PHP انجام می دهم! من برای همه چیز از شرکت های بسیار کوچک گرفته تا بازیگران جهانی (از جمله BMW، زیمنس، لیند) کار کردم. من می دانم که کار برای یک استارتاپ شیک چگونه است و چگونه کار کردن برای یک مکان بسیار محافظه کار است. من می دانم که انجام یک کار معمولی چگونه است، اما زندگی فریلنسر را نیز به خوبی می شناسم. وقت آن است که کمی سرگرم شویم و چیزهای بسیار جالب و مفیدی را به شما آموزش دهیم! چیزهای زیادی در دنیای توسعه وب در حال انجام است و من می خواهم تجربه خود را - قدیمی و جدید - با شما به اشتراک بگذارم. بهترین ها مارتین