Posts tagged "angularjs"

Angular 2 Beta versiyonu yayınlandı, büyük değişiklikler yapıldı

Angular 2, beta versiyonu ile karşımıza çıktı. Beklenildiği gibi çok büyük değişiklikler var. Angular 1 versiyonu ile yazılmış uygulamalar, uygulamanın büyüklüğüne göre ya büyük çapta bir migration yapması gerekecek yada sıfırdan yazılması gerekecek. http://angulartr.com/angular-1-den-angular-2-ye-gecis/ yazısında migration’ ın nasıl yapılması gerektiğini anlatmıştım. Lakin projeden projeye göre, iş-verim dengesi değişebilir ve uygulamanızı sıfırdan yazmak daha az maaliyetli olabilir.

Continue reading

Laravel ve AngularJS kullanırken yaşayan {{}} curly braces sorununa çözüm

AngularJS ve Laravel’ in de template sistemi, data binding için aynı syntax’ ı kullanmaktadır. Şu şekilde;

Laravel ve AngularJS’ i kol kola kullanıp bir Single Page Application yaptığınızda bu durum ASLINDA çok fazla sorun çıkarmaz. Çünkü uygulamanızın frontend’ i serverdan HTML dosyasını render edilmeden alır ve kendisi render eder. Lakin, bir kısmı öncelikle backend’ te render edilmesi gereken bir yada birkaç şablonunuz mutlaka vardır. Örneğin main layout gibi. Kullanıcı sisteme giriş yapmış ise, kullanıcı bilgilerini bastırdığınız main layout.  Continue reading

AngularJS Filters | AngularJS Filtre Kullanımı

Merhaba, sıra geldi AngularJS’ in belki de data-binding’ ten sonraki en developer dostu özelliğine 🙂 karşınızda Filters!!!

Neden böyle dedim ?

En başa dönersek, taa http://angulartr.com/angularjs-nedir/ AngularJS’ in ne olduğunu anlattığım konuya. Eski zamanlarda yani Jquery, https://lodash.com/, vb kütüphaneleri projemize dahil ederek, javascript (ES5)’ in hantallığı, API’ sinin yetersizliğinden şikayet edip, çözüm aradığımız zamanlarda, işler ne kadar gına getiriciydi. Özellikle uygulamanızın front-end’i yüklüyse, backend ten pek çok case’ e göre gelen datayı doldur boşalt yapmak tam bir amelelikti. Her zaman kullanıcıya mavi ekran verecek bir senaryo gerçekleşme ihtimali vardı. Bu da yaptığınız işten soğumaya, ya bunun mantıklı bir ele alınışı olamazmı demenize sebep oluyordu. Taki AngularJS’ in data-binding yapısı ile bu karmaşıklıktan kurtulana kadar. Artık bu işleri AngularJS Framework ile ele alıp, sağlam bir yapı oluşturuyoruz. Detaylı bilgiler : http://angulartr.com/angularjs-binding/

Continue reading

AngularJS CORS Problemini aşmak için yql http interceptor modülü

Merhaba, daha önce http://angulartr.com/cors-problemine-cozum-yql/ adresinde de bahsettiğim üzere, backendless bir uygulama geliştirirken, kullandığınız api’ a istek gönderdiğinizde tarayıcınızın console’ unda No ‘Access-Control-Allow-Origin’ header is present on the requested resource” şeklinde bir hata alabilirsiniz. Her api için bu geçerli değil. Ama çoğunda bu geçerli.

Bu yazımda, kendi yazdığım modülü sizlere tanıtacağım.

Continue reading

AngularJS Performans arttırımı ve Production önerileri

AngularJS ile uygulamalarımızı yazarken, uygulamamızın en performanslı şekilde çalışması için yapmamız gereken bir takım ayarlar bulunuyor. AngularJS’ in yapısı, geliştiricilere olabildiğince esnek bir yapı sunmak üzere kurgulanmış, fakat geliştirme bitip, uygulamamızı production’ a aldığımızda, ince ayarlar yapmalıyız. Aşağıdaki listede bu ayarlardan ve kendi edindiğim tecrübelerden bahsedeceğim.

Continue reading

AngularJS ve yeni düzen web uygulamaları

AngularJS’ i daha doğrusu 2.versiyonu ile adı sadece Angular olacak Google destekli framework’ ün çalışmasını, ne işe yaradığını, vb sorulara cevapları aşağıdaki linkini verdiğim başlıklarda anlatmıştım. Lakin konumuzun başlığında da belirttiğim gibi yeni düzen’ i tek bir örnek ve açıklama ile anlatmak yetersiz oluyor.

http://angulartr.com/angular-baslangic/

http://angulartr.com/angularjs-nedir/

Bugün çok güzel hazırlanmış bir slide ile karşılaştım. İngilizce olan bu slide’ ı kendi örneklerimle de pekiştirerek size aktarmak istiyorum.

Continue reading

Angular – Başlangıç

AngularJS’ e yada 2.versiyonu ile adı sadece Angular olacak olan frontend framework’ nü öğrenmeye hoşgeldiniz. Angular nedir, niçin vardır ? Angular ile neler yapılır vb. deli sorulara yanıt bulmak için öncelikle AngularJS Nedir linkindeki konumuza gözatabilirsiniz. Kendinizi Angular’ ı öğrenmeye hazır hissediyorsanız hemen başlayalım. Çünkü sizinle paylaşacak bolca örneğim var 🙂

Continue reading