Etiket: framework

Neden İyi Bir Framework Kullanmalısınız?

Geçmişte, bireysel kodlama dilleri arasında önemli farklılıklar vardı, bu da programcıların tercih ettikleri dilin diğerlerinden farklı olmasının nedenleri hakkında canlı tartışmalar yapabilmeleri için yeterli bir nedendi. Ancak günümüzde, kodlama dilleri arasındaki farklılıklar oldukça azaldı, artık programcılar arasındaki tartışmalar belirli dillerin spesifik farklılıklarından ziyade framework içeriklerine daha yoğun odaklanıyor.

Bir framework ile çalışmak, bir ev inşa etmek gibi bir şeydir. Tüm evler kendi içerisinde temel unsurları barındırır: Zemin, duvarlar, tavan, pencereler, kapılar, elektrik ve sıhhi tesisat sistemleri, vb. Çoğu yapı bu temel unsurları içeriyor olsa da, örneğin pencere sayısı ve şekline göre her birini benzersiz kılan özel ayrıntıları da her birinin kendi içerisinde mevcuttur. Işık anahtarları ve kapı düğmeleri gibi iç ayrıntılara kadar.

Bir framework, evin temelini (duvarlar ve tavan) sağlarken, geliştiriciler daha sonra ayrıntıları ekler. Başka bir deyişle, bir framework kullanmak, modüler bir ev inşa etmek ve ev sahiplerinin kendi ihtiyaçlarını karşılamak için uygun ortamı sağlamaya izin vermek gibi bir durumdur.

Bazı programcılar kendi programlarını geliştirmek için “kutudan tavşan çıkarma” çözümünü kullanmayı deneseler de çoğu frameworkleri yararlı bir başlangıç noktası olarak görenler de azımsanmayacak düzeydedir.

Framework Kullanmanın Getirdiği Avantajlar

Projenizi geliştirmek için bir framework kullanmak, standart işlevler için önceden yazılan kodu kullanabildiğinizden tekrar baştan aşağıya yeni kod yazmamanıza yardımcı olur. Bir bakıma, sizi Amerikayı tekrar keşfetmekten alıkoyar, çünkü en yaygın işlevler ve temeller zaten sizin için halledilmiştir; bu nedenle bunları tekrar kendiniz yazarken zaman harcamanıza gerek yoktur. Genellikle, bu, kullanımı kolay bir grafik arayüzü ile yapılır bu da size ayrıca bir zaman kazandırır.

Bununla birlikte, iyi geliştirilmiş bir framework kullandığınızda, yaptığınız seçimle çalışmak için gereken ek kodlama modülleri de otomatik olarak gelecektir. Başka bir deyişle, evinize pencereler eklemek istiyorsanız, duvarlara ihtiyacınız vardır; Bir framework, pencereleriniz için ihtiyaç duyduğunuz duvarlara sahip olmanızı sağlar.

Harmony yazılım frameworkü gibi üst düzey framework modülleri varsayılanların ötesinde seçenekler sunar ve verimli bir şekilde projenizi özelleştirmenizi sağlar. Sonunda, uygulamanız için temel kod yapısını vererek yazmak zorunda olduğunuz kod miktarını azaltabilir ve iş yükünüzü oldukça azaltabilirsiniz.

  • Vakit Tasarrufu. Geliştiriciler, temel işlevler için zaman harcamak zorunda kalmadıkları için, ek kod üzerinde vakit harcayabilir ve modülleri daha erken geliştirilebilir hale getirebilirler.
  • Daha az kaynak kullanımı. Bir framework kullandığınızda, framework bu özel cihaz için optimize edilir, bu nedenle geliştirici bu işlevleri sıfırdan oluşturduysa daha az kod gerektirir. Aslında çoğu geliştirici sıfırdan kod yazarken her bir modül için kodu her zaman en iyi duruma getirmezler, çünkü bunu yapmak için gereken zaman ve kaynaklar projeyi yolun dışına itebilir. Bu nedenle, bir framework kullanılarak geliştirilmeyen aygıtlar gerekenden daha fazla kaynak kullanabilir.
  • Daha stabil kod. Framework içinde geliştirilen kod, kullanılabilecek cihazlar açısından daha esnek olma eğilimindedir.
  • Geliştirilmiş kodlama. Frameworkler, entegre geliştirme ortamlarında kullanıldığında kodun doğruluğunu iyileştirmeye ve olası hataları tanımlamaya yardımcı olur.
  • Daha kolay güncelleme. Ürünler genellikle daha iyi performans için güncellenmelidir. Frameworkler, bir aygıttan diğerine kolayca taşınabildiğinden, yazılımın bir aygıttan diğerine güncelleştirilmesini kolaylaştırır.

