21 Eyl 2016

MD Formatında Javascript Kod Dökümantasyonu – JSDoc2md

JSDoc, javascript kodlarınıza eklenen yorumları kompile ederek, HTML halinde sayfalar şeklinde dökümantasyona çeviren güzel bir konsol uygulaması. Bunun yanında, JSDoc2MD isimli ve yine JSDoc üzerine oluşturulmuş bir diğer güzel uygulama ile, kodlarınızın dökümantasyonunu tek sayfa halinde md formatında çıktı olarak da alabiliyorsunuz. jsdoc-to-markdown @Github Uygulamayı npm üzerinden yükledikten sonra; npm install jsdoc-to-markdown Fonksiyon ve class'larınız […]

21 Eyl 2016

Javascript Mantıksal Karşılaştırmaları: == ve === Arasındaki Fark

Bu yazıda, birbirine çok benzeyen 2 mantıksal karşılaştırma olan == ve === veya != ve !== arasındaki temel farktan bahsedeceğiz; == karşılaştırıcısı, karşılaştırılan değerlerin birbiirine eşit olup olduğunu kontrol etmeden, ikinci değeri ilk değere cast etmektedir. === karşılaştırıcısı, == karşılaştırıcısında olduğu gibi herhangi bir type değişikliği yapmadan, karşılaştırılan değerlerin aynı tipte olduğunu varsayarak kontrol yapar. […]

15 Eyl 2016

ES6 Import İfadesi ve Yöntemleri

Bildiğiniz gibi, Javascript'in ES5 standartında, javascript dosyaları arasında import veya export benzeri native bir mekanizma bulunmuyordu. Bu önemli özellik, yeni standart ES6'daki import-export statement ile kullanılabiliyor. 2 dosya arasında özellikle fonksiyon ve class'ların import edilebiliyor olması, ES6'nin temeldeki mantığı olan, javascript'i daha modüler hale getirme felsefesini destekliyor. Import Yöntemleri Klasik kullanımını şöyle özetleyebiliriz; import {elemanim} […]

07 Eyl 2016

Javascript’te Türkçe Karakterleri Büyütüp Küçültmek – toLocaleUpperCase()

Javascript'te küçük harflerden oluşan bir string'i büyük hale getirmek için, .toUpperCase() veya küçük hale getirmek için .toLowerCase() metodlarını kullanıyoruz. Bir örneğini şöyle gösterelim; var sebze = "patates"; console.log(sebze.toUpperCase()); // PATATES çıktısını verir Fakat, eğer büyük hale getirmeye çalıştığımız string Türkçe karakterler içeriyorsa, bu durumda bu metodlar bazı tarayıcılarda veya tarayıcı motorlarında işe yaramamakta; Bu tip […]

27 Ağu 2016

CSS’de Transition İptal Etme – Durdurma İşlemi

Özellikle Angular gibi, view tarafında DOM objelerinin fazla değişmediği uygulamalarda, CSS'in transition özelliği ile animasyon yönetimi sağlıyorsanız, bazı durumlarda Javascript tarafında bir olay gerçekleştiğinde, animasyonun durmasını veya gerçekleşmemesini isteyebiliyorsunuz. Ben bu durumla karşılaştığımda, biraz baş ağrısı yaşadıktan sonra, transition öldürülecek DOM objesinin, transition özelliğini geçici olarak overwrite etme çözümü ile sorunumu çözdüm. Basit bir şekilde […]

27 Ağu 2016

Google Chrome’da Kullanılamayan Portlar

Node üzerinde çalışırken, rastgele kullandığım bir portta, web sunucusu cevap vermedi, bu sorunu çözmeye çalışırken, chrome için bazı portların kullanılamaz olduğunu öğrendim. Kullanılamayan portların tam listesi; 1, // tcpmux 7, // echo 9, // discard 11, // systat 13, // daytime 15, // netstat 17, // qotd 19, // chargen 20, // ftp data 21, […]

26 Ağu 2016

Javascript Array.filter() Metodu ve Kullanımı

Önceki yazılarımdan birisinde array prototipinin .map() özelliğinden bahsetmiştik. Ayrıca göz atabilirsiniz. Bu yazıda bir diğer, kullanım alanı az olmasına rağmen kodlamayı hızlandıran array metodu filter()'ın nasıl kullanıldığından bahsedeceğim; Filter, array içinde, array ile alakadar verileri kullanarak, istenilen durumlara göre array'i filtrelemenizi sağlayan bir metoddur. Map metodu gibi, her array elemanı için boolean dönen bir fonksiyon […]

21 Ağu 2016

Javascript ile Klavye Tuşu ile Div Açıp/Kapatmak

Az önce gördüğüm bir mail'de, mantık olarak gayet basit olan küçük Javascript örneği üzerine bir soru aldım; Soru şöyle ki; klavyede bir tuşa basıldığında bir divi açmak veya kapatmak isteniyor. Burada kullanacağımız özellikler onkeydown olayı ve keyCode tanımlayıcısı. Mantıksal olarak, keyCode'u istenilen tuş olan tuşa basıldığında, dom elementini manipüle edeceğiz. Örneğimizde nasıl yapacağımızı görelim; var […]

20 Ağu 2016

Javascript Array.map() Metodu ve Kullanımı

Javascript array veri tipinde, her bir array elemanı için gerçekleştirilmesini istediğimiz fonksiyonlar olduğu durumlarda map() metodu gerçekten çok işe yarar bir özellik. var array = [5,10,22,4]; var array2Kati = array.map(function(sayi){ return sayi * 2; }); console.log(array2Kati); Konsol çıktısı: Array [ 10, 20, 44, 8 ] Buna ek olarak map() metodu ile yeni bir array döndürmek […]

10 Ağu 2016

Dexie.js ile Daha Rahat IndexedDB Kullanımı

Dexie.js, indexedDB için bir wrapper kütüphanesidir diyebiliriz. Eğer indexedDB kavramına yabancıysanız, indexedDB'yi, tarayıcılar tarafından standart olarak kullanılan client-side veritabanıdır diyebiliriz. Peki indexedDB'nin kendi programlama arayüzü yerine bir wrapper'ı neden kullanıyoruz? IndexedDB, aslına bakarsanız çok karışık ve javascript'in geliştiği kodlama yönüne göre farklı şekilde gelişmiş bir API, bu nedenle geliştiricilere yabancı veya itici gelebiliyor. Dixie.js ile […]