کارگاه آموزشی Vue.js Nuxt.js (قسمت پنجم مدیریت Event ها)

سلام و درود دوستان عزیز من علیرضا احمدی هستم یک برنامه نویسی که تلاش میکنه دانسته های خودش رو با دیگران هم به اشتراک بگذارد و سطح دانش عمومی رو افزایش بده

مدیریت رویداد ها در vueJS
مدیریت رویداد ها در vueJS

این قسمت سوم از دوره آموزشی رایگان VueJS هست و داریم میریم سراغ یک مفهوم خیلی مهم در VueJS و اون چیزی نیست جز مدیریت رویداد ها در Vue :

این مفهوم رو خیلی از آموزش ها به صورت سطی در موردش صحبت کردند و ما در دو پارت مختلف اون رو به شما تا حد خیلی زیادی آموزش میدهیم و حتی به چیز هایی که تا حالا در آموزش های خیلی اشاره نشده مثل :‌Event Modifiers ها / Key Modifiers ها / Mouse Button Modifiers ها و... اشاره میکنیم .

مدیریت رویداد ها در VueJS بخش اول :‌

اول از همه اگر قسمت های قبلی مجموعه آموزشی ما رو ندید پیشنهاد میکنم از طریق این لینک :‌

https://www.aparat.com/playlist/1865507

قسمت های قبلی این مجموعه آموزشی رو ببینید

مخصوص قسمت (آموزش Methods در ویو جی اس) که پیش نیاز مهم این بخش هست :

https://www.aparat.com/v/02slL?playlist=1865507

که از طریق ویدیوی فوق یا لینک زیر :‌

https://www.aparat.com/v/02slL?playlist=1865507

میتونید به اون دسترسی داشته باشید

در این بخش قراره چه چیز هایی رو یاد بگیرید ؟

ما رویداد ها رو در VueJS در دوبخش مقدماتی و پیشرفته آموزش میدهیم و در بخش مقدماتی به مباحث زیر اشاره خواهیم کرد :‌

۱) ساختار کلی رویداد ها در VueJS

براساس تصویر فوق به صورت کلی در VueJS رویداد ها چنین ساختاری رو دارند که در این قسمت بخش زیادی از مفهوم فوق رو توضیح میدهیم .

2) نمونه کد :‌

<a v-on:[eventName]=&quotdoSomething&quot> ... </a>
<!-- shorthand -->
<a @[eventName]=&quotdoSomething&quot>


رو بررسی خواهیم کرد

۳)‌ یک مثال واقعی رو بررسی میکنیم :‌

<a v-on:click=&quotincrement&quot> ... </a>
<!-- shorthand -->
<a @click=&quotincrement&quot> ... </a>

۴) اشنایی با @play و pause

با دو تا از رویداد های بامزه در ویدیو آشنا خواهیم شد

۵) با ref در VueJs اشنا خواهید شد

۶) یک مینی پروژه بامزه ویدیو پلیر رو با VueJS پیاده سازی خواهیم کرد و نتیجه نهایی کار به این صورت خواهد بود که به شدت مطمئنا برایتان جذاب خواهد بود .

مینی پروژه VuePlaye در vueJS
مینی پروژه VuePlaye در vueJS

پس پیشنهاد میکنم در ادامه این ویدیو همراه من باشید

اطلاع رسانی آخرین ویدیو های این دوره آموزشی :

ما ویدیو ها رو در گروه VueJS در تلگرام هم قرار میدهیم :

https://t.me/irdev2/9293

و میتوانید از طریق گروه فوق سئوالات خودتون رو هم مطرح کنید .