Pazartesi , 21 Ağustos 2017
Anasayfa » JavaScript

JavaScript

AngularJS Controller Arası Veri Taşıma

Bu yazıda farklı iki kontrol arasında verinin nasıl taşındığını inceleyeceğiz. Öncelikle veriyi bir kontrol içinde tutup diğer kontrolden çağırmak yerine, veriyi tek bir noktada tutmak gerekiyor. Bunun için angular içinde birden fazla yöntem olmasına rağmen ben kendi servisimini yazıp servis içinde tutmayı tercih edeceğim. Servis içinde oluşturduğum bir veri kaynağı ile veriyi istediğim kontrol içine gönderdip gerekli güncellemeleri yapmam mümkün …

Devamını oku »

JavaScript for … of Kullanımı

for of deyimi tekrar eden (iterable) nesneler üzerinde hareket ederek nesnenin değerini okumak için kullanılan özel bir javascript deyimidir.  Iterable nesneler (Array, Map, Set, String, TypedArray ve nesne içindeki yield ile oluşturulan değişkenker vb.) üzerinde okumak yapmak için kullanılır. For of ES6 ile javascript içine dahil olmuş bir deyimdir. For in deyiminden farklı olarak koleysiyonlar üzerinde sadece okuma yapmaktadır. C …

Devamını oku »

Jquery Modal İletişim Kutuları

Kullanıcılara bilgi vermek yada kullanıcılardan bilgi almak için jquery dialog modal kullanma en ideal yollardan biridir.  Dialog kutularını uyarı, hata yada bilgilendirme amacı  için de kullanabilirsiniz.  Bir çok modern front-end framework içinde dialog kutuları olmasına rağmen kullanım zorlukları nedeni ile pek tercih edilmektedir. Daha önceki bir yazıda sadece jquery dialog eklentisi ile modal oluşturup kullanmıştım. Eğer frameworkler içindeki dialoglar hoşunuza …

Devamını oku »

JQuery İle Resim Kaydırma

Bu örneğimizde JQuery ile butona tıklandığında resmin hareket etmesini sağlayacağız. İlk olarak JQuery’nin sitesinden JQuery dosyalarını indiriyoruz. Css ve JavaScript dosyalarını açarak çalışma dosyamıza bağlıyoruz. Ağaç yapısı şu şekilde olacaktır;

Devamını oku »

JQuery UI Tabs Menü Kullanımı

Bu örneğimizde JQuery’nin Ui eklentisini kullanarak Tabs Menü yapacağız. İlk olarak JQuery’nin sayfasından, JQuery ve JQuery-Ui eklenti dosyalarını indiriyoruz. Ui.css ve theme.css dosyalarını çalışma klasörünün içerisindeki eklenti klasörünün içerisine kopyalıyoruz. Dosyaların ağaç yapısı şu şekilde olacaktır;

Devamını oku »

JQuery Checked Kullanımı

Bu örneğimizde JQuery ile checkbox kullanarak resim gizleyip göstermeyi yapacağız. Bunun için ilk olarak JQuery’nin sitesinden JQuery dosyasını indiriyoruz ve çalışma dosyamıza bağlıyoruz. Daha sonra kendi açtığımız JavaScript dosyamızı çalışma dosyamıza bağlıyoruz.     HTML: Resmi gizlemek ve göstermek için bir checkbox oluşturuyoruz.  Yazdığımız kısa açıklamayı label etiketinin içerisine yapıyoruz. Bu sayede yazının üzerine basıldığında checkbox’da bundan etkilenecek. Daha sonra gizleyip …

Devamını oku »

JQuery ile İsim Listeleme

  Bu çalışmamızda JQuery ile <ul> etiketinin içerisine tanımladığımız dizideki isimleri yazdıracağız. Çalışmaya başlamadan önce ilk olarak JQuery’nin kendi sitesinden JQuery dosyasını indiriyoruz.  https://jquery.com/

Devamını oku »

Jquery Tanımı , Kullanımı ve İki Sayıyı Toplama-Çıkarma-Çarpma İşlemleri

JQuery’e Giriş Herkese merhaba, bu yazımda JQuery’den bahsedeceğim. jQuery bir JavaScript kütüphanesi olarak bilinir. 2006 yılına kadar çok fazla karmaşık JavaScript kütüphanesi kullanılıyormuş. John Resig ise jQuery’yi geliştirerek bu JavaScript kütüphanelerini daha sade ve anlaşılır bir hâle getirmiştir. Ardından web kullanıcılarının hizmetine sunmuştur. Birkaç sene içerisinde de jQuery tüm dünyada popüler olmuş. HTML5 ve CSS3 desteği oldukça fazladır. Sebebi ise 100% …

Devamını oku »

JavaScript Buton Yakalama Oyunu

  JavaScriptte koordinat kullanarak buton yakalama oyunu oluşturacağız. Fare ile üzerine gelindiğinde yerini değiştirmesini sağlayan ve yakalandığında ekrana uyarı verecek şekilde iki ayrı fonksiyon oluşturacağız. Daha sonrasında sayaç koyup kaç seferde yakalandığını hesaplayacağız.  

