Web Teknolojileri - Serdar Yılmaz

Azure API Developer Portal’ın Self-Host Yapılandırılması

Serdar Yılmaz — Wed, 21 Sep 2022 14:17:22 +0000

API Developer Portal çözümleri, API sağlayıcı kuruluşların API tüketicileri için sunmuş oldukları API’leri ve bu API’lerin dokümantasyonlarını yayınladıkları uygulamalardır. Developer portal ile API tüketicileri, API sağlayıcı bir kuruluşun hangi API’leri sunduğunu, bu API’lerin nasıl kullanıldığını görüntüleyebilmekte ve API ürünleri için abonelik işlemlerini yönetebilmektedir. Bu içerikte Microsoft’un açık kaynak olarak yayınladığı Azure API Management Developer Portal…

The post Azure API Developer Portal’ın Self-Host Yapılandırılması appeared first on Serdar Yılmaz.

jQuery ve Yazım Kuralları

Serdar Yılmaz — Sun, 02 Dec 2018 16:47:58 +0000

jQuery, 2006 yılında John Resig tarafından geliştirilmiş açık kaynak kodlu bir JavaScript kütüphanesidir. Web geliştiricilerinin sıkça başvurduğu JavaScript komutlarını ve fonksiyonlarını hazır bir şekilde sunmaktadır. jQuery Kütüphanesinin Sayfaya Eklenmesi jQuery kütüphanesindeki komutları ve fonksiyonları kullanabilmek için kütüphaneyi sayfaya eklememiz gerekmektedir. Kütüphaneyi sayfaya eklemek için konumunu <head> </head> etiketi arasında bildiriyoruz. <!DOCTYPE html> <html> <head> <title>jQuery</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> </head> <body>…

The post jQuery ve Yazım Kuralları appeared first on Serdar Yılmaz.

jQuery – Hiyerarşik Seçiciler

Serdar Yılmaz — Sun, 02 Dec 2018 14:44:50 +0000

E F Seçicileri Kod $('body h1') Açıklama Yukarıdaki kod, body etiketinin iki alt seviyesindeki (torunu) h1 etiketini seçecektir. E+F Seçicileri Kod $('div+small') Açıklama Yukarıdaki kod, div etiketi ile aynı seviyede (komşu) olan ilk small etiketini seçecektir. E~F Seçicileri Kod $('div~small') Açıklama Yukarıdaki kod, div etiketi ile aynı seviyede (komşu) olan tüm small etiketlerini seçecektir. E>F Seçicileri…

The post jQuery – Hiyerarşik Seçiciler appeared first on Serdar Yılmaz.

jQuery – ID Seçiciler

Serdar Yılmaz — Sat, 01 Dec 2018 13:44:21 +0000

Kod $('#Baslik').css('color','red'); Açıklama Yukarıdaki kod satırı “Baslik” ID’li etiketin yazı rengini kırmızı yapacaktır. $(‘#Baslik’) ifadesi, “Baslik” ID’li etiketi seçer. ID adından önce “#” işareti koyulmalıdır. Örnek Serdar YILMAZ

The post jQuery – ID Seçiciler appeared first on Serdar Yılmaz.

jQuery – Class Seçiciler

Serdar Yılmaz — Sat, 01 Dec 2018 13:10:33 +0000

Kod $('.c1').css('background-color','#e8e8e8'); Açıklama Yukarıdaki kod satırı c1 class’ını kullanan tüm etiketlerin arkaplan rengini değiştirecektir. $(‘.c1’) ifadesi c1 class’ını kullanan tüm etiketleri seçer. Class adından önce “.” işareti koyulmalıdır. Örnek Serdar YILMAZ

The post jQuery – Class Seçiciler appeared first on Serdar Yılmaz.

jQuery – Tag Seçiciler

Serdar Yılmaz — Fri, 30 Nov 2018 15:25:55 +0000

Kod $('p').css('color','red'); // Tag Seçici: $('p') Açıklama HTML sayfamızda aynı etiketten birden fazla bulunabilir. Yapacağımız değişikliğin ilgili etiketin kullanıldığı her yerde geçerli olması için etiket seçicileri kullanabiliriz. Yukarıdaki kod, sayfamızdaki tüm p etiketlerinin yazı rengini kırmızı yapacaktır. Örnek Serdar YILMAZ

The post jQuery – Tag Seçiciler appeared first on Serdar Yılmaz.

<input type=”checkbox” /> Elemanı

Serdar Yılmaz — Sat, 03 Dec 2016 14:03:15 +0000

Kod Açıklama Belli seçeneklerden bir veya birkaçını seçmek için kullanılan yapıdır. Aynı grup altından değerlendirdiğimiz checkbox’lar için aynı name‘i belirtmemiz gerekir. Yukarıda ki örnekte yer alan seçenekler aynı soruyu yanıtlamak üzere eklendiği için name’leri aynıdır. Kullanıcının hangi seçenekleri seçtiğini value değerini kontrol ederek anlayabiliriz. Bu işlemi programlama dilleri ile yapmaktayız. Form yüklenirken varsayılan olarak işaretli olmasını istediğimiz seçeneklere checked…

The post Elemanı appeared first on Serdar Yılmaz.

<textarea> … </textarea> Elemanı

Serdar Yılmaz — Sat, 03 Dec 2016 13:26:41 +0000

Kod Açıklama Textarea elemanı daha uzun metinlerin yazılabildiği veya görüntülenebildiği gelişmiş bir metin kutusudur. <input type=”text” /> Elemanının gelişmiş hali olarak düşünebiliriz. rows özelliği ile metin kutusunun yüksekliğinin kaç satırdan oluşacağını belirtebiliriz. cols özelliği ile metin kutusunun kaç karakterlik genişliğe sahip olacağını belirtebiliriz. wrap özelliği ile metin kutusuna sığmayan yazıların bir satıra geçmesini sağlayabiliriz. 3 farklı değer almaktadır; wrap=”soft”…

The post … Elemanı appeared first on Serdar Yılmaz.

<input type=”text” /> Elemanı

Serdar Yılmaz — Thu, 01 Dec 2016 16:00:11 +0000

Kod Açıklama Formda kullanıcının veri (metin,sayı veya karakter) girişi yapabileceği bir alan oluşturur. Eğer type özelliğine “text” yerine “password” girersek, klavyeden gireceğimiz ifadeler maskelenecektir. size özelliği ile metin kutusunun genişliğini ayarlayabiliriz. (Yatay Uzunluk) maxlenght özelliği ile metin kutusuna girilebilecek maksimum karakter sayısını belirtebiliriz. value özelliği ile sayfa yüklenir yüklenmez metin kutusu içerisinde gözükecek varsayılan metni belirtebiliriz.

The post Elemanı appeared first on Serdar Yılmaz.

Form Oluşturma

Serdar Yılmaz — Thu, 01 Dec 2016 12:16:53 +0000

Kod Açıklama Form yapısını kullanarak kullanıcıdan aldığımız bilgileri sunucu tarafına gönderebiliriz. Kullanıcıdan bilgileri alabilmek için Form Elemanları kullanılmaktadır. Bu içeriğimiz de sadece temel form yapısından bahsedeceğiz. Form elemanlarını ise ayrı bir içerikte ele alacağız. method özelliği ile form elemanlarından alınan bilgilerin nasıl gönderileceğini belirtiyoruz. İki değer almaktadır; post Değeri Form elemanları ile alınan bilgiler gönderilirken URL’de gösterilmez. get…

The post Form Oluşturma appeared first on Serdar Yılmaz.