Windows 8 JavaScript ile Örnek uygulama ve Faydalı Bazı Siteler

     Merhaba arkadaşlar, son yazımda sizlere Html 5 ve Xaml hakkında bazı noktalardan bahsetmiştim, bunların avantajları ve dezavantajlarından bahsetmiştim, bu hafta da Windows 8 JavaScript ile örnek bir uygulama yapacağız ve sizlere Windows 8 JavaScript ile uygulama geliştirirken sizler için faydalı olabilecek birkaç site ismi vereceğim.

     Evet ilk olarak, proje taslaklarından Windows 8 JavaScript Navigation uygulaması açıyoruz. Yapacağımız uygulamada basit olarak bir kullanıcı girişi olacak ve kullanıcı girdiğinde kullanıcıya ait  kişisel bilgiler gösterilecek. Bu uygulama en basit seviyede olacak isterseniz yapacağınız eklemeler ile uygulamayı daha da geliştirebilirsiniz. Burada amaç JavaScript ile olan deneyimimizi geliştirmek.

Yazıyı Oku

Html 5 ve Xaml - Avantaj ve Dezavantajları

     Merhaba arkadaşlar, geçen hafta sizlere Windows 8 JavaScript uygulamalarında sayfa geçişlerinden bahsetmiştim, bu hafta da sizlere Windows 8 için uygulama geliştirirken kullandığımız Html 5 ve Xaml kullanımından, bunların avantajlarından ve dezavantajlarından bahsedeceğim.

     İlk olarak bu kavramlar üzerine biraz değinelim. Html 5 bugün web sitelerini yapmak için de kullandığımız en basit dillerden birisi. Bunu aynı zamanada Windows 8 için JavaScript ile uygulama geliştirirken de görüyoruz. Sayfamızın tasarımını Html tarafında yapıp, arka plan kodlarını da JavaScript ile yazabiliyoruz. Bunun yanısıra, Windows 8 ile uygulama geliştirirken C Sharp gibi nesneye yönelik diller de kullanabiliyoruz. İşte bu uygulamalarda da tasarım kısmını Xaml denilen sayfalarda yapıyoruz. Bu sayfalar temelde xml görünümlüdür.

     Şimdi sizlere bu iki yöntemden de bahsedeceğim. İlk olarak Xaml ile uygulama geliştirmiş bir yazılımcının tecrübelerine göre, Xaml kullanarak halledemeyeceğiniz şeyin çok az olduğu söyleniyor. Bu da bir programcının kabiliyet alanını genişletebildiği için faydalı bir nokta olarak göz önünde bulundurulabilir.

Yazıyı Oku

Windows 8 Uygulamalarında Sayfa Geçişleri (Page Navigation)

     Merhaba arkadaşlar, geçen hafta sizlere Windows 8 JavaScript uygulamalarında Application Data ve Session kavramlarının neler olduğundan ve bunları nasıl kullanabildiğimizden bahsetmiştim. Bu hafta da sizlere Windows 8 JavaScript uygulamalarında sayfalar arasındaki geçişten bahsedeceğim. Bu sayfa geçişleri aslında temel olarak bir web sayfasının geçişlerinden farklı sayılmaz. Ancak sayfalar arası geçiş için kullanabileceğimiz birkaç yol daha mevcut. Bu hafta elimden geldiğince sizlere bu konu hakkında bilgi vermeye çalışacağım.

     Normal web sitelerinde basit bir şekilde sayfalar arasında geçiş yapmak istiyorsak bunu kullanacağımız 'a' tagleri içerisinde belirtebiliriz. Bu tagın 'href' özelliğine gitmek istediğimiz sayfanın urlsini verdiğimizde bu linke tıklanıdğında verilen urlye sayfa yönlendirilecektir. JavaScript ile Windows 8 uygulaması geliştirdiğimizde de yine aynı şekilde uygulamamızın Html tarafında bu tagleri kullanarak diğer sayfalara geçiş yapabiliriz. Bunun için Html kodlarımızın arasında aşağıdaki gibi kodu ekleyebiliriz:

 <a href="page2.html">link to page 2</a>  

     Bu şekilde sayfamıza  gidebiliriz ancak bunun Windows 8 JavaScript uygulamalarında kullanılmaması bazı yerlerde bazı nedenlerden dolayı pek tavsiye edilmemektedir. Çünkü kullanıcı bu linke tıklayarak diğer bir sayfaya gittiğinde bir önceki sayfa ile alakası kalmamaktadır ve ileri seviye bir uygulama geliştirirken bu istemeyeceğimiz bazı problemlere neden olabilir. Bunun yerine Visual Studio'nun bize sunduğu bazı taslak projelerden gitmek daha mantıklı olacaktır.

