İstanbul'dan atan kalp ile dünyanın dört bir yanında
Blog paylaşımlarımız için buraya tıklayın
admin@byteknolog.net

Front End / Back End Nedir ? -1

Reklam ve Danışmanlık

Front End / Back End Nedir ? -1

byteknolog_img

Gelişen teknoloji ile bir çok kişi internet üzerinden yazılım eğitimlerini izleyerek kendi yazılımlarını geliştiriyor. Peki geliştirdiğiniz alanların hangi alanlar olduğunu biliyor musunuz ?

Front End Nedir ?

Bir web sitesinde (e.x: Byteknolog) gezinirken, sitenin sadece size göstermek istediği yerleri görebiliyorsunuz. Yani sadece makalenin okunduğu kısmı ve sitenin anasayfasını görebiliyorsunuz.

Kullanıcıların gözlemleyebildiği, düzenleyebildiği tüm kısımlar FRONT END olarak adlandırılmaktadır.

Back End Nedir ?

Web sitelerinin (e.x Byteknolog) hemen hemen hepsinde iletişim sayfası bulunmaktadır. Bu sadece ilteişim sayfası olmak zorunda değildir, formlar, yorum alanları ve arama kısımları olabilir.

Kullanıcıların bir değer girip, “gönder” butonuna bastıktan sonra, girilen verinin alınıp arka planda işlenmesi durumuna Back End denir.

Bu kısmı kullanıcılar göremez, kullanıcılar Front End kısmını görebilir, bu kısımda değerleri girip, gönder butonu ile Back End tarafına verileri gönderir. Back End tarafında veriler işlenir, ilgili aksiyonlar alınır.

FRONT END TARAFINDA KULLANILAN YAZILIM DİLLERİ

Front End geliştiricileri, kullanıcıların daha çok ilgisini çekebilmek için bir kaç farklı yazılım kullanmaktadır. Bu aşamada UX designer alanında olukça önemlidir.

Gelin Front-End geliştiricilerinin kullandıkları teknolojilere bir göz atalım;

HTML TEKNOLOJİSİ

Her web sitesinin bir temel iskelet yapısı vardır. Bir web sitesi kodlanmaya başladığı an ilk önce HTML tarafında temel iskeleti oluşturulur.

Bu sayede web sitesinin şekli şemali ortaya çıkar.

CSS TEKNOLOJİSİ

HTML tarafında web sitesinin iskeleti yapılır. İskelet kısmı bittikten sonra CSS teknolojisi ile süslemeler yapılır.

İşin en eğlenceli kısmı da burasıdır. İstediğiniz gibi renklendirebilir, düzenleyebilir UX çalışması yapabilirsiniz.

Kullanıcılarınızı web sitenizde tutabilmek için en ideal renk tonlarını seçmeniz gerekmektedir. Bu yüzden üzerinde incelikle çalışmanız gereken bir yerdir.

Aşağıda bir UX çalışması göreceksiniz. Bir iş FE [front-end] developer’a verilmeden önce, UX tarafında hazırlanmaktadır.

Akabinde FE developer verilen UX çalışmasına göre kendi çalışmalarını yapmaktadır.

https://www.instagram.com/p/B13miBrnwQc/
Byteknolog UX Designer

BOOTSTRAP TEKNOLOJİSİ

Kullanıcılar açısından estetik yapı oldukça önemlidir. Bu aşamada iyi ve düzgün yazılmış .css dosylarına ihtiyaç duyulmaktadır.

Bootstrap teknolojisi bu aşamda devreye giriyor. Hazır yazılmış olan kodları kendi projenize entegre ederek kullanmaya başlıyorsunuz.

Kullanımı ve estetiklik özellikleri ile ön plana çıkıyor, Front End geliştiricilerin en çok kullandıkları teknolojilerden bir tanesidir.

JAVASCRİPT(!) TEKNOLOJİSİ

İşler bu kısım’a kadar güzel bir şekilde gelebiliyor. Fakat bu kısımdan sonrası biraz karışık.

Javascript teknolojisi özünde Front-End developerlar’ın işine yaramakta, fakat gelişen teknoloji ile bir çok Back-End developer’ın da işini görüyor.

Bu bağlamda hangi kısıma koymak doğru olur ? bilemiyorum…


BACK END TARAFINDA KULLANILAN YAZILIM DİLLERİ

back_end_front_end

