Frontend Geliştirici CV Örneği ve Özgeçmiş Şablonu

En Önemli ATS Anahtar Kelimeleri

• Frontend Geliştirici
• React
• Next.js
• TypeScript
• JavaScript (ES6+)
• HTML5 / CSS3
• Vue.js
• Angular
• Mobil uyumlu (responsive) tasarım
• Tarayıcılar arası uyumluluk
• REST API entegrasyonu
• Bileşen tabanlı mimari
• Durum yönetimi (Redux)
• Birim testi (Jest)
• Web erişilebilirliği (WCAG)
• Core Web Vitals
• Git

İşe Alımcılar Neye Bakar

Türkiye'de frontend ilanlarını değerlendiren işe alımcılar genellikle önce iki şeye bakar: ilandaki çatıyla (React, Angular veya Vue) eşleşiyor musunuz ve yaptığınız işi görebiliyorlar mı? Bu yüzden portfolyo, GitHub ve yayındaki projelerinizin linklerini CV'nin en üstüne ekleyin. CV başlığınızdaki unvanı ilandaki ifadeyle uyumlu yazın: ilan “Frontend Developer” diyorsa başlıkta bu ifadeyi kullanın, ancak önceki işlerinizin resmî unvanlarını değiştirmeyin. Deneyim maddelerinde teknoloji adından çok sonucu anlatın: Lighthouse puanı, sayfa yüklenme süresi, dönüşüm oranı ya da azalan hata kaydı gibi. Ajans geçmişiniz varsa müşteri sayısını sıralamak yerine öne çıkan iki üç projeyi açın. Tasarımcı ve backend ekibiyle nasıl çalıştığınızı, Figma'dan koda aktarımı, API entegrasyonlarını ve test alışkanlığınızı belirtin. Junior başvurularda staj, bootcamp ve kişisel projeleri canlı demo linkiyle verin; teknik mülakatta CV'nizdeki her teknolojinin sorulabileceğini unutmayın.

Deneyim Seviyesine Göre Örnek Madde İşaretleri

Giriş Seviyesi

• Stajımda React ile filtreleme bileşenini yeniden yazdım; sonuçların gelme süresi 1,2 saniyeden 0,3 saniyeye indi.
• Figma tasarımlarını Tailwind CSS ile 12 sayfalık mobil uyumlu siteye dönüştürdüm; Lighthouse mobil puanı 95 oldu.
• Jest ile 15 bileşene birim testi yazdım; kapsamı %40'tan %65'e çıkarıp iki hatayı erken yakaladım.
• Kampanya görsellerini WebP biçimine dönüştürüp geç yükleme (lazy loading) ekledim; sayfa ağırlığını üçte bire indirdim.

Orta Seviye

• Kampanya sayfalarını Next.js ile sunucu tarafında işlenecek şekilde kurdum; LCP 3,9 saniyeden 1,7 saniyeye indi.
• Dört ekibin kullandığı 45 bileşenli tasarım sistemini Storybook ile kurdum; ekran geliştirme süresi %30 kısaldı.
• Ödeme formundaki doğrulamaları ve hata mesajlarını yeniden yazdım; sepetten ödemeye geçiş oranını %9 artırdım.
• jQuery tabanlı müşteri panelini aşamalı olarak React ve TypeScript'e taşıdım; hata bildirimleri yarıya indi.

Kıdemli

• Üç ürünün ortak kullandığı mikro frontend mimarisini tasarladım; ekipler haftalık yerine günlük yayın yapmaya başladı.
• Performans bütçesi ve Core Web Vitals izlemesi kurdum; iyi değerlendirilen sayfaların oranını %38'den %87'ye çıkardım.
• Altı kişilik frontend ekibine liderlik ettim; iki geliştiricinin kıdemli seviyeye terfisinde mentorluk yaptım.
• İnternet bankacılığı arayüzünde erişilebilirlik denetimi yürüttüm; 18 kritik sorunu gidererek WCAG 2.1 AA uyumunu sağladım.

CV'de Sık Yapılan Hatalar

Canlı proje linki vermemek

Frontend işinin kalitesi ekranda görülür; yalnızca teknoloji listesi olan bir CV kanıt sunmaz. Portfolyo ve GitHub linkini iletişim bilgilerinin yanına ekleyin, en iyi iki üç projeyi canlı demo adresiyle verin. Her projeye kısa bir README yazın: hangi sorunu çözdüğünü, hangi teknolojiyi kullandığınızı ve ölçtüğünüz sonucu belirtin.

Teknoloji listesini şişirmek

jQuery, Angular, React, Vue, Svelte ve beş CSS kütüphanesini art arda yazmak derinlik değil dağınıklık gösterir. Beceriler bölümünü son iki yılda gerçek projede kullandığınız araçlarla sınırlayın ve başvurduğunuz ilandaki çatıyı ilk sıraya koyun. Eski bir teknolojiyle önemli bir iş yaptıysanız onu ilgili deneyim maddesinde anlatın, beceri listesinde tutmayın.