Yazıyı Oku

Windows 8 JavaScript Uygulamalarında Application Data ve Session Kullanımı

     Merhaba arkadaşlar, geçen hafta sizlere Windows 8 JavaScript uygulamalarında veri bağlama olayının nasıl yapıldığından örneklerle bahsetmiştim. Bu hafta da sizlere Application Data ve Session kullanımından bahsedeceğim. Öncelikle bu kavramların ne olduğundan biraz bahsedelim. Application Data ve Session uygulamalarımızdaki önemli bir ayarı veya kullanıcı bilgileri gibi verileri saklayabileceğimiz yapılardır. Kullanıcı uygulamayı tekrar çalıştırdığında eski ayarlarının gelmesi vs. bunlarla yapılabilir. Konunun açıklamasına geçmeden önce sizlere biraz Windows 8 uygulamalarının nasıl çalıştığından, kullanıcı uygulamayı kapattığında temelde ne gibi olaylar olduğundan biraz bahsedeceğim.

     Kullanıcı başka uygulamalar arasında gezinirken diğer uygulamalar temelde askıya alınır. Kullanıcı geri geldiğinde uygulama sanki hiç kapatılmamış gibi kendi yaptığı değişiklikleri görebilir. Bazen de Windows o an kullanılmayan bir uygulamayı hafızdan yer edinmek için tamamen kapatabilir bu durumda uygulama askıya alınmış değil tamamen kapatılmış olur. İyi bir kullanıcı deneyimi sunmak için uygulama sanki hiç kapatılmamış, kullanıcının yaptığı değişiklikler korunmuş olarak kullanıcıya bir uygulama sunmamız gerekir, aksi takdirde kullanıcı uygulamaya tekrar döndüğünde yaptığı değişiklikleri göremezse uygulamaya olan güveni azalır bu da programcının kullanıcı kaybetmesine sebep olabilir. İşte kullanıcı uygulamaya geri döndüğünde biz kullanıcıya ait bu bilgileri tekrar getirmemiz gerekir. Bu bilgiler de Application Data ve Session denilen yapılarda saklanır.

Yazıyı Oku

Windows 8 JavaScript Veri Bağlama

     Merhaba arkadaşlar, geçen hafta sizlere Windows 8 JavaScript uygulamalarında 'promise' kullanımından bahsetmiştim. Bu hafta da sizlere Javascript ile veri bağlama konusundan bahsedeceğim.

     Bunun için Visual Studio'dan yeni bir Windows 8 JavaScript projesi açıyoruz. Açtığımız proje içersine html diye bir klasör ekliyoruz. İçerisine iki adet html dosyası ekliyoruz, birinin adını "_BasicBinding.html"
ve diğerinin adını da "_TemplateControl.html" olarak değiştiriyoruz.
İçerisine de iki adet JavaScript dosyası ekliyoruz. Birinin ismini "_BasicBinding.js" olarak değiştiriyoruz ve diğer JavaScript dosyamızın ismini de "_TemplateControl.js" olarak düzenliyoruz.

     '_BasicBinding.html' dosyasını aşağıdaki gibi düzenliyoruz:

Yazıyı Oku

