Orijinal başlığın Türkçe sürümü: - Web Geliştirme Teknolojileri Rehberi

Web geliştirme, kullanıcıların internetteki içeriği görüntülemesini sağlamak için web siteleri oluşturma, bunları sürdürme ve gerekli teknolojileri kullanma anlamına gelir.

Web Geliştirmenin Temelleri​

Web geliştirmenin temelini daha iyi anlamak için web geliştirmede kullanılan kavramlara göz atmanız önerilir.



Web geliştirmenin omurgasını oluşturan iki ana alan vardır: Önyüz ve Arkayüz . Her biri kusursuz, işlevsel web deneyimleri yaratmada önemli rol oynar.

Ön Uç Geliştirme​

Bu modülde, kullanıcının tarayıcısında (istemci tarafında) çalışan temel teknolojileri, web sayfalarının nasıl yapılandırıldığını, biçimlendirildiğini ve etkileşimli hale getirildiğini, kullanıcıların gördüğü ve etkileşim kurduğu her şeyin nasıl oluşturulduğunu inceliyoruz.

• HTML (Köprü Metni İşaretleme Dili): HTML, web sayfalarının temel yapısını ve içeriğini oluşturmak için kullanılan dildir. Metinleri, görselleri ve bağlantıları düzenlemek için öğeler, etiketler ve öznitelikler kullanır.
• CSS (Basamaklı Stil Sayfaları): CSS, HTML içeriğini biçimlendirmek için kullanılır. Renkleri, yazı tiplerini, düzenleri ve sayfanın farklı cihazlarda nasıl göründüğünü kontrol eder. Daha da önemlisi, CSS bunu her web sayfasını oluşturan HTML'den bağımsız olarak yapmanızı sağlar.
• JS (JavaScript): JavaScript, web sayfalarını etkileşimli hale getirerek onlara canlılık katar. Düğmeler, animasyonlar ve form kontrolleri gibi şeyleri yönetir.

Arka Uç Geliştirme:​

Bu modülde, sunucuda verileri işlemek, web sitesini çalıştırmak ve bilgileri depolamak için perde arkasında çalışan teknolojileri inceleyeceğiz .

Sunucu Tarafı Programlama Dilleri​

Arka Uç Geliştirmede, sunucu tarafı programlama dilleri, kullanıcının tarayıcısında değil, sunucuda çalışan kod yazmak için kullanılır. Bu sunucu tarafı betikleri, veri işleme, veritabanlarını yönetme ve web sitesinin perde arkasında nasıl çalıştığını kontrol etme gibi görevleri yerine getirir.

Aşağıda web uygulamalarının arka ucunu oluşturmak için kullanılan bazı popüler diller listelenmiştir:

• JavaScript/Node.js: JavaScript, çoğunlukla istemci tarafında (tarayıcılarda) etkileşim eklemek için kullanılan popüler bir programlama dilidir. Node.js ile JavaScript, sunucu tarafında da çalışabilir. Node.js, JavaScript'in API'ler gibi hızlı ve ölçeklenebilir arka uç hizmetleri oluşturmasına olanak tanıyan açık kaynaklı bir ortamdır. PayPal, Uber ve Netflix gibi birçok büyük şirket, sunucu tarafı kodları için Node.js kullanmaktadır.
• PHP: PHP, özellikle web geliştirme için tasarlanmış bir sunucu taraflı betik dilidir. PHP kodu sunucu tarafında çalıştırıldığı için sunucu taraflı betik dili olarak da adlandırılır.
• Python: Python, hızlı çalışmanızı ve sistemleri daha verimli bir şekilde entegre etmenizi sağlayan bir programlama dilidir.
• Ruby: Kullanımı basit ve doğal olacak şekilde tasarlanmış nesne yönelimli bir programlama dilidir. Ruby, geliştiricilerin temiz ve okunabilir kod yazmalarına yardımcı olur.
• Java: Java, en popüler ve yaygın olarak kullanılan programlama dillerinden ve platformlarından biridir. Son derece ölçeklenebilirdir. Java bileşenlerine kolayca erişilebilir.
• Golang (Go): Golang, C programlama diline benzer sözdizimine sahip, prosedürel ve statik tipli bir programlama dilidir. Bazen Go Programlama Dili olarak da adlandırılır.
• C#: Özellikle .NET teknolojileri kullananlar için, Microsoft platformlarında web uygulamaları oluşturmak için genellikle C# dilini tercih etmektedir.

Veritabanları​

Veritabanı, kullanıcı verileri ve ürün verileri gibi bir web sitesinin verilerinin depolandığı ve düzenlendiği yerdir. Bu bilgileri yöneten ve güvende tutan arka ucun (sunucu tarafı) bir parçasıdır. Web siteleri, kullanıcı bilgileri, içerik ve işlemler gibi bilgileri kaydetmek ve bunlara erişmek için veritabanlarını kullanır. Bazı veritabanları verileri tablolar halinde düzenler (MySQL gibi ilişkisel veritabanları olarak adlandırılır), bazıları ise verileri esnek formatlarda depolar (MongoDB gibi NoSQL veritabanları olarak adlandırılır).

Temel olarak iki tür veritabanı vardır:

1. SQL/İlişkisel Veritabanı

