Ana içeriğe atla

Kayıtlar

Şubat, 2016 tarihine ait yayınlar gösteriliyor

JavaScript - Dizilerde FILTER Kullanımı

Javascript dilinde diziler üzerinde sorgulama yapmak için for, while, do while yada foreach döngüsünü kullanmaktansa doğru yöntem filter metodunu kullanmaktır. Bu metodu kullanmak kodunuz okunabilirliğini artıracak aynı zamanda kodunuz daha profesyonel görünmesi ne yardımcı olacaktır. Filter'ler adından da anlaşılacağı gibi dizi içindeki verilere filtre uygulamayı sağlayan bir metottur. Bu metot içine parametre olarak gönderilen metotla dizi içinde filtreleme yapılarak istenilen verilere ulaşılabilir. Filtreler aynı zamanda verilerin istenilen formatta gözükmesi için de kullanılır. Örneğin dizideki bir özellik tarih verisi ise bu veriyi istediğimiz tarih formatında göstermek için filter metodunu kullanabiliriz. JavaScript için yazılmış birçok framework içinde de kendi filtreleme kütüphaneleri vardır. Bunlardan en çok kullanılanı ve tercih edileni de AngularJS'in sahip olduğu filtreleme mantığıdır. Biz bu makalemizde ise saf JavaScript içinde bulunan filtreleme mantığını örnek

Javascript - Dizilerde Arama Yapmak

JavaSript dilinde diziler ile çalışırken dizi içindeki bir özelliğe göre dizi içinde arama yapmak isteyebiliriz. Aşağıdaki örneği inceleyerek siz de kendi fonksiyonunuzu yazabilirsiniz. Elimizde aşağıdaki gibi bir dizi olduğunu düşünün. Dizi tanımlaması AngularJS kullandığım için aşağıdaki gibi tanımladım. Eğer bu frameworku kullanmıyorsanız normal javascript değişken tanımlama veya kendi frameworkünüze göre tanımlayın. Eğer değişkeni JSON objesi olarak tanımladıysanız aynı işlemleri yapabilirsiniz. 

Javascript - Dizilerde Maximum Değer Bulma

JavaSript dilinde diziler ile çalışırken dizi içindeki bir özelliğin maximumunu veya en büyüğünü bulmak isteyebiliriz. Aşağıdaki örneği inceleyerek siz de kendi fonksiyonunuzu yazabilirsiniz. Elimizde aşağıdaki gibi bir dizi olduğunu düşünün. Dizi tanımlaması AngularJS kullandığım için aşağıdaki gibi tanımladım. Eğer bu frameworku kullanmıyorsanız normal javascript değişken tanımlama veya kendi frameworkünüze göre tanımlayın. Eğer değişkeni JSON objesi olarak tanımladıysanız aynı işlemleri yapabilirsiniz. 

Visual Studio JavaScript Debug - JavaScript Kod Analiz Teknikleri

Çoğu yazılım geliştiricisinin kabul ettiği bir şey var ki, hızlı ve kolay kod yazmak için en gelişmiş imkanlar sunan IDE Visual Studio'dur.  İster Microsoft destekli programlama dillerinde yazılım geliştirin, isterse de diğer programlama dilleri ile Visual Studio yazılım geliştiricilerinin işini çok kolaylaştırır.  Diğer taraftan 1995'ten itibaren web dünyasının popüleriliğini hiç kaybetmemiş dili JavaScript . JavaScript ile çalışan çoğu yazılım geliştiricin en çok sıkıntı yaşadığı durumlarda bir tanesi belki de diğer programlama dillerinde olduğu gibi kodu debug edememe olabilir. Oysa bir programlama dilinde minimum hatayla kod yazabilmenin anahtarı çoğu zaman kodu gidişatını satır satır incelemek olabilir. Bu makalemizde Javacript programlama dilinde debug tekniklerini ve bu tekniklerini, JavaScript programlama dilinde kod analizinin nasıl yapıldığını ve Visual Studio ile JavaScript Debug konusuna değineceğiz. 

Git Yardım Komutunu Etkili Kullanmak

Git barındırdığı yardım içeriği ile,  yardıma ihtiyaç duyduğunuz zaman en önemli yardımcınız olabilir. Git’i console ekranından kullanıyorsanız bu makale sizin için faydalı olacaktır. Ayrıca Git yardımını etkili kullanabilmek için console ekranında çalışma konusunda tecrübeniz olmalı. Ayrıca biraz da git konusunda tecrübeli olmalısınız. Buna rağmen biraz altyapınız varsa, sadece git yardımını kullanarak da Git’i öğrenebilirsiniz. Eğer console ekranı değil de GUI kullanıyorsanız muhakkak ki, kullandığınız yazılım içinde Git yardımı için mekanizma vardır. 