Zaman bildiğiniz üzere hepimiz için çok önemli. Zaten daha önce birçok kez geliştirilmiş kod kaynaklarını kullanarak zaman kaybetmek istemiyorsanız, bir framework projenizin daha hızlı oluşmasını ve daha verimli çalışmasını sağlayacaktır.

En İyi Front-End Framework’lerin Savaşı: Bootstrap ve Materialize CSS

Web geliştiricileri için seçebileceğiniz çok çeşitli front-end frameworkler sunulmakta. Ancak, daha iyi bir kullanıcı deneyimi için en iyi front-end framework hangisi? Bu makalede Materialize’nin nispeten daha popüler olan Bootstrap ile nasıl rekabet ettiğini öğreneceksiniz…

Web geliştiricileri olarak seçim yapabileceğiniz çok sayıda front-end framework bulunmaktadır. Bugüne kadarki en popüler tercih Bootstrap oldu. Bununla birlikte, şık kullanıcı deneyimi ortaya çıkaran bir alternatif arıyorsanız Materialize CSS‘e bir göz atmak isteyebilirsiniz.

Her iki framework’ü karşılaştırmak için bilmeniz gerekenleri sıralıyorum:

Materialize ve Bootstrap framework’lerinin ortak özellikleri:

Her ikisi de MIT lisanslıdır.
Her ikisi de (benzer yapı ve sınıf adlarına sahip) 12 sütun üzerinde çalışan bir grid sistemini kullanıyorlar, ancak Bootstrap’ın bu konuda ek yetenekleri var.
Her ikisinde de bir dizi bileşen ve bir simge seti bulunur.
Web uygulamalarında yapı CSS, JavaScript ve yazı tipleri sırasıyla css, js ve font klasörlerinde saklanır (varsayılan olarak).
İkisi de beklenen, duyarlı düzenleri sağlar.
Her ikisi de aktif şekilde korunuyor ve destekleniyor. (Twitter ve Google)

Materialize Hakkında Bilmeniz Gerekenler

Materialize, Google’ın tasarım felsefelerini kullanıyor. Buna aşina olmayanlarınız için, özellikler modern UI tasarımının basit ama anlamlı felsefesi üzerine odaklanmakta. Bu felsefe kullanıcı deneyimi öğelerinin davranışını ve kullanıcının görsel olarak nasıl etkileşime girdiğini ele alır. Web’in de bulunduğu tüm platformlarda (yalnızca Android değil) Google’ın kullanıcı arayüzüne tekdüzelik getirmek amacıyla ortaya çıktı. Spesifikasyon, görsel öğelerle ilgili genel ilkeleri özetler ve fizik, ışık, alan, momentumun nasıl kullanılacağını tartışır. Daha sonra belirli öğeler için somut örnekler ve gereksinimler sağlar. Örn. Düğmeler, listeler, sekmeler vs.

Materialize’nin Google’ın bir uygulaması olduğu göz önüne alındığında, öğelerin 3 boyutlu bir alan etrafında tasarlanmış olduğunu ve hareketten büyük ölçüde faydalanıyor olduğunu görüyoruz. Bu öğrenin bir genişlik ve yüksekliğe sahip olmakla birlikte, belirli bir şekilde bir derinliğe ve hareketine sahip olduğu anlamına da gelir. Bu, kullanıcının tanıdık görsel ipuçlarını kullanarak işlev bağlamını anlamasına yardımcı olmadaki bir nevi anahtardır. Basit olsa da bu görsel kavramlar etkilidir. Örneğin ben ekran bileşenlerini daha iyi kullandıkları için form bileşenlerinin çalışma biçimini de kullanmayı tercih ediyorum. Benim gibi düşünen geliştiriciler mutlaka olacaktır.

Materialize, bir CSS + JavaScript çerçevesi olarak istemtiye gönderilir, ancak CSS bölümleri Sass’ta yazılmıştır..

