Hybrid ile Read File

Herkese selamlar,

     Dosyadan yazma ve okuma işlemlerini ilk c++ ile gerçekleştirdim. O zamanlar bana oldukça zor ve karmaşık gelen bir işlemdi. Zamanla kolay olduğunu anladım ve farklı diller ile gerçekleştirmeye başladım.

     Bugünde sizler için dosyadan okuma işlemini hybrid ile yapacağız. Dosya işlemlerinin mantığını anladığınız takdirde zor olmadığını sizlerde anlayacaksınız.

Evet Başlayalım !!

    Tabii ki sayfa ilk açıldığında arka planda load fonksiyonlar hemen devreye girmeli ve okuma işlemini hazır hala getirmeli. İşte load fonksiyonlar.

     function FileSystemFail(evt) {
        alert('Error:' + evt.error.code.toString());
    }
   
    function GetFileEntryReader(fileEntry) {
        fileEntry.file(ReadFile, FileSystemFail);
    }
    function ReadFile(file) {//Okuma işlemini gerçekleştiren fonksiyon.
        var reader = new FileReader();
        reader.onloadend = function (evt) {
            viewModel.txtValue(evt.target.result);
            alert('Okuma tamamlandı');
        };
        reader.readAsText(file); 

}

    Yukarıdaki fonksiyonlarda bilmediğiniz örneğin FileReader gibi terimler varsa öncelikle dosya okuma işlemini araştırınız.

    Butona basınca okuma işlemini gerçekleşmesi için de  (elbette ki en önemli nokta hybrid için bu kısım oluyor) aşağıdaki fonksiyonu yazarız. Buradaki application1 yerine kendi proje isminizi yazmanız gerekli.

 onButtonReadClick: function (e) {
            if (Application1.fileSystem == null) {
                alert('Dosyaya ulaşılamadı');
                return;
            }
            Application1.fileSystem.root.getFile("satirarasicode.txt", { create: true }, GetFileEntryReader, FileSystemFail);
        }

    Biraz daha bakıp araştırırsanız yukarıdaki kodların çok işe yarar olduğunu anlayacaksınız. Şimdilik bu kadar...

Görüşmek üzere....

"Use Strict " Mode Nedir ?

     

     Devextreme kullanmaya başladığım sıralarda .js sayfasının en başında "use strict" yazısıyla karşılaştım. ve silme ihtiyacı hissetim. ve sildiğimde herhangi bir hata almadım. O yüzden her gördüğüm yerden sildim. Bence bir sorun yoktu ve bu yazı çok gereksizdi...

     Oysa amacı çok büyükmüş !! Bizleri belli kurallar çerçevesinde kod yazmaya ve bug oluşmasını minimuma indirgemeye çalışıyormuş. Ayrıca oluşan hataları kolayca ayıklamamıza yardım ediyor. javascript kod yazım/kullanım kod standardı olan Ecmascript’in Ecmascript5 versiyonu ile Strict Mode (SM) kullanıma sunuldu. "Use strict" bir komut değildir.

Tüm fonksiyonlar için geçerli olması isteniyorsa fonksiyonların dışına yazın.
"use strict";

function test() {

}

function testiki() {

}

 Tek bir fonksiyon için geçerli olması isteniyorsa fonksiyonun başına yazın.

function test() {

"use strict";
}

    Neden “use strict” kullanmalıyız ? Çünkü  JavaScript’i daha güvenilir hale gelir. Normalde hata olarak algılanmayan  kötü syntax ları  hataya çevirir. Bu durumda onu değerli kılar. Tercih tabii ki size ait. Bana soracak olursanız ben kullanmayı tercih ediyorum. 

Görüşmek üzere...

Devextreme ve Css

Herkese selamlar,

     Devextreme ile tasarım yapmak düşündüğünüz kadar kolay değil. Çünkü ios ve android telefonlar için farklı css dosyaları mevcuttur.  Bu yüzden yaptığınız tasarımlar elbette birbirinden farklı olmak zorunda. Tabii ki bazı ortak tasarımlar mevcut. Buton tasarımından textbox tasarımına kadar farklılıklar olduğunu göreceksiniz. Sizde benim gibi tasarım ile  yani css ile uğraşmaktan zevk alıyorsanız bu iş pekte canınızı sıkmamıştır.

     Devextreme içerisinde birden fazla css dosyası içermektedir. Fakat en önemli css dosyaları ebetteki android ve ios tasarımını içeren dosyalar.  İçerisinde her tool için css içermekte . Basıldığında nasıl olsun, basıldıktan sonra nasıl olsun vs her adım içermekte. Bunu incelemek zor olabilir tabii ki vakit alan bir işlem . Bunun için tabii ki Google incele özelliğiyle ilgili alanın css bilgilerine ulaşabilirsiniz.


     Peki ben ekstra css yazamaz mıyım ? dediğiniz duyar gibiyim. Tabii ki sizde yeni bir css dosyası açıp istediğiniz sayfaya yeni tasarımlar ekleyebilirsiniz. Unutmamalı ki html5 kullandığınız için css kullanımı oldukça esnek. Ayrıca css dışında bootstrap de kullanabilirsiniz.

     Devextreme css denemeleri yapmamız  için harika bir çalışma alanı yapmamış.Sizlere linki veriyorum . Buradan çalışma yaparak yaptıklarınızı kopyalayarak projenizde kullanabilirsiniz.

Bol css çalışmalı günler dilerim :)