Arayüz web geliştiricisi (Front-end Developer), HTML, CSS ve JavaScript gibi kodlama dilleri aracılığıyla web tasarımlarını uygulayan kişidir. Arayüz geliştiriciler, onları perde arkasında neler olup bittiğini (veritabanları gibi) programlayan arka uç geliştiricilerden(Backend Developer) ayırmak için bazen “istemci tarafı geliştiricileri” (client-side developers) olarak da adlandırılıyor.
2021’de Front-end geliştiriciler için öğrenmenin faydalı olacağını düşündüğüm bazı bilgileri bir listesini derledim.
1. Temel Bilgiler
Öncelikli olarak;
Bütün büyük işler küçük başlangıçlarla olur.
-Cicero
paylaşalım.
Arayüz Geliştiricilerin başlangıç noktası, temeli HTML, CSS ve Javascript dillerini öğrenmekle başlayan bir serüvendir. Ben öğrenmeye başlama sırasını da sırasıyla yazdım. Ama işin içine girildiğinde o ilk adım atıldığında zaten hepsini öğreniyorsunuz veya görüyorsunuz.
2. Frameworks/Libraries(Çerçeveler/Kitaplıklar)
React , Vue ve Angular gibi JavaScript çerçeveleri(frameworks) şu anda çok popülerdir, bu nedenle bunlardan en az birini denemek faydalı olacaktır.
3. Statik Site Oluşturucular
Statik site jeneratörleri de oldukça popüler ve daha küçük projeler için iyi çalışıyor. Bir çok sayıda statik site oluşturucu var, ancak Gatsby , Hugo veya 11ty’yi denemenizi tavsiye ederim.
4. Aşamalı Web Uygulamaları (Progressive Web Apps-PWA)
PWA’lar bir süredir ortalıkta dolaşıyorlar, ancak web sitesi performansına daha fazla odaklanmak, yeni bir şeyler öğrenmek ve projelerinizi geliştirmek için iyi bir deneyim olur.
5. GraphQL
Verilerle çalışıyorsanız , GraphQL’i kesinlikle denemelisiniz. Ayrıca JavaScript çerçeveleri ve statik site oluşturucularla çok iyi eşleşir.
6. Otomatik Test
Tüm üretim kodunda bazı otomatik testler olmalı, bu nedenle testler konusunda beceri kazanmanın zamanı gelmiş olabilir. Jest testleri JavaScript çerçeveleriyle iyi çalışır ve bazı uçtan uca testler arıyorsanız Cypress ve Backstop’u deneyin .
Sizler için umarım faydalı bir yazı olmuştur. Listelemiş olduğum maddelere ek önerileriniz varsa yorumlara yazabilirsiniz.
Angular CSS front end developer Frontend GraphQL html javascript PWA react Vue	
Bunları da beğenebilirsin
Arayüz • Güncel • Tasarım
Web Geliştiricilerin Kullanabileceği Harika Kaynaklar
Arayüz • Güncel • Kod
10 Kat Daha Hızlı Kod Yazmak
Arayüz • CSS
Bootstrap v5 kararlı sürümü yayınlandı
Başlarken • Uygulama Geliştirme
Flutter’da Debug Etiketi Nasıl Kaldırılır?
Yazar hakkında
Furkan Toptaş
Manisa Celal Bayar Üniversitesinde Yazılım Mühendisliği 4. Sınıf öğrencisiyim. Teknovol şirketinde Front-end üzerine kendimi geliştiriyorum. Bilgi sahibi olduğum konuları sizlerle paylaşıyorum. Geri dönüşleriniz benim için önemlidir. Yorum, düşünce ve görüşlerinizi bekliyorum.