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ı
Size

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!

LeadOcean

Sales team chasing the wrong leads?

1.8B+ companies — search always free

Find My Leads →

No credit card · Cancel anytime

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.

Related Reading

Posts tagged with:

The 48-Hour Activation Window: How to Turn a Buying Signal into a Booked Meeting Before Your Competitor Even Sees It
Sales

The 48-Hour Activation Window: How to Turn a Buying Signal into a Booked Meeting Before Your Competitor Even Sees It

B2B buying signals decay fast, and most sales teams lose the advantage by waiting days to act. This guide breaks down how to build a 48-hour activation workflow using LeadOcean and Eaglet to turn raw intent signals into personalised, booked meetings before competitors even open their CRM.

How to Build a First-Party Intent Stack That Feeds LeadOcean: From Website Visitor to Verified Decision-Maker in One Workflow
Sales

How to Build a First-Party Intent Stack That Feeds LeadOcean: From Website Visitor to Verified Decision-Maker in One Workflow

Most B2B demand-generation teams ignore the buying signals already embedded in their own website, content, and product analytics. This guide explains how to build a first-party intent stack that resolves anonymous visitor traffic into verified decision-maker contacts, applies composite intent scoring, and routes high-intent accounts into HubSpot or Salesforce automatically using LeadOcean and Eaglet by PlusClouds.

Signal-First Outbound: How to Build a Personalized-at-Scale Prospecting System That Gets 18 % Reply Rates
Sales

Signal-First Outbound: How to Build a Personalized-at-Scale Prospecting System That Gets 18 % Reply Rates

B2B inboxes in 2026 are overwhelmed with generic cold email, pushing market-wide reply rates below 2%. This guide explains how to build a signal-first, personalized-at-scale outbound system that consistently achieves 18% reply rates by triggering outreach on real buying events and using AI-powered enrichment tools like LeadOcean and Eaglet.

Dark Funnel Prospecting: How to Detect and Reach B2B Buyers Before They Ever Fill Out a Form
Sales

Dark Funnel Prospecting: How to Detect and Reach B2B Buyers Before They Ever Fill Out a Form

The dark funnel accounts for roughly 70% of the B2B buyer journey before any prospect fills out a form, meaning most pipeline opportunities are invisible to standard marketing automation. This guide explains how to detect reliable buying signals, avoid false-positive intent data, and build a workflow that gets your outreach in front of the right buyer at the right moment.