FRONTEND TALK: Frontend (Ön yüz) İngilizce terimleri
React, Vue ve Angular ile bileşenler, durum yönetimi, derleme araçları, erişilebilirlik ve performans gibi modern arayüz geliştirme terimleri.
Bileşenler · COMPONENTS
- REACTReact (arayüz kütüphanesi)
- VUEVue (arayüz çatısı)
- ANGULARAngular (Google arayüz çatısı)
- COMPONENTbileşen (component)
- PROPSprops (bileşene gelen değerler)
- JSXJSX (JavaScript içinde HTML yazımı)
- VIRTUAL DOMsanal DOM
- UI LIBRARYarayüz kütüphanesi (UI library)
- DESIGN SYSTEMtasarım sistemi
- MODALmodal pencere
- TOASTbildirim balonu (toast)
- LOADING SPINNERyükleniyor simgesi
- SKELETON SCREENiskelet ekran
- TOOLTIParaç ipucu (tooltip)
- CAROUSELkayan görsel alanı (carousel)
- ACCORDIONakordeon (açılır-kapanır bölüm)
- BREADCRUMBiçerik yolu (breadcrumb)
- HAMBURGER MENUhamburger menü (üç çizgili menü)
- BADGErozet (sayı etiketi)
- SVELTESvelte (arayüz çatısı)
- STORYBOOKStorybook (bileşen vitrini aracı)
Durum ve veri · STATE
- STATEdurum (state)
- HOOKkanca (hook)
- USEEFFECTuseEffect (yan etki kancası)
- SIDE EFFECTyan etki (side effect)
- RE-RENDERyeniden çizim (re-render)
- RENDERINGçizim / ekrana basma (rendering)
- SINGLE-PAGE APPLICATIONtek sayfalık uygulama (SPA)
- ROUTINGyönlendirme (routing)
- SERVER-SIDE RENDERINGsunucu tarafı çizim (SSR)
- HYDRATIONhidrasyon (hydration)
- NEXT.JSNext.js (React çatısı)
- CONTROLLED INPUTkontrollü giriş alanı
- FORM STATEform durumu
- GLOBAL STATEgenel durum (global state)
- USESTATEuseState kancası
- PROP DRILLINGprop aktarma zinciri (prop drilling)
- DATA BINDINGveri bağlama (data binding)
- CLIENT-SIDE RENDERINGistemci tarafında oluşturma (CSR)
- PAGE RELOADsayfa yenileme
- LOADING STATEyükleniyor durumu
- BACK BUTTONgeri tuşu
Araçlar · TOOLS
- BUNDLERpaketleyici (bundler)
- VITEVite (hızlı geliştirme aracı)
- BUILDderleme / üretim paketi (build)
- MINIFYküçültme (minify)
- CSS FRAMEWORKCSS çatısı (CSS framework)
- TAILWINDTailwind (CSS yardımcı sınıfları)
- TYPE ANNOTATIONtür belirtme (type annotation)
- INTERFACEarayüz tipi (TypeScript interface)
- POLYFILLpolyfill (eksik özellik yaması)
- WEB FONTweb yazı tipi
- ICON SETsimge seti
- HOT RELOADanında yenileme (hot reload)
- PRETTIERPrettier (kod biçimlendirici)
- ESLINTESLint (kod denetleyici)
- NODE MODULESnode_modules klasörü
- SASSSass (CSS ön işlemcisi)
- WEBPACKWebpack (paketleyici)
- SOURCE MAPkaynak haritası (source map)
- LIVE SERVERLive Server (canlı önizleme eklentisi)
Kalite · QUALITY
- ACCESSIBILITYerişilebilirlik
- SCREEN READERekran okuyucu
- ARIAARIA (erişilebilirlik nitelikleri)
- SEOarama motoru optimizasyonu (SEO)
- LAZY LOADINGtembel yükleme (lazy loading)
- PERFORMANCEperformans
- LIGHTHOUSELighthouse (sayfa denetim aracı)
- CROSS-BROWSERtarayıcılar arası uyumlu (cross-browser)
- BREAKPOINTkırılma noktası (breakpoint)
- PWAyüklenebilir web uygulaması (PWA)
- SERVICE WORKERservice worker (arka plan betiği)
- USER EXPERIENCEkullanıcı deneyimi (UX)
- PAGE SPEEDsayfa hızı
- BROKEN LINKkırık bağlantı
- KEYBOARD NAVIGATIONklavyeyle gezinme
- MOBILE-FIRSTönce mobil tasarım
- IMAGE COMPRESSIONgörsel sıkıştırma
- CORE WEB VITALSCore Web Vitals (Google sayfa ölçütleri)
- END-TO-END TESTuçtan uca test