Javascript Dersleri
-
Javascript İle XOX Oyunu Yapımı
Bu dersimizde, Javascript İle XOX oyunu hazırlayacağız. Bu oyunun nasıl yapılacağını detaylandıracağım. Oyun için html, css ve javascript kodları yazacağız. Javascript kodumuzda öncelikle oyun tahtasını oluşturacak bir fonksiyon yazıyoruz. Fonksiyon her hücreyi tıklanabilir olmasına imkan sağlayacak. Tıklama sonrasında hangi oyuncunun…
-
Javascript ile Metin Boyutunu Büyütüp Küçültme
Bu dersimizde, javascript ile metin boyutunu büyütme ve küçültme işlemini inceleyeceğiz. Hazırlayacağımız bu uygulama, yazıları okumakta zorluk çekenler için büyütme butonu olan bir işlevsellik ekliyoruz. Bu uygulamayla birlikte, kullanıcıların makaleleri okuması konusunda kolaylık sağlamış olacağız. Bu işlemi sağlamak için HTML,…
-
Javascript İle Burç Hesaplama
Javascript ile birlikte, gün ve ay değerleri girilerek burç hesaplaması yapacağız. Bu hesaplama işlemi için kullanıcıdan gün ve ay değerlerini almamız gerekmektedir. Bu bilgiler doğrultusunda, gerekli hesaplamaları yaparak burç hesaplama işlemini gerçekleştirmiş olacağız. Burç Hesaplama Fonksiyonu Burç hesaplama fonksiyonunu oluştururken,…
-
Javascript İle Kredi Hesaplama İşlemi
Javascript ile kredi hesaplama işlemini gerçekleştireceğiz. Bu işlem için ilk olarak bir html formu oluşturacağız. Sonrasında bu formun daha güzel görünümde olması için css kodlarını ekleyeceğiz. Ardından javascript kodlarını ekleyip, kredi hesaplama işlemini sağlayacağız. Hazırlayacağımız uygulamada, Kredi Hesaplama Formu ve…
-
Javascript ile Sayaç Yapımı
JavaScript kullanarak başlangıç değerinden bitiş değerine kadar geçiş animasyonuyla birlikte bir sayaç yapacağız. Javascript Sayaç işlemleri için genel anlamda setInterval fonksiyonunu kullanıyor olacağız. Hazırlayacağımız örneğin nasıl bir şey olacağına ilişkin olarak aşağıdaki görsele bakabilirsiniz. Görsel GIF olarak hazırlandığı için bir…
-
Javascript Kombinasyon Hesaplama
Kombinasyon, matematikte bir nesne kümesinden belirli sayıda nesne seçmenin sayısını ifade eder. Seçilen nesnelerin sırası önemli değildir, yalnızca kaç tane nesne seçildiği önemlidir. Kombinasyon sembolü “C” ile gösterilmektedir, “n” adet nesne içinden “r” adet nesne seçmenin sayısı “C(n,r)” şeklinde yazılmaktadır.…
-
Youtube Embed Site Yavaşlatma Sorunu
Youtube video embed kodları, site performansını olumsuz etkileyebilir ve yavaşlatır. Bu, özellikle web sayfanızda birden fazla video varsa daha belirgin hale gelir. Ancak, bu sorunun birkaç çözümü vardır: Lazy Loading: Videonun yüklenmesini geciktiren kodların yerine, videoyu gecikmeli yüklemek için lazy…
-
Javascript İle Harcanan Kalori Hesaplama
Javascript ile harcanan kalori hesaplaması yapabilmek için kullanıcıdan bir takım bilgilerin alınması gerekmektedir. Bu bilgiler doğrultusunda hesaplama işlemi sağlanır. Hesaplama işlemlerini adım adım şekillendirerek, hesaplama işlemini sağlayalım. Harcanan Kaloriyi Hesaplama JavaScript kullanarak harcanan kaloriyi hesaplamak için aşağıdaki adımları takip edebilirsiniz:…
-
Javascript İle Günlük Kalori Hesaplama
Javascript ile günlük kalori hesaplaması yapabilmek için bir kaç bilgiye ihtiyacımız vardır. Bu bilgiler; cinsiyet, yaş, kilo, boy ve aktivite sıklığıdır. Bu bilgiler doğrultusunda matematiksel bir hesaplama yaparak sonuca ulaşabiliriz. Günlük Kalori Hesaplama Hesaplama işlemi için javascript kullanacağız. Kullanıcıdan alınan…
-
jQuery ile Radio ve Checkbox Resim Kullanma
Kullanıcı arayüzünü geliştirmek için form girişini özelleştirmek estetiklik ve cazibelik kazandıracaktır. Varsayılan kullanılan Radio ve Checkbox alanları kullanıcı arayüz deneyimi olarak iyi bir izlenim bırakmamaktadır artık. İyi bir izlenim bırakmak için bu alanları özelleştirmek etkili olacaktır. Bu durumda bizde, jQuery…