JavaScript - Metin İçindeki Gereksiz Karakterleri Atma

JavaScript ile çalışırken çok kullanacağız işlemlerden bir tanesi de metin içerisindeki gereksiz karakterlerden kurtulmak olabilir. Örneğin dinamik bir şekilde metinden ID oluşturduğunuzu düşünün. ID değeri için sadece ingilizce karakterler ve rakamlar girebildiğiniz için dinamik şekilde gelen metinden gereksiz karakterleri temizlemek gerekiyor. Aşağıdaki hazır fonksiyonu kullanarak bu işlemleri kolayca yapabilirsiniz. Benim örneğimde klavye üzerinde bulunan tüm karakterler yer alsa da bu işlemde gerekli diğer karakterleri, veya eklemek istemediğiniz karakterleri diziden çıkarmak ta size kalmış. İsterseniz bu hazır kodları değiştirerek kendi kütüphaneniz haline de getirebilirsiniz.

JavaScript - Split Metodu Kullanımı

Metin üzerinde işlem yapmak doğal bir gerekliliktir. Hangi proje olursa olsun bir gün bu metodu kullanmak gerekebilir. Özellikler verilerin düz string şeklinde belirli ayraçlarla gönderildiği durumlarda en kullanışlı fonksiyonlardan bir tanesi de split metodudur. Bu metot basitçe sizin verdiğiniz ayraca göre metni parçalara böler ve bir diziye dönüştürür.Bu metodun 3 kullanım şekli vardır. Bunlardan birinci hiç parametre olmadan, ayraç parametresi ile birlikte kullanımı ve ayraç ve seçilecek eleman sayısı parametreleri ile birilikte kullanımı. Bu üç kullanımı da örnekler üzerinden detaylı inceleyelim. Örnek metin olarak "Information Universe of Alizade ZADE" metni üzerinde işlemleri yapalım. 

Web Sitelerinde Yüksekliği Ekran Boyutuna Göre Ayarlamak veya Sabitlemek

Web sitesi yaparken kullandığınız template'lerden bağımsız olarak özellikle SPA’da (Single Page Application) ekran yüksekliğini kullanıcın bilgisayarının yüksekliğine göre ayarlamak isteyebilirsiniz. Bu makalede bunun nasıl yapılacağını örnekle açıklamaya çalışacağım. Projelerimde JQuery kullandığım için bunu JQuery kütüphanesini kullanarak yapacağım. Eğer siz JQuery kullanmıyorsanız veya başka kütüphane kullanıyorsanız da bu işlemleri kendi kütüphanenize göre manipüle edebilirsiniz. Yaptığım işlemlerde JQuery kütüphanesini sadece verdiğim ID değerine ulaşmak ve bu değerin boyutunu manipüle etmek için kullanıyorum. İsterseniz fazla laf kalabalığı yapmadan konuyu örnek üzerinden anlatayım. Örnek olması açısından gerekli kodları verdikten sonra açıklamasını yapacağım.

JavaScript - toString Metodu Kullanımı Ve Kullanım Yerleri

Javascript programlama dilinde değişken tanımlaması için var kullanıldığı için ve bu değişken türlerinin otomatik algılanması javascript engine'ler tarafından yapıldığı için ilk başta bu metodu kullanmak gereksizmiş gibi gelebilir. Ama özellikle string değişkenleri üzerinde işlemler yaparken değişkenler her zaman otomatik olarak stringe çevrilmeyebilir. Bu cümle biraz karışık olabileceği için anlatmak istediğim konuyu örnek üzerinden açıklayalım. Örneğin bir var değişkeni tanımladınız ve bu değişken üzerinde split işlemi yapacaksınız. Bu tanımlamada bir sorun yaşamadan işlemlerinizi halledebilirsiniz. Ama örneğin metod içinde gelen değeriniz türü belli değilse o zaman split ve başka metin işlemlerini toString()  metodunu kullanarak yapamayabilirsiniz. Bizim örneğimizde de metoda rowInfo diye bir değişken geldiğini ve bu değişken üzerinde işlem yapıyoruz. 

CSS - Yükseklik Ve Genişlik Ayarları

Bu makalemizde, CSS önemli ve çok kullanılan özelliklerinden biri olan genişlik ve yüksekliğin ayarlanması için height, width, min-height, max-height, min-width ve max-width özelliklerini anlatacağım. Bu özellikleri kısaca açıklayacak olursak: height: yükseklik değerlerini ayarlamak için kullanılır. width: genişlik değerlerini ayarlamak için kullanılır. min-height: yükseklik için olabilecek minimum değerleri ayarlamak için kullanılır. max-height: yükseklik için olabilecek maksimum değerleri ayarlamak için kullanılır min-width: genişlik için olabilecek minimum değerleri ayarlamak için kullanılır max-width: genişlik için olabilecek maksimum değerleri ayarlamak için kullanılır.

Web Site Görünümünü ID Kullanarak Özelleştirme

Web sitesi tasarlarken belirli bir alanının görünüm özelliklerini değiştirirken az tercih edilen yöntemlerden bir tanesi de etikete verilen ID değerlerine göre görünümü özelleştirmektir. Bu yöntem web sitesi tasarlarken profesyonel tasarımcıların tercih etmediği bir yöntemdir. Bunun temel nedenlerinden bir tanesi de web siteniz büyüdükçe ID değerlerini takip etmeniz zorlaşır ve belirli bir süre sonra projenizde kod kalabalığı veya kod çirkinliği oluşmasına neden olur. Aynı zamanda verdiğiniz ID değerlerini de takip etmeniz gerekiyor. Çünkü aynı ID değerine sahip birkaç kod bloğunun olması web sitenizde sorunlara yol açabilir. Genelde ID değerleri JavaScript ile birlikte kullanılabilmek için kod bloklarına eklenir. Bunun temel nedeni de bir kod bloğunun yapacağı işlemleri tekilleştirmektir. Tüm bu olumsuzluklara rağmen bazen ID bazlı görünüm ayarlamasının kullanışlı olduğu durumlar da olabilir.

Web Site Görünümünü Class Kullanarak Özelleştirme

CSS Class Kullanımı Web site görünümü özelleştirirken en çok kullanılan ve profesyonel tasarımcılar tarafından tercih edilen yöntem class yapısını kullanarak kod bloğuna erişmektir. En çok kullanılan Görünüm kütüphanelerinden olan Bootsrap ya da Foundation yapılarına da dikkat ederseniz  bu yapılarda da görünümü özelleştirmek için class’ların kullanıldığını görebilirsiniz. Classları kullanmak aynı zamanda yaptığınız özel görünümleri kütüphane halinde toplayarak birçok projede tekrar tekrar kullanmanıza yardımcı olur. Ayrıca class yapılarındaki bir çok class tanımlamasının aynı anda kullanılabilirliği avantajından dolayı, mümkün olduğunca tüm görünümleri ayrı ayrı parçalara bölmekte fayda var. Örneğin kalın görünümlü bir kod bloğu için bold-text diye bir tanımlama yapılabilir. Class yapılarını iyi öğrenmek aynı zamanda CSS konusunda kullanacağınız kütüphaneleri daha etkili kullanabilmek için de çok önemlidir. 

Örneklerle Bootsrap Collapse Kullanımı Ve Mantığı

Bu makalemizde Front-End developer'lar tarafından en çok tercih edilen CSS kütüphanelerinden biri olan Bootsrapta collapse'nin nasıl kullanıldığı ve uygulandığını anlatacağım. Öncelikle belirtmem gereken önemli konulardan bir tanesi de collapse işlemini uygulamak için tek yöntem bootsrap collapse kullanmak değil. Ama uygulaması açısından ve en basit olanı budur. Kütüphane tarafından sağlanan yazılım formatı doğru uygulandığı sürece bu işlemi yapmak çok basittir. Collapse işlemini de kısaca açıklayacak olursak bir butona veya bir söze tıklandığında altına veya web sayfasının her hangi bir yerinde belirli bir şeyin aktif olması gibi anlayabilirsiniz.

Örneklerle JavaScript Lambda Expression Kullanımı

Javascript programlama dilinde diğer programalama dillerinde olduğu gibi (örneğin C# olduğu gibi) Lambda Expression yapısı olmasa da JavaScript dilinin esnek yapısı sayesinde bu yapya benzer ifadeleri program yazarken kullanabiliriz. Bildiğiniz gibi Lambda Expressionlar belirli bir dizide sorgulama ya da filtreleme yapmamıza imkan sağlar. JavaScript dilinde filter metodu ile birlikte diğer programlama dillerinde olan Lambda Expression'lara benzer yapıyı kullanabiliriz. Ne demek istediğimi anlatabilmek için bir örnek üzerinden konuyu inceleyelim. Aşağıdaki gibi bir dizi verildiğini düşünün. Bu dizi üzerinde filtreleme yapmak için JavaScript Lambda Expressionları kullanacağız. Bu kullanım üzerinden JavaScript Lambda Expressionların ne olduğunu açıklayacağız.