Javascript Kategorisi

04 Eyl 2017

Otomatik Arama Tamamlama Sistemi Mantığı (HTML/CSS/JS)

Küçük bir yan projem için otomatik arama tamamlama sistemi implement etmem gerekiyordu. Bu tür bir sistem oluşturmadan önce her zaman için çok zaman alacağını düşünüp kendime stres yapmama rağmen çok da karışık veya uzun süren bir sistem olmadığını, sadece adımları doğru takip etmek gerektiğini düşünerek bu adımları sıralayacağım bir yazı yazmak mantıklı olabilir diye düşündüm. […]

03 Eyl 2017

Javascript ile Malware Scriptler ve Tersine Mühendislik

Blogumdaki bu yazı ile birlikte yaklaşık 1 ay sürdürmeyi planladığım, o gün içerisinde karşılaştığım en ilgi çekici olduğunu düşündüğümü bilgiyi veya veriyi her gün bu blogda paylaşmayı planlıyorum. Bu yazıda paylaşacağım konu ise Javascript ile kodlanmış malware scriptler olacak. Youtube'da Colin Hardy isimli bir siber güvenlik üzerine videolar yapan kanala rastgeldim. Kanalda birçok farklı alanda […]

07 May 2017

iOS Safari: SVG Elementlerinde Manipülasyona İzin Vermiyor

En son yazdığım 2 yazı iOS Safari üzerinde çalışırken karşılaştığım sorunlar ile alakadardı. Bu yazı da aynı şekilde iOS Safari'nin bir diğer saçmalığı konusunda not düşmemden ibaret. iOS Safari: SVG Elementine CSS Filter Uygulamak Elementi Yok Ediyor iOS Safari: HTML5 Video Thumbnail .load() Kullanmadan Yüklenmiyor! Yeni karşılaştığım sorun, SVG elementi ve SVG elementi içerisindeki elementlerin […]

04 Mar 2017

iOS Safari: HTML5 Video Thumbnail .load() Kullanmadan Yüklenmiyor!

HTML5 video elementini kullandığım ve iOS safari'de çalışması gereken bir proje üzerinde çalışırken fark ettiğim bir durumu sizlerle paylaşmak istiyorum. Video elementine aşina olmayanlar için küçük bir hatırlatma yapalım; HTML Kodu; <video width="320" height="240" controls id="video"> <source src="video.mp4" type="video/mp4"> </video> Javascript Kodu; let video = document.getElementById("video"); video.play(); // Video'yu başlatacak. video.pause(); // Video'yu durduracak. Benim […]

24 Eki 2016

iOS Safari ve WebView’de Rubber Band Efektini Kaldırmak

Web sitesi veya uygulaması Safari üzerinde çalışırken, yukarı doğru kaydıracak bir içerik olmamasına rağmen kullanıcı yukarı doğru kaydırdığında oluşan elastik "daha fazla yukarı gidemezsiniz" durumuna Rubber band effect diyoruz. Bu efekti bazı durumlarda, özellikle webview üzerine gömülü Cordova benzeri sistemlerde kaldırmanız gerekebilir. Bu yazıda birkaç şekilde bu efekti nasıl de aktive edebileceğimiz üzerine birkaç not […]

02 Eki 2016

SVGO – SVG Optimize Etme/Sıkıştırma Aracı

SVGO, nodejs ile yazılmış, svg vektör grafiklerinini kayıpsız sıkıştıran, (optimize eden) güzel bir konsol uygulaması. Ayrıca nodejs tabanlı olması açısından, Javascript uygulamarı içerisine de istenirse rahatlıkla gömülebiliryor. npm install -g svgo Komutu ile npm üzerinden global olarak yükleyerek konsol uygulaması olarak kullanabilirsiniz. Konsol uygulamasında bilmeniz gereken bazı komuşlar şu şekilde; svgo [Secenekler] [Argumanlar] // Genel […]

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 […]