Front End tarafında görsel şablonumuzu oluşturduk, kullancılıarımıza sunduk. Bu konuda bir örnek verelim, biz form uygulaması yapıyoruz.

Form uygulamamızın kullancımıza gözüken tarafını Front-End kısmında bitirdik. Şimdi de form’dan gelen değerleri veri tabanımıza kayıt edeceğiz.

Back End Yazılım dillerini çalıştırabilmek için sunucuya ihtiyacınız olacaktır. Sunucu tarafından çalıştıkları için Front End gibi kodu yazıp hemen sonucuna bakamazsınız.

Gelin Back End yazılım dillerine bir göz atalım…

PHP YAZILIM DİLİ

PHP yazılım dili en eski ve en köklü Back End yazılım dillerinden bir tanesidir.

Php ile bir formdan gelen veriyi alabilir veri tabanına kayıt edebilir. Bu teknoloji ile proje geliştirmek isterseniz 1 adet sunucuya ihtiyacınız olacaktır.

Front End tarafından gelen veriyi alıp sunucuya iletmeniz gerekmektedir. Sunucu olmadan Php ile yaptığınız hiçbir proje çalışmayacaktır.

Php yazılım dili ile geliştirilmiş bir platform örneği vermek gerekirse; WordPress en ideal örnek olacaktır.

YAPAY ZEKA İNSAN OĞLUNUN SONU OLACAKTIR!

ByTeknolog – Yazarı

WordPress altyapısı Php ile oluşturulmakta. Günümüzde de Php ile geliştirlmesi devam ediyor.

Bir web sitesinin Php dili ile yapılıp yapılmadığını en iyi anlama yöntemi; siteadi.com/index.php yazmaktır. Eğer anasafaya düşerseniz, bulunduğunuz site PHP dili ile yazılmıştır.

Asp.Net (c#) YAZILIM DİLİ

Asp.Net dili aynı Php gibi eski ve en sağlam Back End yazılımlarından bir tanesidir.

Aynı şekilde çalışması için sunucuya ihtiyaç duyar, sunucu ile kullanıcı arasında ki iletişimi kurar.

Bu dil ile geliştirilmiş bir platform örneği vermemiz gerekirse; Dev Azure en ideal örnek olacaktır.

Asp Net ile yazdığınız kodları barındırabileceğiniz bir versiyonlama sistemi olan Dev Azure sistemi Asp.net ile geliştirlmiştir.

Eğer siteadi.com/index.php yazdığınızda web sitesi 404 hatası veriyorsa, bulunduğunuz sayfa PHP ile yapılmamıştır. Php ile yapılmayan web siteleri illa ki Asp ile yapılmış demek değildir.

Asp.net ile geliştirilmiş bir web sitesini en kolay anlama yolu, bir eklenti kullanmaktır.

Chrome tarayıcı üzerinde ücretsiz “wapplyzer” eklentisi ile hangi sitenin hangi dil ile geliştirildiğini öğrenebilirsiniz.

JAVASCRİPT(!) TEKNOLOJİSİ

Front End tarafında da belirttiğim gibi Javascript teknolojisi her iki alanda da işlem yapabilmektedir.

Bu dil için Full Stack (Her iki alanda geliştirme yapabilen) yazılım dilidir demek doğru olmaz.

FULL STACK DEVELOPER

Bu kısıma kadar Front End ve Back End taraflarını derinlemesine öğrendik. Şimdi de her iki alanın birleşimi olan Full Stack kısmını inceleyeceğiz.

Full Stack developer dediğimiz kişiler hem front end tarafında hem de back end tarafında geliştirme yapmaktadırlar.

Yani bir web sitesini baştan aşağı sıfırdan tek başına kodlayabilme becerisine sahip kişilerdir.

Günün Sonun da

Her iki alanın farklarını, daha iyi kavrayabildik. Artık bizde bir yazılım geliştirmek istiyorsak, tarafımızı seçip mücadeleye atılabileceğiz.

Veya her iki alanda da kendimizi geliştirip sıfırdan kendi web sitemizi istediğimiz şekilde yapılandırabileceğiz.

Geliştirdiğiniz yazılımların testlerini nasıl yapacağınızı öğrenmek için burada ki makaleyi okuyabilirsiniz.

Bir cevap

  1. […] Front End ve Back End gibi kavramlarının farklılıklarını derinlemesin anlattık. Buradan okuyabilirsiniz. […]

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir