Ionic

 Merhabalar  Bu hafta oluşturduğumuz bir uygulamaya fab-icon 'u nasıl eklenir ona bakacağız.  Geçen haftalarda oluşturduğumuz Cafe uygulamamız üzerinden göstermeye çalışalım.Bu uygulamamızda cafe hakkında genel bilgi veren bir sayfamız olsun içinde fotoğrafı , hakkında kısa bilgi  ve sosyal medya hesaplarına ulaşabilmek için bir tane de fab iconumuz olsun . 🔹En başta sayfamızı oluşturarak başlayalım.      ionic g page puga sayfa ismimi, tanıtacağım cafe ismi olarak belirledim. Böylece sayfam oluşmuş oldu. puga.page.html uzantılı sayfama gidip içeriğimi hazırlamaya başlıyorum. İçeriğimi ion-content taglarının arasına yazıyorum öncelikle bir resim görünsün altında da bilgiler verilsin istiyorum . Resmi uygulamanın tanıması için    src→assets klasörünün içerisine taşıyorum. 🔹Resmimizi tanımlayalım <img src= "/src/assets/icecekResimleri/e427d7c9262063a424d0b89f2b36eb1c_1446286155.jpg" >  Resmin ardından cafe...

  Merhabalar   Uygulamamızı geliştirirken daha öncesinde gördüğümüz gibi buton ya da arka plan rengi değiştirmek istediğimizde karşımıza 9 renk seçeneği geliyordu (Primary,Secondary,Tertiary,Success,Warning,Danger,Dark,Medium,Light). Bunlardan hariç bir renk seçmek istesek o zaman ne yapacağız?   Bu hafta uygulamalarımızda kullanmak için istediğimiz rengi oluşturup bunu uygulamada nasıl kullandığımızı göreceğiz.   Renk Özellikleri  Her rengin aşağıda sıralanan özellikleri vardır: ⭐base        :baz alınan renk(ana rengimiz) ⭐contrast  : base rengin tersi (genelde beyaz renk olarak alınıyor.) ⭐shade      :base rengin bir ton koyusu ⭐tint          :base rengin bir açık tonu   Rengimizi tanımlarken hex değerinden hariç bir de rgb değerini tanımlıyoruz.Bunun nedeni tüm browser'ların hex değerini tanıyamama sorunsalıdır.   örnek olarak gösterecek olursak: Base ...

Merhabalar Bu hafta geliştirmekte olduğumuz uygulamamıza biraz daha eklentiler yapıp geliştirelim diye düşünüyorum. Uygulamamızda içecekler sayfasında seçtiğimiz herhangi bir içeceği sepete eklemesini sağlamak için 'Add' butonu eklemiştik. Kullanıcıya bu siparişin sepete eklenip eklenmediğini bildirmek için bir geri bildirim sağlayabiliriz. Bunun için butona 'Toast component' ekleyebiliriz. Toast component ne diye açıklamak gerekirse: Toast Component  Kullanıldığı uygulamada, uygulamanın üzerinde görünen ince bir bildirimdir. Kullanıcıya kısa bir mesaj göstermek için kullanılır.Genellikle yaptığı işlemlerinin olup olmadığına dair kullanıcıya geri bildirim olarak gönderilir. Bu mesaj toast bileşeninin içerisinde tanımladığın konuma göre görünür. Bu konumlar 'top', 'bottom' veya 'middle' olabilir. 4 tane metodu 14 tane de özelliği (properties) vardır. Methodlar:  dismiss()         → toast mesajı gösterildikten sonra yok olmasını sağlar.  ...

 Merhabalar  Geçen hafta uygulamamız için bir login sayfası nasıl oluşturulur incelemiştik . Bu hafta butonlara bastığımızda sayfa yönlendirmesini nasıl yapabiliriz bunu üzerine biraz konuşacağız.    Sayfaların yönlendirilmesi için gerekli içerikler app-routing.module.ts dosyasında tanımlanır. Burada , sayfalara ulaşmak için kullancak url tanımlamaları yapılır. path: 'yemekler' , loadChildren: './yemekler/yemekler.module#YemeklerPageModule'    Burada  'loadChildren' özelliğiyle yemekler dosyasının içerisine git sayfanın görünmesi için gerekli olan componentı yükle anlamına getiriyor. Path ile de navigasyon işlemi yaparken url olarak kullanılacak isimi tanımlıyoruz.   Yukarıdaki kod parçacığı normalde CLI dan sayfa oluşturduğumuzda ( ionic g page sayfaAdı  kodunu yazdığımızda) kendiliğinden app-routing.module.ts sayfasında oluşuyor.   Chrome için ekleyebileceğiniz yönlendirme haritasını gösteren ' Augury '  eklentisini...