Frontend developer CV örneği: canlı bağlantı, erişilebilirlik, framework
Frontend developer CV’sinin merkezinde canlı bağlantılar durur: her proje satırı açılabilen bir sayfaya gider, framework’ü söyler ve yükleme süresi ya da erişilebilirlik gibi ölçülmüş bir sonuç verir.1
Yazıldı 13 Ekim 2026. CitedCV. Rehberlerimiz nasıl yazılıyor
İlk iş: paylaşacağınız her bağlantıyı telefonda açın
Frontend başvurusunu değerlendiren kişi tıklar. Açılmayan bir demo, giriş ekranında kalan bir proje ya da “lorem ipsum” dolu bir sayfa, eksik bir satırdan daha çok puan kaybettirir. Önce bağlantıları sınayın, sonra satırları çalışan işlerin etrafına yazın.
- Her canlı bağlantıyı telefonda, mobil veriyle açın.
- Ana akışı yalnızca klavyeyle (Tab, Enter, Esc) gezin; odak kayboluyorsa önce düzeltin.
- Yer tutucu metinleri, tuhaf isimli test hesaplarını ve konsol hatalarını temizleyin.
- Kod bağlantısının o demonun reposuna gittiğinden ve README’de nasıl çalıştırılacağının yazdığından emin olun.
- Her proje için şimdiden bir rakam not edin: yükleme süresi, paket boyutu, düzeltilen erişilebilirlik sorunu sayısı.
Portfolyoyu nerede yayınlamalı
GitHub Pages statik HTML, CSS ve JavaScript dosyalarını github.io adresinde yayınlıyor. Belgelerindeki sınırlar: yayınlanan site en fazla 1 GB, aylık 100 GB esnek bant genişliği; ayrıca ticari site ya da e-ticaret için ücretsiz barındırma olarak kullanılmaması isteniyor. Kişisel portfolyo bu sınırların rahatça içinde kalır.
Türkiye’de erişilebilirlik artık bir şart
Haziran 2025’te Resmî Gazete’de yayımlanan Cumhurbaşkanlığı genelgesi, web siteleri ve mobil uygulamaların erişilebilirliğini kamu kurumlarının yanında özel sektörün bir bölümü için de gündeme getirdi. Aile ve Sosyal Hizmetler Bakanlığı’nın duyurusuna göre kapsamda kamu kurumları, üniversiteler, belediyeler, özel hastaneler, özel okullar, bankalar, ulaşım firmaları, A grubu seyahat acenteleri, internet ve iletişim hizmeti sağlayıcıları ve 6563 sayılı Kanun kapsamındaki e-ticaret hizmet sağlayıcıları var.
| Konu | Duyuruda yazan |
|---|---|
| Kontrol listesi | Web Siteleri ve Mobil Uygulamaların Erişilebilirliği Kontrol Listesi, A Seviyesi |
| Dayandığı standart | W3C’nin WCAG 2.2 yönergeleri |
| Kapsamı | 31 ilke ve 122 soru |
| Erişilebilir bulunanlara | İki yıl süreyle Erişilebilirlik Logosu kullanma hakkı |
İş ilanı açısından anlamı
Kapsamdaki kurumların sitelerini ve uygulamalarını yapan ekipler için erişilebilirlik artık bir uyum işi. CV’nizde bu bilgiyi “erişilebilirliğe önem veririm” diye değil, standardın adı, düzeyi ve düzelttiğiniz akışla yazın.
WCAG 2.2 ve diğer ülkelerdeki kurallar
WCAG 2.2, W3C’nin dört ilkeye (algılanabilir, işletilebilir, anlaşılabilir, sağlam) ve üç uygunluk düzeyine (A, AA, AAA) dayanan tavsiye standardı. 2.2 ile eklenen ölçütlerden bazıları: Focus Not Obscured (Minimum), Target Size (Minimum) ve Accessible Authentication (Minimum).
- Avrupa Birliği: Avrupa Erişilebilirlik Yasası 28 Haziran 2025’ten beri uygulanıyor; e-ticaret platformları, çevrim içi bankacılık işlemleri ve e-kitaplar kapsamda.
- ABD: eyalet ve yerel yönetimlerin web içeriği ve mobil uygulamaları için ADA Title II kuralı WCAG 2.1 AA istiyor; 20 Nisan 2026’daki ara kuralla son tarihler 50.000 ve üzeri nüfus için 26 Nisan 2027, daha küçükler için 26 Nisan 2028 oldu.
- İlan belirli bir WCAG sürümü ve düzeyi istiyorsa CV’de tam olarak o sürümü ve düzeyi yazın.
Erişilebilirlik satırı nasıl yazılır
- Standart ve düzey: WCAG 2.2 A, WCAG 2.1 AA.
- Kapsam: ödeme akışı, kayıt formu, bileşen kütüphanesindeki butonlar.
- Yöntem: klavye testi, kullandığınız ekran okuyucu, otomatik tarayıcı, dış denetim.
- Sonuç: kapatılan sorun sayısı, karşılanan ölçüt, geçilen denetim.
Performans rakamları: Google’ın eşikleri
web.dev’e göre Core Web Vitals’ta “iyi” eşikler şöyle: Largest Contentful Paint 2,5 saniye ya da altı, Interaction to Next Paint 200 milisaniye ya da altı, Cumulative Layout Shift 0,1 ya da altı; ölçüm sayfa yüklemelerinin 75. yüzdelik diliminde yapılıyor.
Rakamın nereden geldiğini yazın. Kendi bilgisayarınızdaki laboratuvar ölçümü portfolyo notu için iyidir; gerçek kullanıcı verisi ürün ekibinin güvendiği rakamdır. “Mobilde 75. yüzdelik LCP 4,1 sn’den 2,3 sn’ye indi (saha verisi, 4 hafta)” hem ölçütü hem ölçüm yolunu söyler.
İşverenin ilk baktıkları
ABD Çalışma İstatistikleri Bürosu (BLS) frontend geliştiriciyi sitenin görünümüne ait teknik özellikleri yapan, düzeni kuran ve grafik, uygulama ve içeriği HTML, JavaScript gibi dillerle birleştiren kişi olarak tanımlıyor. Eğitim şartının liseden lisansa kadar değiştiğini, önceki iş ya da projelerle yeteneğini gösterenlerin özel bir belgeye ihtiyaç duymayabileceğini söylüyor. O*NET’in web geliştiriciler için talep gören teknolojiler listesinde React, TypeScript, Vue.js, GraphQL ve Git var.
| İlk bakılan | CV’de karşılığı |
|---|---|
| Açılıp görülebilen iş | Canlı ve kod bağlantılı portfolyo tablosu |
| İlandaki framework | Her projede teknoloji hücresi, ilandaki yazılışla |
| Kod kalitesi | Test, lint ve kod inceleme satırları |
| Erişilebilirlik ve performans | Standardı ve rakamı belli birer satır |
| Eğitim ya da giriş yolu | Lisans, ön lisans, bootcamp ya da ilk ücretli iş |
Örnek: portfolyo tablosu ve deneyim satırları
Bu bir örnektir. Elif Aydın hayalî bir kişi; bağlantılar ayrılmış example.com alan adını kullanıyor, rakamlar yer tutucu. Kendi bağlantılarınızı ve gösterebileceğiniz rakamları yazın.
| Proje | Canlı ve kod | Teknoloji | Ölçülmüş sonuç |
|---|---|---|---|
| Kütüphane randevu sistemi | kutuphane.example.com; repo bağlantısı sayfa altında | React, TypeScript, Next.js | Mobil LCP 1,9 sn (saha verisi, 1.600 ziyaret) |
| Erişilebilir form bileşenleri | formlar.example.com; npm paketi ve repo | TypeScript, React Aria | Klavye ve NVDA ile test edildi; WCAG 2.2 A kontrol listesindeki form maddeleri karşılandı |
| Hava durumu paneli | hava.example.com; repo | Vue.js, Pinia, Vitest | 36 bileşen testi; CLS 0,03 |
Frontend Developer, bir dijital banka, 2023–günümüz
- Kredi başvuru akışını React ve TypeScript ile yeniden yazdım; mobil LCP 4,1 sn’den 2,3 sn’ye indi (75. yüzdelik, 4 haftalık saha verisi).
- Bakanlığın A seviyesi kontrol listesine göre başvuru ve giriş ekranlarındaki 33 sorunu iki sprintte kapattım; iç denetimden geçti.
- Tasarım sistemine 18 ortak bileşen ekledim (Storybook, görsel testler); 4 ürün ekibi kullanıyor.
Her satır ne yapıldığını, nasıl ölçüldüğünü ve kimin için olduğunu söylüyor; portfolyo tablosu da işin dışındaki projeler için aynısını yapıyor ve iddianın tek tıkla doğrulanmasını sağlıyor.
Beceri tablosu
| Alan | Ne yazılır | Kanıt |
|---|---|---|
| HTML ve CSS | Anlamsal HTML, Grid, Flexbox, bir CSS yaklaşımı | Sıfırdan kurulan bir bileşen ya da düzen |
| Dil | JavaScript, TypeScript | Eklenen tip kapsamı, azalan çalışma zamanı hatası |
| Framework | Bir ana framework, en fazla bir ikincisi | Canlıya çıkan bir özellik ya da taşıma |
| Erişilebilirlik | WCAG sürümü ve düzeyi, test yöntemleri | Adı belli bir akışta kapatılan sorunlar |
| Performans | Core Web Vitals, paket analizi | Kaynağı yazılmış öncesi ve sonrası |
| Test | Birim, bileşen, uçtan uca test araçları | Test sayısı ya da giderilen kararsız testler |
Lisans, sertifika ve unvan
Türkiye’de frontend geliştirmek için bir meslek lisansı bulamadık; BLS, O*NET ve National Careers Service profillerinde de lisans geçmiyor. İlan “Frontend Engineer” diyorsa ve mühendislik diplomanız yoksa, CV’de “Frontend Developer” yazın; mühendis unvanının yasal dayanağı bilgisayar mühendisi rehberinde.
Yurt dışına başvuru
Almanya yazılımcı rehberi Mavi Kart ve Alman CV yapısını, Hollanda yazılımcı rehberi İngilizce çalışan ekipleri ve sponsor işvereni anlatıyor. Ülke kuralları için onlara bakın; bu sayfa frontend CV’sinin kendisinde kalıyor.
Kaynaklar ve okunma tarihi
Kaynakların hepsi 13 Ekim 2026’da okundu; bağlantılar Kaynaklar bölümünde.
| Bilgi | Kaynak |
|---|---|
| Genelgenin kapsamı, A seviyesi kontrol listesi, 31 ilke, 122 soru, logo | Aile ve Sosyal Hizmetler Bakanlığı duyurusu |
| Dört ilke, düzeyler, 2.2’de eklenen ölçütler | W3C, WCAG 2.2 |
| AB’de 28 Haziran 2025 ve kapsanan hizmetler | AccessibleEU, Avrupa Komisyonu |
| ABD’de WCAG 2.1 AA ve 2027/2028 tarihleri | ADA.gov |
| Core Web Vitals eşikleri | web.dev |
| Frontend tanımı, eğitim aralığı; talep gören teknolojiler | BLS; O*NET |
| GitHub Pages sınırları | GitHub Docs |
Erişilebilirlik kuralları ve tarihleri değişebilir. Bir tarihe güvenmeden önce bağlantılı resmî sayfayı kontrol edin.
Bu rehberin sınırı
- Araştırma ve vaka çalışmasıyla değerlendirilen tasarım rolleri: UX/UI tasarımcı rehberi.
- Sunucu tarafı, API ve veri tabanı işleri: backend rehberi.
- Junior’dan senior’a genel yazılımcı CV’si: yazılımcı CV rehberi.
Sonraki adımlar
- Bütün bağlantıları telefonda ve klavyeyle sınayın.
- Portfolyo tablosunu kurun: proje, canlı bağlantı, kod, teknoloji, bir rakam.
- Mevcut işinize bir erişilebilirlik ve bir performans satırı ekleyin.
- Framework yazılışını her ilana göre ayarlayın.
CitedCV, girdiğiniz proje, bağlantı ve rakamlardan Türkçe, İngilizce ya da Almanca bir CV yazabilir; yalnızca verdiğiniz bilgilerden yazar, rakamlar sizin rakamlarınız olarak kalır.
Sık sorulan sorular
Frontend developer CV’ye portfolyo eklenir mi?
Evet, mümkünse her proje için iki bağlantıyla: canlı sayfa ve kodu. Frontend işini değerlendiren kişi yaptığınızı açıp görmek ister.
Frontend CV’de erişilebilirlik nasıl gösterilir?
Standardı ve düzeyi, çalıştığınız akışı, nasıl test ettiğinizi ve sonucu yazın; örneğin A seviyesi kontrol listesine göre kayıt formunda kapatılan sorunlar.
Erişilebilirlik genelgesi hangi siteleri kapsıyor?
Bakanlık duyurusuna göre kamu kurumları, belediyeler, üniversiteler, bankalar, özel hastane ve okullar, ulaşım firmaları ve e-ticaret hizmet sağlayıcıları kapsamda.
React developer CV’sinde hangi teknolojiler yazılmalı?
React ve TypeScript’in yanında gerçekten karar verdiğiniz durum yönetimi, veri çekme ve test araçları; her biri bir proje ya da iş satırına bağlı olsun.
Üniversite mezunu olmadan frontend developer olunur mu?
Çoğu zaman evet. BLS eğitim şartını liseden lisansa kadar veriyor ve proje ya da önceki işle yeteneğin gösterilebileceğini söylüyor.
Asıl işim şirket içinde ve giriş gerektiriyorsa CV’ye ne yazmalıyım?
Deneyim satırlarında rakamlarla anlatın ve paylaşmanıza izin verilen açık bir proje ya da kısa bir ekran kaydı ekleyin.
Frontend CV’de hangi performans rakamları yazılır?
En yaygını Core Web Vitals: LCP, INP ve CLS; Google’ın iyi eşikleri 2,5 sn, 200 ms ve 0,1. Rakamın saha mı laboratuvar mı olduğunu da belirtin.
Kaynaklar
- T.C. Aile ve Sosyal Hizmetler Bakanlığı, Web Siteleri ve Mobil Uygulamaların Erişilebilirliği Cumhurbaşkanlığı Genelgesi yayımlandıaile.gov.tr/eyhgm/haberler/web-siteleri-ve-mobil-uygulamalarin-erisilebilirligi-cumhurbaskanligi-genelgesi-yayimlandi/
- W3C, Web Content Accessibility Guidelines (WCAG) 2.2www.w3.org/TR/WCAG22/
- AccessibleEU (Avrupa Komisyonu), Avrupa Erişilebilirlik Yasası yürürlükteaccessible-eu-centre.ec.europa.eu/content-corner/news/new-era-inclusion-begins-eaa-enters-force-2025-06-27_en
- ADA.gov, eyalet ve yerel yönetimler için web erişilebilirliği kuralıwww.ada.gov/resources/2024-03-08-web-rule/
- web.dev, Web Vitalsweb.dev/articles/vitals
- U.S. Bureau of Labor Statistics, Web Developers and Digital Designerswww.bls.gov/ooh/computer-and-information-technology/web-developers.htm
- O*NET OnLine, 15-1254.00 Web Developerswww.onetonline.org/link/summary/15-1254.00
- GitHub Docs, GitHub Pages sınırlarıdocs.github.com/en/pages/getting-started-with-github-pages/github-pages-limits