İlişkisel veritabanı, verileri elektronik tablolara benzer şekilde tablolarda depolar. Her tablonun satırları ve sütunları vardır. Satırlar ayrı kayıtları tutarken, sütunlar veri niteliklerini tanımlar. Tablolar, özel anahtarlar aracılığıyla birbirine bağlanabilir ve bu da ilgili verilerin birbirine bağlanmasını sağlar.

• MySQL : MySQL, yapılandırılmış verileri yönetmek için SQL kullanan açık kaynaklı bir ilişkisel veritabanı yönetim sistemidir. Güvenilirliği, kullanım kolaylığı ve performansıyla bilinen MySQL, web uygulamalarında yaygın olarak kullanılır.
• Postgre SQL : PostgreSQL, gelişmiş SQL özelliklerini ve karmaşık sorguları destekleyen güçlü ve açık kaynaklı bir ilişkisel veritabanıdır. Yapılandırılmış verileri işler, ACID uyumluluğunu sağlar ve güvenilirliği ve genişletilebilirliğiyle bilinir.

2. NoSQL Veritabanları

NoSQL veritabanı, geleneksel ilişkisel veritabanlarının aksine, verileri esnek ve tablo biçiminde olmayan bir biçimde depolar. Satır ve sütunlardan oluşan tablolar yerine, NoSQL veritabanları verileri depolamak için belgeler, anahtar-değer çiftleri, geniş sütunlar veya grafikler kullanabilir. Bu, büyük miktarda yapılandırılmamış veya yarı yapılandırılmış veriyi verimli bir şekilde işlemelerine olanak tanır. Kolayca ölçeklenebilecek ve büyük veri uygulamalarını yönetebilecek şekilde tasarlanmıştır.

• Mongodb : MongoDB, verileri JSON benzeri belgelerde depolayan bir NoSQL veritabanıdır. Yapılandırılmamış verileri işler, güçlü sorguları destekler ve sunucular arasında kolayca ölçeklenebilir; bu da onu esnek ve ölçeklenebilir uygulamalar için popüler hale getirir.
• Cassandra : Apache Cassandra, büyük verileri işlemek için kullanılan açık kaynaklı bir NoSQL veritabanıdır. Yapısal, yarı yapılandırılmış ve yapılandırılmamış verileri işleme kapasitesine sahiptir.
• Redis : Redis, hızıyla bilinen bellek içi bir NoSQL veritabanıdır. Dizeler, karmalar ve listeler gibi çeşitli veri yapılarını desteklediğinden, önbelleğe alma, gerçek zamanlı analiz ve mesajlaşma için idealdir.

Not: Verilerinizin güvenli, düzenli ve kullanımı kolay kalmasını sağlamak için Veritabanı yönetim sistemleri kullanıyoruz .

API'ler ve Veri Değişim Formatları​

Web sitesi geliştirme sürecinde, farklı yazılım bileşenleri ve web uygulamaları sürekli olarak iletişim kurmalı ve bilgi paylaşmalıdır. Örneğin, web uygulamanızın ön yüzünün (kullanıcının tarayıcısında çalışan) arka uçtan (bir sunucuda çalışan) veri alması veya uygulamanızın hava durumu sağlayıcısı veya ödeme ağ geçidi gibi üçüncü taraf bir hizmetten bilgi alması gerekebilir. Bu iletişim, Uygulama Programlama Arayüzleri (API'ler) ve standartlaştırılmış Veri Biçimleri aracılığıyla mümkün olur.

API İletişimi için Veri Değişim Formatı: Uygulamalar API'ler aracılığıyla iletişim kurduğunda, alışverişi yapılan verileri temsil etmek için ortak ve yapılandırılmış bir yola ihtiyaç duyarlar. İşte bu noktada veri formatları devreye girer.

Aşağıda API iletişimi için web geliştirmede yaygın olarak kullanılan iki yaygın veri biçimi yer almaktadır:​

• JSON: JSON veya JavaScript Nesne Gösterimi, verileri yapılandırmak için kullanılan bir formattır.
• XML: Genişletilebilir İşaretleme Dili (XML), belgeleri hem insanlar hem de makineler tarafından okunabilir bir biçimde kodlamak için bir dizi kural tanımlayan bir işaretleme dilidir.

Sürüm Kontrolü ve Dağıtımı​

Bir web uygulaması geliştirmek, yalnızca kod yazmaktan daha fazlasını içerir. Sorunsuz, düzenli ve güvenilir bir geliştirme iş akışını sağlayan iki kritik süreç Sürüm Kontrolü ve Dağıtım'dır .

Sürüm kontrolü , özellikle ekipler halinde çalışırken kod tabanınızın gelişimini yönetmenize yardımcı olurken, dağıtım, web uygulamanızı dünya çapında erişilebilir hale getirme sürecidir. Modern geliştirme uygulamaları, genellikle otomasyon yoluyla bu iki kavramı sıkı bir şekilde entegre eder.

Grafikler​

Grafik öğeler, herhangi bir web sayfasının temel özelliklerinden biridir. Önemli noktaları metinden daha iyi iletmek ve web sayfasını güzelleştirmek için kullanılabilirler.

• Canvas: HTML “canvas” öğesi JavaScript aracılığıyla grafik çizmek için kullanılır.
• SVG: Grafik tasarımlarında kullanılan bir teknolojinin adı olan SVG, yani Ölçeklenebilir Vektör Grafikleri, aslında XML dili temelinde oluşturulan vektör tabanlı grafikleri destekleyen bir standardır.