- Katılım
- 30 Aralık 2010
- Mesajlar
- 256
- Reaction score
- 3
Merhaba arkadaşlar.
Eğer web alanında programlama yapıcaksanız tek başına server side diller yetmez. Çünkü tek başına örneğin php ile yapılmış bi web sitesi yalnızca sayfadan sayfaya geçişlerde bi kıpırdanma yaşar ve bu kullanıcıları teknolojinin gelişmesiyle birlikte sıkar duruma geldi. Artık kullanıcılarımızın karşısına mutlaka güzel bir arayüz ve yaşayan( sürekli oynayan ) birşeyler çıkarmalıyız. Bunun için tarayıcıya dayalı web programlama dillerinden olan Javascripti öğrenmeliyiz.
jQuery nedir: Javascriptle yazdığınız bi kodun aynısını hatta daha gelişmiş işlevlisini çok daha az yazarak yapmaya yarıyan bir kod kütüphanesidir. jQuery herşeyi daha az yazarak yaptığınız için öğrenmesi en kolay Javascript frameworküdür. jQuery nin sloganı "Write less, do more." yani Türkçe'si az laf çok iştir.
Neden jQuery: İnanılmaz zaman tasarrufu + Kod tasarrufu + Daha kolay ve hızlı öğrenim + Daha fazla işlev
jQuery yi kimler kullanıyor: Başta AhmetAkan sonra ; GoogLe, DELL, digg, NBC, cbs, netflix, Technorati, mozilla, WordPress, Drupal..
Kullanım için gerekli malzemeler: hiç bir yazılıma veya kuruluma gerek yok arkadaşlar. yalnızca <head> tagları arasına şu kodları eklemelisiniz
evet sadece bu kadar. artık sayfalarımızda tüm jQuery kodlarını sorunsuz kullanabiliriz. hani bi javascript dosyası indirmedik ya bu çektiğimiz siteye bişe olursa dediğinizi duyar gibiyim. böyle bişe olamaz çünkü tek bi serverları yok adamların birine bişe olsa anında diğerine geçer sorunsuz devam eder. hadi olduda bişe oldu diyelim. sadece sizin sitenize bişe olmaz milyonlarca websitesi arayüzlerinde sorun yaşar ve bu büyük bi haber olur. Siz hemen GoogLe 'dan en son halini atar ve yolunuza sorunsuz devam edersiniz.
jQuery ile ilgili temel özellikler: örnek bi kodu parçalarına ayırıp neresi nasıl çalışıyor ve hangi özelliklerde görelim;
bu kodu yazdığımızda sayfamızda daha önceden yazdığımız
şeklindeki ahmet isimli div tagımızın içindeki abcde yi silip yerine eklenecek yazı cümleciği yazılacak.
şimdi parçalayıp anlatalım;
jQuery seçicisini kullanarak ahmet id li nesneye işlem yapacağımızı bildirdik. Birdahaki derste anlatacağım seçiciler jQuery nin tabanını oluşturmaktadır. jQuery de bi işlem yapılcaksa bu işlemin üzerinde gerçekleştiği bir nesne olmalı. yani örneğin bir div etiketi veya id="" özelliği ahmet olan bir input veya aklınıza ne geliyorsa.
Seçtiğimiz nesneye jQuery nin hangi işlevini uygulayacağımızı belirttik. Bunu yapabilmek için önce nokta koyup işlev kısmına geçtiğimizi söyledik. daha sonra parantez başlangıcına kadar hangi işlevi yapacağını söyledik ve parantez içinde bu işlevin hangi parametreyle gerçekleşeceğini yani bu işlevin tam olarak ne yapacağını söyledik.
Bir dahaki dersimiz seçiciler üzerine olacak..
edit: jQuery Dersleri #2 | Seçiciler <- Bu bağlantıyla 2. ders e geçebilirsiniz.
Eğer web alanında programlama yapıcaksanız tek başına server side diller yetmez. Çünkü tek başına örneğin php ile yapılmış bi web sitesi yalnızca sayfadan sayfaya geçişlerde bi kıpırdanma yaşar ve bu kullanıcıları teknolojinin gelişmesiyle birlikte sıkar duruma geldi. Artık kullanıcılarımızın karşısına mutlaka güzel bir arayüz ve yaşayan( sürekli oynayan ) birşeyler çıkarmalıyız. Bunun için tarayıcıya dayalı web programlama dillerinden olan Javascripti öğrenmeliyiz.
jQuery nedir: Javascriptle yazdığınız bi kodun aynısını hatta daha gelişmiş işlevlisini çok daha az yazarak yapmaya yarıyan bir kod kütüphanesidir. jQuery herşeyi daha az yazarak yaptığınız için öğrenmesi en kolay Javascript frameworküdür. jQuery nin sloganı "Write less, do more." yani Türkçe'si az laf çok iştir.
Neden jQuery: İnanılmaz zaman tasarrufu + Kod tasarrufu + Daha kolay ve hızlı öğrenim + Daha fazla işlev
jQuery yi kimler kullanıyor: Başta AhmetAkan sonra ; GoogLe, DELL, digg, NBC, cbs, netflix, Technorati, mozilla, WordPress, Drupal..
Kullanım için gerekli malzemeler: hiç bir yazılıma veya kuruluma gerek yok arkadaşlar. yalnızca <head> tagları arasına şu kodları eklemelisiniz
HTML:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>jQuery ile ilgili temel özellikler: örnek bi kodu parçalarına ayırıp neresi nasıl çalışıyor ve hangi özelliklerde görelim;
HTML:
$('#ahmet').html('Eklenecek yazı');
HTML:
<div id="ahmet">abcde</div>şimdi parçalayıp anlatalım;
HTML:
$('#ahmet')
HTML:
.html('Eklenecek yazı')Bir dahaki dersimiz seçiciler üzerine olacak..
edit: jQuery Dersleri #2 | Seçiciler <- Bu bağlantıyla 2. ders e geçebilirsiniz.