Yazılım sektörü son 20 yıl içinde bir hayli gelişti. Bunun sonucunda yazılımcılar da artık sınıflara ayrılmaya başladı. Bu yazımızda Front End Developer nedir, kime denir, neleri bilmelidir gibi sorulara cevap vermeye çalışacağım.
Front End Developer Nedir ?
Front End'in Türkçe karşılığı önyüzdür. Front End Developer ise önyüz geliştirici anlamına gelmektedir. Bir web sitesinin son kullanıcının göreceği kısımları HTML-CSS-JAVASCRİPT gibi teknolojileri kullanarak geliştiren kişilere Front End Developer denir. Web sitesinde kullanıcının istediği şekilde renklerden elementlerin yerleştirilmesine kadar olan kısmı Front End Developer'lar geliştirir.
Front End Developer Neleri Bilmeli ?
Front End Developer'lar istemci tarafında (client-side) çalıştığı için Front End Developer'lar genellikle kullanıcının isteğine göre tasarım yaparlar. Ve bunun için bilmesi gerekenle şunlardır.
Html
Web yazılımı öğrenmeye başlayacaksanız ilk durağınız HTML'dir. Bir işaretleme dili olan html sayfa içindeki elementleri oluşturmamızı sağlar. Form elemanları, dosya yükleme elementleri, sayfa içinde şekil vermemiz geren diğer elementler gibi ihtiyacımız olan şeyleri HTML etiketleri ile oluşturabiliriz.
Css
Web sayfamıza eklediğimiz elementlere şekil vermek için Css dilini kullanırız. Css ile responsive tasarımlar, animasyonlar gibi bir çok olayı gerçekleştirebiliriz. Şimdi size basit bir örnekle html ve css kullanımını açıklayacağım.
Siz de benimle birlikte yapabilirsiniz. Masaüstünde index.html adında bir dosya oluşturun ve dosyayı not defteri ile açıp içine aşağıdaki kodları yapıştırıp kaydedin.
<!DOCTYPE html>
<html>
<head>
<title>Kodlamak Lazım</title>
</head>
<style type="text/css">
div{
width: 450px;
height: 20px;
background-color:red;
color:white;
font-family: arial;
font-size: 20px;
padding: 20px
}
</style>
<body>
<div>
KodlamakLazım Bir Teknoloji Blogudur.
</div>
</body>
</html>
Kaydedip dosyayı chrome ile açtığınızda karşınıza aşağıdaki gibi bir görüntü çıkacaktır.
Yukarda yazdığımız kodda </style></style> etiketleri arasına yazdığımız kodlar css kodlarıdır. Style etiketi ise bir html etiketidir.
Javascript
Javascript web sayfanıza biraz daha işlevsellik kazandırmak için kullanılır. Mesela bir butona tıklandığında arkaplanı şu renk yap, başka bir butona tıklayınca bir açılır pencere çıkar gibi. Sadece Html, css ve Javascript kullanarak bile projeler yapabilirsiniz. Javascript şu an oldukça popüler ve gelişmekte olan bir dil olduğu için kaynak ve yardım bulmada da zorluk çekmezsiniz.
Javascript Frameworkleri
Dediğim gibi Javascript şu an oldukça popüler olduğu için haliyle bir çok popüler frameworkü ortaya çıkmıştır. Bunlardan en popüler olanları şunlardır;
React
Vue
NodeJs
ElectronJS
Angular
Responsive Tasarım
Günümüzde mobil cihazlardan internete erişim oranı çok yükselmiştir. Bununla birlikte web sitelerinde yeni bir sorun ortaya çıkmış. Görünüm sorunu..
Web sitesinin açıldığı cihazın boyutuna göre içindeki resim ve diğer elemanların boyutlarının ayarlanmış olduğu, her boyut için farklı görünüme sahip tasarımlara responsive tasarım denir. Css3 ile birlikte gelen flex ve grid yapıları responsive tasarım yapmamızı oldukça kolaylaştırmaktadır.
Css Önişlemcileri
Css önişlemcilerinin temel görevi, Css içinde yerleşik olarak bulunmayan değişken, fonksiyon gibi işlemleri yardımcı kütüphaneler yardımıyla kullanmaktır.
LESS,SASS gibi teknolojileri kullanarak Css kodlarımızı daha işlevsel hale getirir ve bazı şeyleri defalarca yazmaktan kurtuluruz.
Bu yukardakilere ek olarak bir Front End Developer aşağıdaki yazacağım şeylere de sahipse sektörde aranan personel pozisyonunda olur.
- Git Versiyon Kontrolü
- İletişim becerisi
- Sorun Çözme Yeteneği
- Analitik düşünme
Front End Developer Nasıl Çalışır ?
Front End Kısmı ağırlıklı olarak hayal gücüne bağlıdır. Eğer hayal gücünüz yüksek ve detaylara önem veren biri iseniz sizin için en doğru tercih bu olacaktır.
Genellikle şirketler müşteri ile proje anlaşmasına vardığı zaman gerekli bilgileri aldıktan sonra grafikerlere bir tasarım yaptırır. Bu tasarım Front End tarafından koda dökülür ve müşterinin ek olarak istediği şeyler de bunlara eklenir. Bazı şirketler grafiker çalıştırmamakta ve tasarımları da Front End Developer'ın hayal gücüne bırakır. Dediğim gibi hayal gücünüzün yüksek olması bu alanda işinize yarayacaktır.
Esen kalın. :)
