jQuery Nedir?
JQuery bir JavaScript kütüphanesidir. JavaScript programlamasını basitleştirerek kullanımını daha çok kolaylaştırır. Kısacası jQuery’i en iyi açıklayan tezahürat “daha az yaz, daha fazlasını yap (write less, do more)”. Bu tezahüratı ilerleyen zamanlarda örneklerle daha iyi anlayacağız. Ayrıca jQuery, JavaScript’ten AJAX çağrılarına ve DOM manipülasyonu gibi birçok karmaşık yapıları da basitleştirmemize yardımcı olur.
Oldukça pratik ve işe yarar olduğunu anladık, jQuery kullanmaya karar verdik. Peki nasıl JQuery kullanmaya başlarız?
- İlk yol jQuery kütüphanesini jQuery.com adresinden indirmek.
Download jQuery’ye tıklıyoruz ve son sürümü indiriyoruz.
Download the compressed, production jQuery 3.6.1 (sıkıştırılmış olanı) tıkladık ve karşımıza aşağıdaki gibi anlamsız kod satırları geldi. Bu anlamsız karışık kod satırları da nedir diye düşünürseniz, amacı sisteme daha çabuk yüklenmesi için megabaytının daha az olmasını sağlamaktır. Yani bildiğimiz düzenli kod satırları en sıkıştırılmış şekilde sunulur. Buradaki kodları düzenleyicimizde beautify yaptığımızda okunabilir hale dönüşür.
Burada ctrl + S yaparak bilgisayarımızdaki herhangi bir yere kayıt ediyoruz. Ben masaüstüne kaydettim.
Bu işlemden sonra jQuery kütüphanemiz artık bilgisayarımızda. Tercih ettiğiniz bir düzenleyiciye bu kütüphanemizi taşıyoruz. Ben Visual Studio Code’u kullanıyorum.
Hopp masaüstünden VS Code’a sürüklüyoruz 🖱
Bu dosyaya daha birçok klasör ekleyeceğim için daha düzenli bir yapı istiyorum. Bu yüzden bu dosyamı yeni bir klasör açarak içine sürüklüyorum. Ben jq adında bir klasör oluşturdum.
Şimdi gelelim asıl noktaya, jQuery’i nerede çağırıyoruz?
Öncelikle HTML klasörümüzü oluşturuyoruz temel yapıları ’ ! ’ kısayoluyla yazdırarak head etiketlerimiz arasında çağırıyoruz.
Script etiketiyle beraber src(source)’ü kaynak gösterek jq klasörümün içindeki jQuery dosyamı çağırdım.
2. Diğer bir yol ise Google gibi bir CDN’den jQuery kütüphanesi eklenebilir. Yine jQuery.com adresindeyiz Download’a tıkladık ve aşağı doğru scroll yapıyoruz. Other CDNs — Google CDN 🚀 click 🙃
İstediğiniz bir sürümü tercih ederek kopyalayabilirsiniz. Genelde son sürüm tercih edilir.
Google CDN’i çağırdığım için diğer jQuery dosyama da gerek kalmadı. Dilerseniz Microsoft CDN’i de kullanabilirsiniz bunlar ilerleyen zamanlarda kullanımlarınıza göre sizin tercihleriniz olacaktır.
CDN Nedir?
Content Delivery Network, yani içerik dağıtım ağı anlamına gelir. Bir web sitesine erişmek isteyen kullanıcıları, coğrafi olarak kendilerine en yakın yerde konumlanmış sunuculara yönlendirerek ve bu sunucular üzerinden hizmet almalarını sağlayan bir sistemdir. Yüksek performans göstererek, hızlı ve kesintisiz bir şekilde içerik sunarak pozitif kullanıcı deneyimi elde eder.
Sonuç olarak, kullanıcılar sitenizi ziyaret ettiklerinde görsellerinize, videolarınıza ve birçok içeriklerinize en hızlı sürede ulaştırılmasını sağlar. Bu durumda Google ve Microsoft CDN’leri kullandığımızda sitemiz daha hızlı açılır ve sitemize giren kullanıcı bir dosya istediğinde kendisine en yakın sunucu sayesinde daha hızlı yüklenmesine olanak sağlar.
Örneğin kullanıcı Samsun’da yaşıyorsa en yakın Google sunucusu neredeyse oraya bağlanır. Ya da kullanıcı Malta da yaşıyorsa Malta’ya en yakın sunucuya bağlanır.
Bu hafta burada sonlandırıyorum. Umarım keyifli ve bir o kadar da faydalı bir içerik olmuştur. Gelecek hafta jQuery komutlarına giriş yapacağım. Süper bir içerik olacağına eminim. Şimdilik sevgiyle kalın, hoşça kalın…
“Yazılımda kadın eli”
