آموزش vue JS : جلسه 13 - پروژه ساخت بازی کوپن تخفیف

دسته بندی: آموزش
زمان مطالعه: 1 دقیقه
۲۹ اردیبهشت ۱۳۹۷

برای درک مفاهیم گفته شده دراین پروژه vue js باید قسمت های قبلی را دیده باشید. ما در این قسمت یک Mini Game خواهیم داشت که بیشترین مورد کاربردی آن برای فروشگاه های آنلاین می باشد.
پس با ما همراه باشید. . .

:: توجه

این مطلب یک جلسه از آموزش حرفه ای vuejs می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش حرفه ای vuejs

چه امتیازی به این مقاله می دید؟
نویسنده محمد نجاری
کارشناس و فارغ التحصیل مهندسی نرم افزار،برنامه نویس BackEnd سون‌لرن،یک گیک، 5 سال سابقه برنامه‌نویسی فرانت اند و بک اند.مسلط به زبان های Ruby,php,java,javascript و ... . علاقه مند به Clean Code و مقیاس‌پذیری وب

جلسات دوره

نظرات کاربران

ساناز مرز

لطفا توضیح می دید به چه صورت به ایندکس آرایه اضافه کنیم؟ من همه روش هارو امتحان کردم نشد

محمد نجاری

سلام و وقت به خیر .
سوالتان را متوجه نشدم . هدفی که دارید و کدی که زدید رو کامنت کنید.

مجید زارعی هوشیار

ممنون از پاسختون….

مجید زارعی هوشیار

سلام……خسته نباشد اقای نجاری
جلسه خوبی بووود….
فقط یه سوال داشتم من میخوام مقدار متغییر هایی که در قسمت data ها تعریف میکنیم رو برابر مقدار یه متغیر دیگه بکنم….چطوری میشه این کار رو کرد……مثلا در مثال زیر مقدارfullName رو برابر firstName و lastName کنم…..منظورم داخل همین بلاک data هستش

data: {
    firstName: ‘majid’,
    lastName: ‘zarei’,
    fullName: ?
  },
محمد نجاری

سلام
شما در قسمت دیتا این کار را نمیتوانید بکنید .باید با computed property ها اینکار را انجام بدهید.

Mr abbas

سلام نتونستم تمرین رو انجام بدم…
چطور هندل کنیم وقتی هربار پانچ میزنیم یکی از عکسای تو ارایه نمایش داده بشه ؟:|

محمد نجاری

سلام شما باید یک آرایه از ادرس ها درست کنید.
data: {
title: "فکر کردی میتونی از من تخفیف بگیری؟",
damage: 100,
goodImg: "./img/1.jpg",
badImg: "./img/2.jpg",
kick: "./play/PUNCH.mp3",
finalKick: "./play/attack.mp3",
arr: ['./img/1.jpg', './img/2.jpg', './img/3.jpg'],
},

سپس تگ img را مانند زیر تغییر دهید.
:src="damage==0?badImg:arr[0]"

حالا باید با هر ضربه یکی به اندیس آرایه اضافه کنید.

موفق باشید

علی مشهوری

سلام .
برنامه ای برای برگزاری react native ندارید؟

محمد نجاری

سلام.
بله انشالله بعد از دوره react شاهد اموزش react native خواهیم بود.

موفق باشید

Mr abbas

سلام خسته نباشید فایلهای ویدیو نیستش

محمد نجاری

سلام، تصحیح شد.

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

شما هم چنان می توانید سوالات خود را در این قسمت بپرسید اما اولویت پاسخ گویی با دانشجویانی است که بازه پشتیبانی فعال دارند.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.