Herkese merhaba arkadaşlar. Bu yazımızda Web yazılımları öğrenmeye başlayan ya da belli bir seviyeye gelmiş olan arkadaşlara yardımcı olmak amacıyla Nasıl Front End Developer Olurum ? adlı bir yazı yazmaya karar verdim. İlk olarak front end nedir bunun tanımıyla başlayalım.
Front end kelimesinin Türkçe karşılığı önyüzdür. Yani bir projenin tasarımsal kısımlarını yazan, gelen tasarımları koda döken yazılımcıya da Front End Developer denir.
Front End Developerlar Html, Css ve Javascript dilleri ile kodlama yaparlar.
Eğer biraz araştırma yapıp Front End developer olmaya karar verdiyseniz ilk olarak Html dilini öğrenmelisiniz. Html bir işaretleme dilidir ve tarayıcılar bu kodları görsel nesnelere dönüştürürler. Daha sonra sırasıyla Css ve Javascript öğrenerek ufak ufak sektöre adım atmaya başlayabilirsiniz.
Kod yazarken W3C standartlarına dikkat etmeniz gerekmektedir. W3C standartları dünya çapında kabul görmüş kodlama standartlarıdır. Ayrıca projede back end tarafı ile de iletişim halinde olacağınız için Api kullanımını bilmeniz sizin için artı puan olarak hanenize yazılacaktır.
Yukarıda da belirttiğim gibi front end developerlar Tarayıcı tarafında çalışan yani client side dillere aşina olmak zorundadır. Biraz da görsel yeteneğiniz olması sizin avantajınıza olacaktır. Şimdi sırayla bir Front End Deceloper'ın bilmesi gereken teknolojilerden bahsedelim.
Yazılım dünyasının ayrılmaz ikilisi olan bu dilleri iyi seviyede bilmeniz size büyük avantaj sağlayacaktır.Html kodları bir web projesinin yapı taşıdır. Projemizin iskeletini html ile oluştururuz. DAha sonrasında ise Css ile bu iskelete güzel stiller ekleyerek kullanıcıya muazzam bir uygulama oluşturabiliriz.
Bir front end developer html css kısmını orta seviyede hallettikten sonra Javascript öğrenmeye başlamalıdır. Javascript, html ve css ile tasarladığımız şablonlarımızı daha dinamik haşe getirmek için kullanılır. Slider, pop up gibi yapıları Javascript ile yapabiliriz.
Bir Front End Developer'ın takım çantasında olmazsa olmazı responsive tasarımlardır. Günümüzde mobil cihaz ve tabletlerin kullanımı oldukça yaygınlaşmıştır. Bu yüzden tasarım yaparken tüm cihazlara uygun şekilde dizayn edersek kullanıcı projemizi daha rahat kullanabilir. Eğer responsive tasarım yapmazsak bazı cihazlarda sorunalr çıkar ve projemiz kullanılamaz duruma bile gelebilir.
Günümüzde oldukça popüler css frameworkleri bulunmaktadır. Bunların temel amacı daha az kodla daha çok iş yapmak, tasarımlarımızın tüm cihazlara uyumlu hale gelmesini sağlamaktadır. Semantic Ui , Bootstrap gibi frameworkleri öğrenmenizde fayda var.
Modern yazılım dünyasında artık front end tarafı oldukça gelişmiş durumdadır. Projemize back end kısmından apiler sağlayarak ve o apileri kullanarak sadece front end dilleriyle bile mükemmel projeler geliştirmek mümkün jale gelmiştir. React Js, Vue Js , Angular gibi frameworkler sıklıkla kullanılmakta, bir çok iş ilanında da front end developerlardan bu yetkinliklere sahip olması istenilmektedir.
Eğer bir firmada işe başlayacaksanız mutlaka versiyon kontrol sistemlerine hakim olmanız gerekmektedir. Çünkü ortak çalışılan projelerde genellikle versiyon kontrol sistemi kullanılır. Versiyon kontrol sistemleri sayesinde eğer geliştirme yaparken hata yaparsak geriye dönebilir, yeni versiyon ile eski versiyon arasındaki farklara bakarak hatanın çözümüne daha çabuk ulaşabiliriz.
Seo bir web ya da mobil projenin store ya da aarama motorlarında üst sıralarda çıkması için yapılan çalışmalara verilen isimdir. Bir front end developer'da yaptığı tasarımları arama motorlarının seveceği şekilde yapmalıdır.
Seo kısmıyla alakalı aslında bu alan ama gene de bahsetmek istedim. Adsense, Analytics, Search Console gibi google araçlarını bilmek projemizin ne kadar iyi seviyede olduğunu görmek için bizlere yardımcı olur.
Front End teknolojileri oldukça gelişti hatta alt dallara bile ayrıldı. Bu alt dalları kısaca açıklamak gerekirse:
Front End Web Developer: Web projelerinin tasarımsal kısmını koda dönüştüren yazılımcılara denir.
Css Developer: Sitenin responsive ayarlarını ve tasarımını yapan yazılımcılara denir.
Javascript Developer: Sitenin tasarımlarını daha dinamik hale getiren geliştiricilere denir.
UI / UX Developer: Projenin müşteriye demo olarak sunulması ve kullanıcı deneyimini gerçekleştiren geliştiricilere denir.
Mobile Front End Developer: Mobil uygulamaların arayüzünü geliştiren yazılımcılara denir.
Front End Tester: Uygulamaların önyüz kısmında çıkacak olan hataları bulan ve son kullanıcıya uyguna hale getirilmesini sağlayan test personellerine denir.
Konuyu toparlayacak olursak iyi bir Front End Developer olmak için Html, Css ve javascript bilmeniz gerekmektedir. Bunun yanında front end araçlarından seo yapılarına kadar bir çok alanda fikir ve tecrübe sahibi olmanız gerekmektedir. Bunların hepsini bir anda öğrenmek zorunda değilsiniz. Sadece azmedin ve sürekli araştırma yapın. Emin olun keyif almaya başlayınca araştırmak sizin için mutluluk kaynağı olacaktır.
Esen Kalın. :)
Front-end developer olarak freelance nasıl çalışa biliriz?
Kısa ve net açıklama
Muhammed Fatih BAĞCIVAN
12-May-2021Gayet açıklayıcı ve güzel bir içerik olmuş Zafer Hocam :). Ellerinize emeğinize yüreğinize sağlık