Windows 8 Uygulamalarında Promise Kullanımı

     Merhaba arkadaşlar, geçen hafta sizlere Application Bar ve Message Dialog kullanımından bahsetmiştim. Bu hafta da Windows 8 JavaScript uygulamaları geliştirirken Promise kullanımından bahsedeceğim. Promise JavaScript uygulamalarında asenkron uygulamalar geliştirirken kullanılır. Bu yüzden öncelikler sizlere asenkron programlama nedir bundan kısaca bahsetmek istiyorum ki konuya geçmeden önce kafamızda bazı şeyler oluşsun.

     Asenkron programlama uygulamalarımızın belirli bir süre içerisinde cevap verdiği noktalarda oluşmaktadır.  Örneğin; internet üzerinde bir Http isteği atarken uygulamanın internete bağlanması ve gelecek cevabı beklemesi gerekir. Bu işlem biraz zaman alabilir ve bu zaman zarfında eğer asenkron programlama yapmazsak kullanıcı başka bir işlem yapamaz ve bu da uygulamalarımızda kullanıcı kaybetmemize sebep olabilir. Aynı anda başka işlemler yapabilmek istiyorsak asenkron programlama yapmamız gerekir.

Yazıyı Oku

Windows 8 JavaScript Uygulamarında Application Bar ve Message Dialog Kullanımı

     Merhaba arkadaşlar, geçen hafta Windows 8 uygulamalarında JavaScript kullanarak ilk uygulamamızı yapmıştık, bu hafta da sizlere uygulamalarımızda Application Bar ve Message Dialog kullanımından bahsedeceğim.

     İlk olarak Message Dialog kullanımına değinelim ve daha sonra Application Bar kullanımına değindikten sonra her iki kontrolü de içeren bir uygulama yapalım. Message Dialog herhangi bir düğme veya diğer kontrollerin olaylarında kullanıcıya bilgi vermek amacı ile ekrana çıkarılan bir diyalogdur. Görünümü aşağıdaki gibidir:

Yazıyı Oku

Windows 8 JavaScript ile İlk Uygulamamız

     Merhaba arkadaşlar; geçen hafta sizlere Windows 8 uygulamalarını JavaScript ile geliştirirken kullandığımız kontrollerden bahsetmiştik. Aslında bu kontrollerin çoğunluğu klasik bir web sayfası geliştirirken kullandığımız kontroller ile aynıydı. Bu hafta da ilk basit uygulamamızı geliştireceğiz.

     Bunun için ilk olarak Visual Studio programını açıyoruz ve yukarıdaki menüden File->New->Project yolunu izliyoruz.

Yazıyı Oku

Windows 8 Javascript Uygulamalarındaki Kontroller

     Merhaba arkadaşlar, geçen hafta Windows 8 uygulamalarını Javascript ile geliştirme konusuna genel bir giriş yapmıştım bu hafta da Windows 8 uygulamalarını Javascript ile geliştirirken kullanacağımız kontrollerden bahsedeceğim. Bu kontrol aslında html kontrolleri ile aynı, yani html bilenler bu konuda pek sıkıntı yaşamayacaktır.

     Visual Studio ile yeni bir Windows 8 Javascript uygulaması açtığımızda araç kutusunda (toolbox) aşağıdaki kontrolleri görüyoruz:

Yazıyı Oku

Windows 8 Uygulamalarında Javascript Kullanımına Giriş

     Merhaba arkadaşlar, en son yayınımda sizlere Windows 8 uygulamalarında veritabanı kullanımına ilişkin konudan bahsetmiştim. Bu haftadan itibaren sizlere Javascript kullanarak Windows 8 uygulamaları geliştirmeye yönelik konulardan bahsedeceğim. Bu hafta genel bir giriş niteliğinde olacak ilerleyen haftalarda  
temel konulara değinip örnek uygulamalar yapacağız.

     Javascript kullanarak Windows 8 uygulaması geliştirmek istiyorsak Javascript hakkında daha önceden biraz bilgi sahibi olmamız bize kolaylık sağlayacaktır. Bu konuda aşağıdaki siteden faydalanabilirsiniz:
http://www.w3schools.com/js/js_examples.asp

       Jquery kodlarını da Windows 8 uygulamalarına entegre ederek kullanılan uygulamalar vardır ancak Windows 8'in bize sağladığı metodlarla da bunları yapabilmemiz mümkün olacaktır. Öncelikle sizlere Visual Studio ile gelen uygulama stillerinden bahsedeceğim, Visual Studio ile Javascript seçerek Windows 8 uygulaması açarken karşımıza 5 adet seçenek çıkacaktır. Bunlardan proje yapımıza en uygun olanı seçerek başlayabiliriz.

Yazıyı Oku