Kullanılabilir kullanıcı arabirimi bileşenlerine bakıldığında, Materialize‘nin Bootstrap kadar çok componenti malesef şuanlık yok. Bununla birlikte, kullanabileceğiniz ve işinize yarayacak birkaç bileşeni var. Bunlar arasında benim kullandıklarım:

  • Toasts
  • Modals that are fixed to the bottom of the window
  • Parallax

Tarayıcı uyumluluğu ile ilgili olarak, Materialize, modern tarayıcılarla çalışır, ancak Internet Explorer ile ilişkili olarak, IE10 + ile sınırlıdır, bu, belirli uygulama gereksinimlerinize bağlı olarak ciddi bir sorun mudur, bu sizin bileceğiniz bir konu.

Bootstrap Hakkında Bilmeniz Gerekenler

Twitter’ın gelişimini sağladığı Bootstrap, duyarlı bir tasarıma sahip mobil dostu web siteleri oluşturmak için kullanılan en popüler CSS framewoküdür. 2010 yılında kuruldu, ancak Ağustos 2011’e kadar resmi olarak piyasaya sürülmedi. O tarihten bu yana bir dizi bülten yapıldı. Güncel sürüm bilgisi için buraya tıklayabilirsiniz.

Kütüphane, ilk yaklaşım olarak mobile odaklanır; diğer bir deyişle, web siteleri mobil platformları hedeflenerek tasarlanır ve oluşturulur. Daha sonra masaüstlerinde ve daha büyük cihazlarda çalışmaya hazırlanır. Bununla birlikte, yukarıda Materialize için özetlendiği gibi, çerçeve çoğunluğu, etkileşimde bulundukları şeylerin görünüm ve tepki vermeleri üzerine odaklanır ve sonuç olarak, duyarlı bir kullanıcı deneyimi sunmak ana hedeftir.

Bootstrap, HTML sınıfları, CSS stilleri ve davranışlarını kullanarak yanıt veren kullanıcı deneyimini oluşturmak için bize belirli bir çerçeve sağlar; diğer bir deyişle, nesnelerin görünümüne odaklanmak yerine, HTML’ye tutarlı ve özelleştirilebilir bir temel yapıyı sağlamayı amaçlar.

Bootstrap varsayılan bir tema sağlarken, görsel sunum ve stil çerçevenin odağı değildir. CSS sınıfları kullanılarak yoğun bir şekilde tasarlandığından, görsel sunum stil sayfalarını kullanarak kolayca özelleştirilebilir. Sonuç olarak, Web sitenizin görsel sunum ve stilini değiştirmek için Bootstrap’ın sağladığı çok çeşitli temalar bulunmaktadır.

Bootstrap Materialize’den çok daha kapsamlı bir framewoktür. Örneğin:

  • Temel olarak bize, öğeleri gizlemek veya göstermek için sınıfları kullanma olanağı sunar.
  • Dokümantasyon çok daha kapsamlıdır (kullanım örneklerinden daha fazla yararlanılmıştır).
  • Tarayıcı uyumluluğu kapsamlı, IE9 +

Materialize‘nin Bootstrap’in doğrudan bir rakibi olduğunu söylemek Materialize için adil olmayacaktır; Ama umarım bir gün olacaktır, çünkü Materialize‘nin görünümü ve kullanıcı deneyimi çok hassas. İyi bir tasarımın, özellikle de 3 boyut ve hareketle ilgili tasarım ilkeleri açısından iyi tasarımın inkar edilmesi zor, ancak bunun nedeni, büyük ölçüde Google’ın Malzeme Tasarımı’ndan tutarlı bir dizi kılavuz uygulayacak olmasıdır. Bununla birlikte, Materialize framework’ü hala oldukça yeni – sonuç olarak yetenekleri, belgeleri ve topluluğu Bootstrap’ınkiyle yarışamıyor.

Sonuç olarak;

Uygulamanızı en az çabayla birinci sınıfa çeviren bir framework arıyorsanız veya uygulamanızı Google’ın tasarımıyla birleştirmek istiyorsanız, o zaman kesinlikle Materialize‘ye bir göz atın.

Öte yandan, denenmiş ve test edilmiş sağlam bir front-end framework arıyorsanız, büyük bir topluluk, eklenti seçenekleri ve temalarla Bootstrap‘ı denemelisiniz.

Exit mobile version