Ritim İstanbul A5 Blok No:46, D:112, 34846 Maltepe/İstanbul

Frontend nedir? Tanımı & örnekleri

Yazılım sektöründe en çok duyulan kelimeler arasında frontend kavramı yer alıyor. Peki frontend nedir, sektörde ne anlama geliyor? Front-end geliştiricileri bir yazılım projesinin hangi kısmıyla ilgileniyor?

Frontend nedir?

Türkçe ön yüz geliştirme olarak da bilinen front-end development kullanıcı tarafından görülecek olan bir web sitesinin öğelerinin ve özelliklerinin kodlanması ve oluşturulmasına odaklanan bir bilgisayar programlama stilidir. Bir web sitesinin görsel yönlerinin işlevsel olduğundan emin olmakla ilgilidir. Ön yüzü bir uygulamanın “istemci tarafı” olarak da düşünebiliriz. Ön yüzü geliştirilen her bir projenin temelde bir ön yüz geliştirme mimarisi veya şeması vardır.

- ADT Çözümleri -
Yönetilen Hizmetler Görseli
Advanced Dynamics Teknoloji'de işletmeler için dış kaynaktan hizmet modeliyle Yönetilen Hizmetler çözümleri sunuyoruz.

Ön yüz geliştirici (front-end developer) kullanıcıların tarayıcılarında veya uygulamalarında görsel olarak ilk gördükleri her şeyi yönetir. Ön yüz geliştiriciler, bir sitenin görünümünden ve hissinden sorumludur. Ön yüz geliştirici çoğunlukla, bazılarının geliştirmenin “istemci tarafı” olarak adlandırabileceği şeylere odaklanır.

Frontend developer ne yapar?

Bir ön yüz geliştirici, web sitelerinin ve web uygulamalarının ön uç bölümünü, yani kullanıcıların gerçekten gördüğü ve etkileşimde bulunduğu bölümü oluşturur. Bir ön yüz geliştirici, kullanıcıların siteye veya uygulamaya erişmesine ve bunlarla etkileşime girmesine olanak tanıyan HTML, CSS ve JavaScript gibi web dillerini kullanarak web siteleri ve uygulamalar oluşturur.[1]

Front-end developer pozisyonunda görev yapan yazılımcılar çoğunlukla bir web çerçevesine ihtiyaç duyar. Bu çerçevelerin yardımıyla, bir ön yüz geliştirici sıfırdan kod yazmaktan kurtulabilir. Örneğin, bir web sitesine giriş yapmak ve bir alışveriş sepetine ürün eklemek, bir web sitesinin popüler işlevleridir ve çerçeve içinde bunlar için bileşenler bulunabilir.

Temelde front-end geliştiricilerinden olabildiğince az kod kullanarak (site performansına tesir edebilir) duyarlı bir ön yüz oluşturması beklenir.

Örnkeler: Frontend nerede kullanılır?

HTML, CSS ve JavaScript (JS) programlama dilleri, geliştiricilerin web sayfaları yazmak için kullandığı temel dillerdir. Bir tarayıcı daha sonra stiller, başlıklar ve gömülü görüntüler oluşturmak için bu sayfaları derler.

Örnekler

Bu metin ile oluşturulmuştur.

Yukarıda gördüğünüz cümle HTML kulanılarak yazılan bir cümleye CSS ile eklenen animasyon örneğidir. Yazılım sektöründe HTML ve CSS programlama dilleri genellikle birbirinden ayrı düşünülemez. Her ikisi de birbirine muhtaçtır.

Dipnotlar


[1] “What Does a Front-End Developer Do? – Coursera.” 3 Ağu. 2022, https://www.coursera.org/articles/frontenddeveloper. Erişim tarihi: 12 Ağu. 2022.

Moment.js nedir ve nasıl kullanılır?

JavaScript kütüphaneleri programlama sektöründe sıklıkla karşılaşılan sorunları çözmek ve otomatikleştirmek için geliştirilir. Popüler JavaScript kütüphanelerinden biri de Moment.js'tir. Peki Moment.js nedir ve programlama dünyasında...

JavaScript’te değişkenler ve aralarındaki farklar: var, let & const

JavaScript, web geliştirmenin temel taşlarından biri olarak, dinamik ve etkileşimli web siteleri oluşturmanın anahtarıdır. Bu güçlü programlama dilinin en temel yönlerinden biri, veri saklama...

Fiyat takip yazılımları nasıl çalışır?

E-ticaret dünyası her geçen gün daha rekabetçi bir hal alıyor. Bu ortamda, işletmelerin rakiplerini ve pazar trendlerini yakından takip etmeleri hayati önem taşıyor. İşte...

HTML div elementi ve kullanım senaryoları

Her gün milyonlarca web sayfasını ziyaret ediyor, okuyor veya üzerlerinde işlem yapıyoruz. Peki, son kullanıcılar için görsel olarak renderlanan bu sayfaların arkasındaki kodlarda kullanılan...

React ‘hook’ nedir ve ne için kullanılır?

React hook, React JavaScript kitaplığındaki bir özelliktir. Hook'lar, sınıf bileşenlerine ihtiyaç duymadan, fonksiyon bileşenlerinde durum (state) ve diğer React özelliklerini kullanmaya olanak tanır. İlk...

IPv4 ve IPv6 nedir? Aralarındaki farklar nelerdir?

Her gün internete bağlanıyoruz, ancak teknik olarak internete nasıl bağlandığımızla ilgili bir fikriniz var mı? İnternet, modern yaşamın ayrılmaz bir parçası haline geldi ve...

Daha fazla blog içerik

Moment.js nedir ve nasıl kullanılır?

JavaScript kütüphaneleri programlama sektöründe sıklıkla karşılaşılan sorunları çözmek ve otomatikleştirmek için geliştirilir. Popüler JavaScript kütüphanelerinden biri de Moment.js'tir. Peki Moment.js nedir ve programlama dünyasında...

JavaScript’te değişkenler ve aralarındaki farklar: var, let & const

JavaScript, web geliştirmenin temel taşlarından biri olarak, dinamik ve etkileşimli web siteleri oluşturmanın anahtarıdır. Bu güçlü programlama dilinin en temel yönlerinden biri, veri saklama...

Fiyat takip yazılımları nasıl çalışır?

E-ticaret dünyası her geçen gün daha rekabetçi bir hal alıyor. Bu ortamda, işletmelerin rakiplerini ve pazar trendlerini yakından takip etmeleri hayati önem taşıyor. İşte...

HTML div elementi ve kullanım senaryoları

Her gün milyonlarca web sayfasını ziyaret ediyor, okuyor veya üzerlerinde işlem yapıyoruz. Peki, son kullanıcılar için görsel olarak renderlanan bu sayfaların arkasındaki kodlarda kullanılan...