Angular 1.x Sonrası ve Angular 2

25 Oca
Google tarafından geliştirilen AngularJS geliştirme çatısında AngularJS 1.x ve Angular2 şeklinde bir ayrıma gidildi. Bu ayrım yaklaşık iki sene önce başladı ve bugün sonuçlarını değerlendirme fırsatım oldu. Stack Overflow tarafından 2015-2016 yılında ölçülen ve 50.000 geliştiricinin katıldığı anket sonuçlarına göre ortaya çıkan...
Read more »

JQuery event.stopPropagation() ve event.preventDefault() metodları

23 Ara
JQuery ile event yakalama işlemleri sırasında iç içe geçmiş HTML elementleri sırasında istemeden bazı karışıklıklara neden olabiliriz. Bu karışıklıklardan bir tanesi, bir elementteki event tetiklendiğinde onun üst elementlerinde de olayın tetiklenmesidir. event.stopPropagation() Örneğin bir unorderedlist (<ul>) ile çalışırken listedeki bir...
Read more »

Javascript Touch Events

22 Haz
Javascript kullanana uygulamaları kişisel bilgisayarların tarayıcılarında kullanırken yakalanabilen mouse olayları(events)mobil platforlarda mümkün olmamaktadır. Bunun yerinde mobil veya dokunmatik platformlarda touch(dokunma) olayları yakalanabilmektedir.   Mouse hareketlerinde olduğu gibi dokunmatik ekranlarda da javascriptin bizlere sunduğu touch down, touch move, touch end gibi olay yakalama(event handling) seçenekleri vardır....
Read more »

Angularjs Custom Directive Serisi-5 Direktif Kalıtımı

12 Eki
Direktiflerin Tanımlanması Direktif Restriction Yapısı Scope Ayrımı Ayrılmış Scope Tarafına Erişim Direktif Kalıtımı (Inheritance) Angularjs direktif serisinin beşinci bölümü direktiflerin kalıtımı(directive inheritance) hakkında olacak. Direktif kalıtımı, mevcut bir direktifin özelliğini kullanarak yeni bir direktif oluşturmak istediğimizde kullanabileceğimiz bir özelliktir. Direktiflerin kalıtımı controller birimlerinin paylaşımı şeklinde...
Read more »

Angularjs Custom Directive Serisi-4 Ayrılmış Scope Tarafına Erişim

9 Eki
Direktiflerin Tanımlanması Direktif Restriction Yapısı Scope Ayrımı Ayrılmış Scope Tarafına Erişim Direktif Kalıtımı (Inheritance) Angularjs direktif serisinin üçüncü bölümünde scope ayrımı üzerinde durmuştuk. Bu bölümde ise ayrılmış(isolated) scope bölgelerine dışarıdan erişimin nasıl yapılacağı üzerinde duracağız. Bir direktifin scope ayrımını yaparken direktif nesnesine scope:{} şeklinde bir üye...
Read more »

Angularjs Custom Directive Serisi-3 scope izolasyonu

8 Eki
Direktiflerin Tanımlanması Direktif Restriction Yapısı Scope Ayrımı Ayrılmış Scope Tarafına Erişim Direktif Kalıtımı(Inheritance) Angularjs direktif serisinin üçüncü bölümü direktiflerin scope ayrımı(isolate scope) hakkında olacaktır. scope ayrımı yapılırken iki önemli nokta vardır. Birincisi direktifin üst scope bölgelerinden ayrıştırılması. İkincisi direktiflerin ortak scope bölgelerinden ayrıştırılmasıdır. 1-Direktifin Üst...
Read more »

Angularjs Custom Directive Serisi-2 Direktif Restriction Yapısı

6 Eki
Direktiflerin Tanımlanması Direktif Restriction Yapısı Scope Ayrımı Ayrılmış Scope Tarafına Erişim Direktif Kalıtımı (Inheritance) Angularjs direktif serisinin ikinci bölümünde direktiflerin restrict üyesi üzerinde duruyor olacağız. Bir direktif için restriction tanımlaması onun görünüm tarafında ne şekilde kullanılacağının göstergesidir. Direktif nesnesinin dört farklı restrict şekli vardır....
Read more »

Angularjs Custom Directive Serisi-1 Direktiflerin Tanımlanması

5 Eki
Direktifler Angularjs framework yapısı içerisindeki en önemli kavramlardan biridir. Direktifler HTML attribute ve elementler ile ulaşılabilen yeniden kullanılabilir ve test edilebilir kod blokları oluşturmayı sağlar. Bu yazının konusu Angularjs direktifleri konusuna giriş niteliğinde olup, direktifler ile ilgili bir yazı dizisinin de başlangıcıdır....
Read more »

Webstorm smartest javascript IDE

1 Eki
Jetbrains ürünleri bir geliştiricinin alet çantasında olması gereken başlıca araçlardandır. Bu yazıda frontend geliştirme aracı olan Webstorm ürününden bahsedeceğiz. Webstorm sloganı “smartest javascript IDE” yani “akıllı javascript IDE” şeklindedir. Bu sloganın hakkını verdiği kanısındayım. Javascript dili özelliklerini tanıması ve birçok javascript...
Read more »