Front-End ve Back-End Nedir?

Front-end ve back-end, web geliştirme ve programlama katmanlarına atıfta bulunan terimlerdir. Türkçeye sırasıyla önyüz ve arkayüz olarak çevrilmektedir. Fakat bazı kaynaklarda ön-uç ve arka-uç olarak da ifade edilmektedir. 

Web siteleri ve uygulama oluşturma süreci olarak nitelendirebileceğimiz front-end ve back-end web geliştirme, kodlama ve programlama ile ilgili terimlerdir.  

Bir web sitesinin veya web uygulamasının işlevselliği, çeşitli katmanlara dayanır. Bu katmanlar; istemci tarafı olarak da adlandırılan front-end (önyüz) ve sunucu tarafı olarak adlandırılan back-end (arkayüz)’dir.

İçerik Tablosu

front-end ve back-end nedir

Front-End Nedir?

Bir web sitesinin front-end kısmı, ziyaretçinin doğrudan site ile deneyimlediği şeyleri ifade eder. Kullanıcıların tarayıcılarında gördükleri ve etkileşimde bulundukları her bir fonksiyon front-end ile ilgilidir. Web sayfası düzeni, yazı tipleri, renkler, menüler ve iletişim formları gibi faktörler front-end tarafından yönlendirilir.

Aynı kalan içeriğe sahip bir web sitesine statik web sitesi denir. Bu durumda, sayfada ne olduğunu belirleyen gerekli bilgiler front-end kodunun kendisinde bulunur.

HTML, CSS ve JavaScript: Front-End mi Yoksa Back-End mi?

  • HTML: Türkçe ifade ile Köprü Metni Biçimlendirme Dili, bir web sayfasının tarayıcıda görüntülenebilmesi için oluşturulan temel kodlama dilidir. HTML'yi bir web sayfasının temel yapı taşlarını içeren unsurlar olarak düşünebilirsiniz. Bu yapı taşlarına - bloklara HTML öğeleri denir. HTML, web sitesinin, kullanıcının etkileşimde bulunduğu kısmıdır ve bu nedenle front-end katmanının bir parçasını oluşturur.
  • CSS (Stil Sayfaları): Bir web sayfasındaki HTML öğelerine stil vermek için kullanılır. CSS, web sayfası düzenini, renkleri ve yazı tiplerini tanımlamak için kullanılır.
  • JavaScript: Front-end’in bir parçasını oluşturabilen başka bir dildir. JavaScript, açılır menüler, kalıcı pencereler ve iletişim formları gibi bir web sayfasının daha etkileşimli öğeleri için kullanılır. Bir front-end dil olarak kullanıldığında, JavaScript tarayıcıda çalışır.

Bu üç dil, kullanıcı bir web sitesini ziyaret ettiğinde, görsel olarak karşılaştığı her bir unsur için kullanılır.  

Back-End Nedir?

Back-end geliştiricileri, web sitesi ziyaretçileri tarafından görüntülenemeyen işlevlerle uğraşır. Geliştiriciler platformları etkileşimli hale getirir. Örneğin bir e-ticaret sitesinde kullanıcı bilgilerinin doğru ve güvenli bir şekilde saklanması arka-uç veya arka-yüz olarak da bilinen back-end geliştirmeyle ilgilidir. 

Back-end geliştiricileri, sunucuda farklı web sayfası bileşenleri oluşturur. Java, PHP, JavaScript, Ruby ve Python programlama dillerini kullanarak sayfalar tasarlar. Aynı zamanda daha hızlı çözüm için diğer geliştiricilere yardımcı olurlar. 

Müşterilerinin onunla etkileşime girmesine izin vermek isteyen bir web sitesinde, web sitesi dinamik hale getirilmelidir. Dinamik bir web sitesi, veritabanında depolanan bilgilerle birlikte kullanıcının etkileşimine bağlı olarak değişebilen içeriğe sahiptir. 

Örneğin, bir kullanıcı bir alışveriş sitesinde “siyah ceket” araması yapıyor olsun. Front-end kısmında kullanıcının muhatap olduğu bu arama fonksiyonuna cevap olarak; veritabanında depolanan ürünler listelenir. Yani back-end ilgili bilgileri bir veri biçimine dönüştürür, front end dinamik olarak HTML kodu oluşturur ve tarayıcıda görüntülenebilmesini sağlar. Bu durumda, stokta bulunan siyah ceketler, filtrelenmiş olarak kullanıcıya sunulur. 

Back-end geliştiricileri, veritabanıyla ilgilenir ve web sitesi içeriğini veritabanı içinde depolar. Back-end geliştiricilerinin bazı görevleri şunlardır:

  • Web uygulamalarında sorun giderme ve hata ayıklama
  • Framework kullanma
  • Veritabanını yönetme
  • Kod derleme

Back-end Geliştirme Dilleri

  • C++: Back-end programlama için nesne yönelimli bir dildir.
  • PHP: Bu sunucu tarafı dil, web geliştirme ihtiyaçları için en iyisidir.
  • Java: Uygulamalar oluşturmak için Java bileşenlerini kullanmak kolaydır.
  • JS: Node.JS, web uygulamaları tasarlamak için başka bir platformlar arası çözümdür.
  • Ruby: Sunucu tarafı web uygulaması çerçevesi Ruby on Rails veya Rails oluşturmak için kullanılır.
  • Python: İngilizce anahtar kelimeler kullanan, okunabilirliği yüksek bir betik dili.

Başlangıçta JavaScript yalnızca bir front-end dili olarak kullanılabiliyordu, ancak sonradan bir back-end dili olarak da işlev gördü. Sunucu tarafı JavaScript kitaplıkları veya Node.js gibi bileşenleri kullanarak back-end geliştirmeyi yalnızca JavaScript'te kodlamak artık mümkün . Node.js, JavaScript sunucu tarafı ortamıdır.

Back-end geliştirme için Ruby, PHP, Python, Java ve JavaScript gibi sunucu tarafı dilleri kullanılabilir. Budiller, front-end geliştirmeden etkileşimleri alan ve dinamik olarak görüntülenmesi için verileri front-end’e çeviren web sunucusunda çalışır.

Dinamik bir web sitesi hem front-end hem de back-end teknolojilerini kullanır. Front-end diller, web sitenizin harika görünmesini ve etkileşim kurmanın kolay olmasını sağlar. Sahne arkasında yer alan back-end, tüm front-end bileşenlerini bir arada tutar, bilgi ve ürün ayrıntılarını depolamak veya güvenli kullanıcı hesapları oluşturmak gibi ekstra işlevsellik sağlar. Her iki katmanın da çok farklı rolleri vardır, web sitesinin çalışması için her iki geliştirmeye de ihtiyaç duyulur.

Diğer Makalelerimizi İncelediniz Mi?
Merhaba 👋 Nasıl Yardımcı Olabiliriz?