Devamını oku »

JavaScript Sayı Tahmin Oyunu( Kullanıcının Tuttuğu Sayı)

Algoritma ile ilgili örnek yaparken sonsuz döngüler ile ilgili örneklerde klasik verilen örnektir. Bilgisayarın tuttuğu sayıyı tahmin etme oyunu, bu sefer ki oyun tam tersi olarak hazırlanmıştır. Yani kullanıcının tuttuğu sayıyı bilgisayar tahmin etmeye çalışacaktır.   Kullanıcının Tuttuğu Sayıyı Tahmin Etme Örneğinin Çalışma Mantığı Şu Şekildedir. Başla butonuna basıldığında bilgisayar 0 ile 100 arasında bir sayı söyler. Eğer bilgisayarın tuttuğu …

Devamını oku »

AngularJS Dosya Yükleme( PHP )

Bu yazıda AngularJS file upload işlemi için github üzerinde dağıtılan bir modülün basit kullanımını yazacağım. Aşağıdaki kodların yazılmış halini sayfanın sonunda indirebilirsiniz. Dosya yükleme işlemi için github üzerinde kullandığım eklentinin sitesine girip daha detaylı kullanımını inceleyebilirsiniz. https://github.com/nervgh/angular-file-upload/ Başka bir yazıda sadece javascript ve angularjs kullanarak farklı bir uploader yapacağım.(Eklentisi varken ayrı bir yükleyici yapmak çok gerekli mi tartışılacak bir konu 🙂 ) …

Devamını oku »

JavaScript: Toplayarak Kare Alma

Fonksiyon kullanmadan kare almak için genellikle çarpma yöntemini kullanmışızdır. Peki hiç çarpma yapmadan bilgisayar gibi toplayarak kare alma işlemini nasıl yapacağınızı hiç düşündünüz mü? Bu yazıda iki farklı yöntemle fonksiyon kullanmadan ve çarpma yapmadan kare alma işleminin nasıl yapıldığını göstereceğim. Sayının karesi ne demek? Bilinen bir kavram ama yine de bir örnekle açıklayalım. Bir sayının karesini almak için sayıyı kendisi …

Devamını oku »

JavaScript Olaylar

Olaylar, HTML nesnelerinin kullanıcı(fare,klavye yada dokunma) yada Web Apileri(video bitmesi, duraklatılması vs.) ile etkileşimi sonucu meydana gelen değişimlerdir. DOM ile gerçekleşen olaylara JavaScript kullanarak fonksiyon atamak mümkündür. Bu yazıda DOM nesnelerinin olaylarına javascript fonksiyon atandığını örneklerle açıklayacağız. JavaScript ile 3 şekilde HTML nesnelerine olay atamak mümkün. HTML etiketine nitelik tanımlayarak olay kullanımı addEventListener ile nesneye bağlararak olay kullanımı Nesneneye özellik olarak …

Devamını oku »

JavaScript: Fonksiyon Kullanmadan Kare Kök Alma

Programlamaya yeni başladıysanız genellikle bir sayının karesini alma işlemini fonksiyon kullanmadan yapmışsınızdır. Ancak iş sayının karesi yerine kare kökünü alma olduğunda fonksiyon kullanmadan bu işi yapmak pek de kolay olmamaktadır.  Aşağıdaki kod javascript ile kare kök alma işlemini fonksiyon kullanmadan nasıl yapıldığını göstermektedir. Aşağıdaki kodu çalıştırmadan önce javascript içindeki mevcut fonksiyonun da adını belirtmek isterim. Math.sqrt kare kök almak için …

Devamını oku »

JavaScript Number Nesnesi

Number nesnesi JavaScriptte sayısal değerler ile işlem yapmak için kullanılan bir nesnedir. Pek tercih edilmemesine rağmen sayısal bir değer Number nesnesi kullanarak oluşturulabilir.

Devamını oku »

JavaScript HTML DOM Nesneleri

HTML DOM ile, javaScript kullanarak bir HTML belgesinin tüm elementlerine ulaşıp, değiştirebilirsiniz.  DOM; HTML, SVG, XML gibi yapısal diller için bir arayüz görevi görmektedir. Dom ile bir ağaç gibi belgeye ulaşıp, belgenin yapısını ve stilini değiştirmek mümkündür.

Devamını oku »

JavaScript Sayfayı Yenileme

JavaScript ile sayfayı yenilemek için window.location.reload(false) metodunu kullanabilirsiniz. Örnek: Sayfayı 5 saniye(5000 ms ) bir  otomatik yenileme yapmak için aşağıdaki setInterval  metodunu ve anonim fonksiyonu kullanabilirsiniz.

Devamını oku »

JavaScript Arrow Fonksiyon Tanımlama

JavaScript Arrow Fonksiyon /JavaScript Lambda Fonksiyon C# programlama dili ile ilgilendiyseniz Lambda fonksiyon tanımlama kavramını az çok biliyorsunuz demektir. EcmaScript 6 ile javasSript diline dahil olan Arrow Fonksiyonlar ile isimsiz bir fonksiyon tanımlayıp değer döndürme işlemini yapabilirsiniz.

Devamını oku »