Sales1 min read147 words

Vue.js ile web ortamında dinamik basit bir oyun geliştirdik gelin birlikte bakalım! Vue.js

Emir Eskici

PlusClouds Author

Cloud & SaaS

Vue.Js ile Canavar Avı Uygulaması

Selamlar, şu ana kadar Vue.js, Jquery ve JavaScript ile ilgili birkaç blog yazmıştım. Şimdi ise sıra, Vue.js ile basit uygulama yapma hakkında basit ama bir o kadar da bilgilendirici yeni bir pratikte. Bu uygulamanın temel seviye Vue.js bilgisi ile yazıldığını da hatırlattıktan sonra uygulamaya geçmeden önce sizlere biraz uygulamanın içeriğinden bahsedeyim.

Not:Bu uygulamada Math() nesnesi kullanılmıştır.

Math() Nesnesi nedir?” dediğinizi duyar gibiyim onuda şöyle açıklayayım: JavaScript’in içerisinde bulunan Math nesnesi bizlere matematiksel işlemler yapmamızı sağlayan bir çok metodun bulunduğu bir kütüphanedir.

Butonlar:

Attack (Saldırı): Belirlediğimiz aralıkta random hasar vermemizi sağlar.

Special Attack (Özel Saldırı): Belirlediğimiz aralıkta yüksek random hasar vermemizi sağlar.

Medicine (İlk Yardım): Sağlığımızı Doldurur.

Give Up (Pes Et): Sağlığımızı direkt olarak 0 sayısına eşitler ve yenilmiş oluruz.

Basit Bir Şekilde HTML Kodlarımız:

Description

Şimdi Sırada Vue.JS Kodlarımız:

Description

Sonucu Görelim…

Description

Okuduğunuz için teşekkür ederim, daha sonraki blog yazılarımı görmek için PlusClouds’da kalın!

Frequently Asked Questions

Math() nesnesi nedir ve bu uygulamada nasıl kullanılmıştır?

Math() nesnesi JavaScript'in içerisinde bulunan ve matematiksel işlemler yapmamızı sağlayan bir çok metodun bulunduğu bir kütüphanedir. Bu uygulamada Math() nesnesinin kullanıldığı belirtilmiştir.

Attack ve Special Attack ne işe yarar ve nasıl çalışır?

Attack belirlediğimiz aralıkta rastgele hasar verir. Special Attack belirlediğimiz aralıkta yüksek rastgele hasar verir.

Medicine ve Give Up ne işe yarar?

Medicine sağlığımızı doldurur. Give Up sağlığımızı direkt olarak 0 sayısına eşitler ve yenilmiş oluruz.

Bu uygulama ne amaçla yazıldı ve hangi Vue.js bilgisiyle yazıldığını nasıl ifade eder?

Basit bir Vue.js uygulaması olarak Canavar Avı temasını öğretmek amacıyla yazılmıştır. İçerikte temel seviye Vue.js bilgisiyle yazıldığı ve bir Udemy kursu kaynağına işaret edildiği belirtilir.

Uygulamadaki HTML ve Vue.js kodları nasıl paylaşılmıştır?

Basit Bir Şekilde HTML Kodlarımız ve Şimdi Sırada Vue.JS Kodlarımız başlıklarıyla kullanılan kodlar görseller olarak paylaşılıyor.

Uygulamanın ana öğeleri nelerdir?

Attack, Special Attack, Medicine ve Give Up adlı dört buton bulunmaktadır ve bu butonlar uygulamanın etkileşimli işleyişini sağlar. Ayrıca Math() nesnesinin bu uygulamada kullanıldığı belirtilir.

Bu uygulama öğrenenler için nasıl bir fayda sağlar?

Basit ve bilgilendirici bir pratik olarak tasarlanmıştır ve temel Vue.js bilgisiyle yazıldığı için öğrenenler için temel bir örnek sunar.