Performansı rakamsız anlatmak

“Siteyi hızlandırdım” cümlesi hiçbir şey kanıtlamaz; frontend çalışması ölçülebilir. Önceki ve sonraki değeri birlikte yazın: “Görsel optimizasyonu ve kod bölmeyle LCP süresini 4,1 saniyeden 1,8 saniyeye indirdim” gibi. Lighthouse puanı, paket boyutu, dönüşüm oranı ve hata kaydı sayısı iyi ölçütlerdir. Her deneyimde en az bir maddede sayı kullanın.

Ajans işlerini tek satıra sıkıştırmak

Ajansta çalışan geliştiriciler CV'ye çoğu zaman yalnızca “20'den fazla müşteri projesi” yazar; bu satır hangi işi sizin yaptığınızı anlatmaz. En güçlü iki üç projeyi ayrı maddelerde açın: müşterinin sektörü, kullandığınız teknoloji, üstlendiğiniz kısım ve ölçülebilir sonuç. Gizlilik nedeniyle marka adını veremiyorsanız projeyi “ulusal bir perakende markası” gibi tanımlamanız yeterli.

Plaza Türkçesiyle yazmak

“Component'leri refactor'ladım, bug'ları fix'ledim” gibi cümleler İngilizce bilmeyen bir İK uzmanına anlaşılmaz gelir, teknik yöneticiye de özensiz görünür. Teknik terimleri olduğu gibi bırakın ama fiilleri Türkçe kurun: “Bileşenleri yeniden düzenledim (refactoring), 30 arayüz hatasını giderdim.” Türkçe CV'de tutarlı ve sade bir dil, ekip içindeki yazılı iletişim becerinizin de kanıtıdır.

Kariyer Yolu

Sıkça Sorulan Sorular

Deneyimsiz frontend developer CV'si nasıl hazırlanır?

Deneyim bölümünüz zayıfsa projeleri öne alın. Eğitimin hemen altına üç dört projelik bir Projeler bölümü açın; her proje için çözdüğü sorunu, kullandığınız teknolojileri, canlı demo ve GitHub linkini, ölçtüğünüz bir sonucu yazın. Stajlarınızı deneyim bölümüne ekleyin; bootcamp bitirme projesi, hackathon çalışması ya da bir derneğe gönüllü yaptığınız site Projeler bölümünde yer alabilir. Özette hedeflediğiniz pozisyonu tek cümleyle belirtin.

Frontend geliştirici CV'si Türkçe mi, İngilizce mi olmalı?

İlanın diliyle başvurun. İlan İngilizceyse, şirket yabancı sermayeliyse ya da yurt dışındaki ekiplerle çalışacaksanız İngilizce CV gönderin; Türkçe ilanlarda Türkçe CV daha doğal okunur. En pratiği iki sürümü de hazır tutmaktır. React, TypeScript, REST API gibi teknoloji adlarını iki dilde de olduğu gibi yazın, ancak tek bir CV içinde iki dili karıştırmayın. Teknik mülakatın bir kısmının İngilizce yapılabileceğini de hesaba katın.

Bootcamp ve online kurs sertifikaları frontend CV'sine yazılır mı?

Yazılabilir, ama sertifika tek başına yetkinlik kanıtı sayılmaz. Hedeflediğiniz işle doğrudan ilgili olanları ayrı bir Sertifikalar başlığı altında program adı, kurum ve yıl ile listeleyin; on beş kısa kursu art arda sıralamayın. Bootcamp'te geliştirdiğiniz bitirme projesini Projeler bölümünde canlı linkiyle anlatmak, sertifikanın kendisinden daha ikna edicidir. Deneyiminiz arttıkça bu bölümü kısaltın ve yerini ölçülebilir iş sonuçlarına bırakın.

Frontend developer CV'si kaç sayfa olmalı?

Beş yıldan az deneyiminiz varsa tek sayfa yeterlidir; kıdemli adaylar iki sayfaya çıkabilir. Yer kazanmak için eski ya da ilgisiz işleri tek satıra indirin, her deneyimde üç beş madde bırakın. Tek sütunlu, sade bir düzen hem ATS yazılımlarının metni doğru okumasını hem de işe alımcının hızlı taramasını kolaylaştırır. Dosyayı PDF olarak, Ad-Soyad-Frontend-Developer.pdf gibi açıklayıcı bir adla gönderin.

Frontend developer CV'sinde mutlaka olması gerekenler nelerdir?

Beş temel parça yeterlidir: ilandaki çatıyla eşleşen net bir unvan ve kısa özet; portfolyo ve GitHub linkleri; teknolojiyi sonuçla birleştiren deneyim maddeleri; React, TypeScript, stil çözümleri ve test araçları gibi gruplanmış beceriler; eğitim ve ilgili sertifikalar. T.C. kimlik numarası ve açık adres yazmayın, şehir yeterlidir. İlanda özellikle istenen bir bilgi varsa (askerlik durumu gibi) kısa bir satırla ekleyin.

CV metni