camelCase JavaScript, Java, TypeScript ve diger bircok dilde standart adlandirma konvansiyonudur. Ilk kelime kucuk harflidir ve sonraki her kelime buyuk harfle baslar — ayirici yok: `getUserName`, `maxRetryCount`, `isLoggedIn`.
Bu arac herhangi bir metni aninda camelCase'e donusturur. Python snake_case kodunu JavaScript'e tasiyorsaniz, CSS ozelliklerini JS stil nesnelerine donusturuyorsaniz veya degiskenleri yeniden adlandiriyorsaniz, sadece metninizi yapistirin ve kopyalayin. snake_case, kebab-case, PascalCase, noktalar, bosluklar ve herhangi bir karisik formati halleder.
Nasil kullanilir
1. Herhangi bir metin yazin veya yapistirin — snake_case, kebab-case, PascalCase veya duz kelimeler
2. camelCase sonucu en ustte vurgulanmis olarak gorunur
3. Tum diger bicim formatlari da asagida gosterilir
4. camelCase sonucunu kopyalamak icin "Kopyala"ya tiklayin
Sikca sorulan sorular
camelCase nedir?
camelCase ilk kelimenin kucuk harf oldugu ve sonraki her kelimenin buyuk harfle basladigi, ayirici olmayan bir adlandirma konvansiyonudur. Ornek: 'getUserName'. Ortadaki buyuk harfler deve horguclerine benzer, bu nedenle ismi bu.
snake_case'i camelCase'e nasil donusturulrum?
snake_case metninizi yapistirin (ornegin, 'get_user_name') ve arac alt cizigilerde boler, ilk haric her kelimenin ilk harfini buyuk yapar ve 'getUserName' uretmek icin birlestirir.
camelCase ne zaman kullanmaliyim?
Su durumlar icin camelCase kullanin: JavaScript/TypeScript degiskenleri ve fonksiyonlari, Java degiskenleri ve metodlari, JSON ozellik adlari (yaygin olarak), React props ve C++ yerel degiskenler. Frontend gelistirmede en yaygin kullanilan konvansiyondur.
camelCase ile PascalCase arasindaki fark nedir?
camelCase kucuk harfle baslar (getUserName), PascalCase buyuk harfle baslar (GetUserName). camelCase degiskenler ve fonksiyonlar icin; PascalCase sinif adlari ve React bilesenleri icindir.
camelCase CSS'te kullanilir mi?
Hayir, CSS kebab-case kullanir (background-color), ancak JavaScript DOM API'leri camelCase esdegerlerini kullanir (backgroundColor). Bu arac aralarinda donusturmenize yardimci olur — 'background-color' yapistirin ve 'backgroundColor' alin.