Web tasarım ve geliştirme, birçok teknik terimi içeren geniş bir alan. Eğer bu sektörde çalışıyorsanız veya bir web sitesi oluşturmayı düşünüyorsanız, bazı temel terimleri bilmek oldukça faydalı olacaktır. İşte web tasarım ve geliştirme alanında sıkça kullanılan 50 önemli terim ve anlamları:
1. HTML (HyperText Markup Language)
Web sayfalarının iskeletini oluşturan işaretleme dilidir. Metinler, başlıklar, görseller ve bağlantılar gibi öğeleri tanımlamak için kullanılır.
2. CSS (Cascading Style Sheets)
HTML ile oluşturulan içeriğin stilini belirleyen dil. Renkler, yazı tipleri, boşluklar ve düzen gibi görsel özellikleri tanımlamak için kullanılır.
3. JavaScript
Web sayfalarına etkileşim eklemek için kullanılan programlama dili. Kullanıcı eylemlerine yanıt verme, animasyonlar ve dinamik içerik oluşturma gibi işlevleri yerine getirir.
4. Front-End
Kullanıcının doğrudan etkileşimde bulunduğu web sitesinin görünen kısmıdır. HTML, CSS ve JavaScript kullanılarak geliştirilir.
5. Back-End
Web sitesinin kullanıcı tarafından görülmeyen, sunucu tarafındaki işlemleri yöneten kısmıdır. Veri tabanı yönetimi, kullanıcı oturumları ve iş mantığını içerir.
6. Full-Stack Geliştirici
Hem front-end hem de back-end geliştirme konularında uzmanlaşmış geliştiricidir.
7. UI (User Interface)
Kullanıcının bir web sitesi veya uygulamayla etkileşim kurduğu arayüzdür. Düğmeler, formlar, menüler gibi öğeleri içerir.
8. UX (User Experience)
Kullanıcının bir web sitesi veya uygulama ile yaşadığı deneyimi ifade eder. Kullanılabilirlik, erişilebilirlik ve tasarımın sezgisel olması UX’in temel bileşenleridir.
9. CMS (Content Management System)
İçerik yönetim sistemi. WordPress, Joomla ve Drupal gibi platformlar, teknik bilgi gerektirmeden web sitesi oluşturmayı sağlar.
10. Responsive Design (Duyarlı Tasarım)
Web sitelerinin farklı ekran boyutlarına uyum sağlamasını sağlayan tasarım yaklaşımıdır. Mobil, tablet ve masaüstü cihazlarda uyumlu görüntülenmesini sağlar.
11. SEO (Search Engine Optimization)
Arama motorlarında daha iyi sıralamalar elde etmek için yapılan optimizasyon çalışmalarıdır. Anahtar kelime kullanımı, bağlantı inşası ve teknik SEO unsurlarını içerir.
12. Domain (Alan Adı)
Web sitesinin internet üzerindeki adresidir (örneğin: bayraknet.com).
13. Hosting (Barındırma Hizmeti)
Web sitesinin dosyalarının bir sunucuda saklandığı hizmettir.
14. SSL (Secure Sockets Layer)
Web sitesindeki veri transferlerini şifreleyen güvenlik protokolüdür. HTTPS kullanımı SSL ile mümkündür.
15. URL (Uniform Resource Locator)
Web sitesine erişmek için kullanılan adres sistemidir. (Örneğin: https://www.example.com)
16. HTTP (Hypertext Transfer Protocol)
Web tarayıcısı ile sunucu arasındaki veri transfer protokolüdür.
17. HTTPS (Hypertext Transfer Protocol Secure)
HTTP’nin güvenli versiyonudur. SSL/TLS şifreleme kullanarak veri güvenliğini sağlar.
18. API (Application Programming Interface)
Farklı uygulamaların birbirleriyle iletişim kurmasını sağlayan arayüzdür. Örneğin, bir hava durumu API’si kullanarak sitenize anlık hava durumu bilgisi çekebilirsiniz.
19. Bootstrap
Mobil uyumlu ve modern web siteleri oluşturmak için kullanılan popüler bir CSS framework’üdür.
20. jQuery
JavaScript’in işlevselliğini artıran, daha az kod yazarak daha fazla işlem yapmaya olanak tanıyan bir kütüphanedir.
21. React.js
Facebook tarafından geliştirilen, dinamik kullanıcı arayüzleri oluşturmak için kullanılan JavaScript kütüphanesidir.
22. Vue.js
Kullanıcı arayüzleri oluşturmak için kullanılan hafif ve esnek bir JavaScript framework’üdür.
23. Angular
Google tarafından geliştirilen, büyük ölçekli web uygulamaları oluşturmak için kullanılan bir JavaScript framework’üdür.
24. PHP
Dinamik web siteleri geliştirmek için yaygın olarak kullanılan sunucu taraflı programlama dilidir.
25. Python
Web geliştirme, veri analizi ve yapay zeka gibi birçok alanda kullanılan popüler bir programlama dilidir.
26. Node.js
JavaScript’in sunucu tarafında çalışmasını sağlayan bir çalışma ortamıdır.
27. MySQL
En popüler açık kaynaklı ilişkisel veritabanı yönetim sistemlerinden biridir.
28. NoSQL
Geleneksel veritabanı sistemlerinden farklı olarak yapılandırılmamış veya yarı yapılandırılmış verileri saklamak için kullanılan veri tabanı türüdür (Örneğin: MongoDB).
29. WebP
Görsellerin boyutunu küçülterek daha hızlı yüklenmesini sağlayan modern bir görüntü formatıdır.
30. SVG (Scalable Vector Graphics)
Vektör tabanlı görüntü formatıdır. Boyutları değiştirilse bile kalite kaybı yaşanmaz.
31. CDN (Content Delivery Network)
Statik dosyaları (CSS, JavaScript, görseller) farklı coğrafi konumlarda saklayarak web sitesinin hızını artıran sistemdir.
32. Lazy Loading
Görsellerin ve diğer medya dosyalarının sadece kullanıcı sayfayı kaydırdığında yüklenmesini sağlayan optimizasyon tekniğidir.
33. Favicon
Web sitesinin küçük simgesidir. Tarayıcı sekmelerinde ve yer imlerinde görünür.
34. Breadcrumb (İçerik Yolu)
Kullanıcıların bir web sitesinde hangi sayfada olduğunu gösteren navigasyon elemanıdır.
35. Sitemap (Site Haritası)
Arama motorlarının web sitesini daha iyi tarayabilmesi için oluşturulan XML veya HTML formatındaki liste.
36. Wireframe
Web sitesinin temel tasarım ve yerleşimini gösteren kabataslak çizimdir.
37. Mockup
Web sitesinin tam renkli ve detaylı bir tasarım ön izlemesidir.
38. Prototype
Tasarımın işlevsel bir önizlemesidir ve kullanıcı etkileşimlerini içerir.
39. Cache (Önbellek)
Sitenin daha hızlı yüklenmesi için bazı verilerin tarayıcı veya sunucu tarafında saklanmasıdır.
40. Meta Tags
Arama motorları ve sosyal medya için sayfa hakkında bilgi veren HTML etiketleridir.
41. 404 Hatası
Bir sayfanın sunucuda bulunamadığını gösteren hata kodudur.
42. 301 Yönlendirmesi
Kalıcı bir yönlendirme türüdür. Eski bir URL’yi yeni bir URL’ye yönlendirmek için kullanılır.
43. UI Kit
Kullanıcı arayüzü bileşenleri içeren hazır tasarım kütüphanesidir.
44. Mobile-First Tasarım
Öncelikle mobil cihazlar için tasarım yapıp sonra masaüstüne uyarlama yaklaşımıdır.
45. A/B Testi
Farklı tasarım veya içerik versiyonlarını test ederek en iyi performansı belirleme yöntemidir.
46. Open Graph (OG Tags)
Facebook ve diğer sosyal medya platformlarında içeriklerin doğru şekilde görüntülenmesini sağlayan etiketlerdir.
47. Retina Ready
Yüksek çözünürlüklü ekranlarda net görüntü sağlayan tasarım yaklaşımıdır.
48. SSL Sertifikası
Web sitelerinin güvenli olduğunu doğrulayan dijital sertifikadır.
49. Parallax Scrolling
Sayfa kaydırıldıkça farklı hızlarda hareket eden arka plan efektidir.
50. Dark Mode (Karanlık Mod)
Web sitelerinin koyu renkli bir tema sunmasını sağlayan tasarım özelliğidir.
Bu terimleri bilmek, web geliştirme sürecinde size büyük avantaj sağlayacaktır!
