Ionic

    Merhabalar     Bugün hep birlikte ,yaptığımız uygulama için bir 'Login' (giriş) sayfası oluşturalım istiyorum. Çoğu mobil uygulamada olduğu gibi bir uygulamanın giriş sayfasının olması Kullanıcı tarafından bakıldığında , üyelerin o uygulamayı daha çok benimsemesini ; Uygulama aracılığıyla kullanıcılara hizmet sunan birimler için de daha çok güvenliği sağlıyor gibi geliyor bana.   Bir login sayfasında neler olduğunu düşünecek olursak : e-mail ile giriş imkanı sağlayan uygulamalar için *e-mail alanı ya da telefon ya da kullanıcı adıyla giriş sağlayanlar için de ilgili text'i girebileceğimiz bir alan  ve kullanıcının daha önceden belirlediği sisteme giriş için gerekli olan *şifre. Ayrıca giriş yapmak için girdiğimiz bilgileri doğrulamak üzere bilgileri uygulamanın ilgili kontrol birimine gönderen  * button bileşenimiz bulunuyor.    Arayüzü basit olmasına karşın gayet önemli bir sayfadır.     Tasarımı hakkında konuşacak olurs...

   Merhabalar    Geçen hafta uygulamamızın içecekler sayfasına resimleri nasıl yerleştireceğimize bakmıştık. Ionic uygulamalarında görünüş için en çok kullanılan component'lardan biri olan ion-card ları kullanarak resimlerimizi yerleştirdik. Bu hafta yerleştirdiğimiz içecek resimlerine tıkladığımızda karşımıza çıkacak olan sayfanın tasarımı ile biraz uğraşalım istiyorum.    Bazı  cafelere gittiğimizde içecek istediğimizde bize 'küçük' , 'orta' ve 'büyük ' seçeneklerini sunup bunların arsından bir seçim yapmamızı isterler. Bunun için bizim uygulamamızda da bu seçimi yapması için bir içerik oluşturabiliriz . Bunun için checklist kullanabileceğimizi düşünüyorum.   Uygulamamızın tasarımına geçecek olursak , yine tasarım için en kullanışlı olan ion-cardları kullanabiliriz diye düşünüyorum. Yeni sayfamızı visual studio code'da oluşturuyoruz.( ionic g page secondPage diyerek adı secondPage olan sayfayı oluşturmuş oldum.). Bir ionic card'ın içine yi...

   Merhabalar    Geçen hafta uygulamamızda sidemenü için birkaç sayfa eklemiştik. Sayfalara uygun icon'larımızı seçtik ve sidemenüdeki görünümüne bakmıştık. Bu hafta sayfaları yönlendirmeyi ele alacağız.Öncelikle sayfa oluştururken komut satırında yazabildiğimiz bir kod ile daha kısa yoldan ve içerisindeki içeriklerle birlikte oluşturabiliriz.    Bilgisayarda cmd yi açmadan , visual studio code'un kendi cmd'sini kullanabiliriz.Bunu açmak için de sol üst köşedeki " View " den ' Terminal ' seçeneğini tıklıyoruz ve artık cmd de yazacağımız kodları burada yazmaya başlayabiliriz.    Yeni bir sayfa oluşturmak istiyorsak uzun versiyon olarak:        ionic generate page pageName    Ya da daha kısası            ionic g page pageName     yazabiliriz.Böylece projenizin olduğu klasördeki app'in içine pageName olarak adlandırdığınız bir klasör oluşturup içerisinde modul...

  Merhabalar   Bu hafta , geçen hafta oluşturduğumuz  ionic uygulamasının içini doldurup kendi uygulamamızı oluşturmaya çalışacağız. Bunun için öncelikle bir editör seçmemiz gerkiyordu ben Visual Studio Code 'u tercih ettim yine siz istediğiniz IDE'yi seçebilirsiniz. İlk Önce Visual Studio Code 'u bilgisayara kurmak ile başlayalım.    Visual Studio Code 'un anasayfasına girip (geçen haftaki yazımda bağlantısı var)  indirme işlemine başlıyoruz. Uzantısı .exe olan dosyayı indiriyoruz ve çalıştırmaya başlıyoruz.   Next ile adımları ilerleyerek gidiyoruz. Editörümüzün kullanmak istediğimiz dilini seçip (English malesef Türkçe seçenek yok :/) ilerlediğimizde birkaç adım sonrası programı bilgisayarda nereye kaydetmek istediğimizi seçiyoruz. Sonrasında next -> next  ile kurulumumuz tamamlanıyor. İndirme işlemi bittiğinde program açılırken web sayfasından da VS Code'da neler olduğuna size ne gibi kolaylıklar sağladığına dair bilgilendirme am...