BLOG
4. Gün - jQuery Dersi 4
Tayfun Erbilen ekledi. 12 Ağustos 2012 Pazar
Dördüncü jQuery dersimizde aşağıdakileri öğrendik;
- jQuery Live Metodu
- jQuery Append Metodu
- jQuery Index Metodu
Live Metodu Tek Olay Kullanımı
Live Metodu Birden Fazla Olay Kullanımı
Append Metodu Kullanımı
Index Metodu Kullanımı - Basit Tab Yapısı
Gözat
- jQuery Live Metodu
- jQuery Append Metodu
- jQuery Index Metodu
Live Metodu Tek Olay Kullanımı
$("button").live("click", function(){
$(this).after('<button>Banada Tıkla</button>')
});Live Metodu Birden Fazla Olay Kullanımı
$("p").live({
click: function(){
$(this).after('<p>Bunada Tıkla</p>');
},
mouseover: function(){
$(this).addClass("deneme");
},
mouseout: function(){
$(this).removeClass("deneme");
}
});Append Metodu Kullanımı
$("a").click(function(){
$("div#Erbilen").append("<div>Bu yeni div</div>");
});Index Metodu Kullanımı - Basit Tab Yapısı
$("div.tab:not(:first)").hide();
$("ul li").click(function(){
var index = $(this).index();
$("div.tab").hide();
$("div.tab:eq("+index+")").show();
});
Kaydol:
Kayıt Yorumları (Atom)
HAKKIMDA
2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müzikle de uğraşan sıradan birisi..
teşekkürler kardeşim senin sayende baya yol kat ettik:)
YanıtlaSilTeşekkürler Tayfun, Paylaşımlarından dolayı seni tebrik ederim. senden bir ricam olacak şu imac de birde php dersleri serisi yapsan çok güzel olur ;)
YanıtlaSilRica ederim, takip eden olduğu sürece dersler çekmeye devam edeceğim inşallah.. Ancak çok fazla vakit bulamıyorum ders çekmek için.. 9 dakika sürüyor belki bir ders ama onu kaydetmesi, yüklemesi, konuyu açması vs. derken 1-2 saatimi alıyor.. O yüzden şimdilik jquery ile ilerleyelim, ilerisi için kesin bir plan yapmıyorum :)
SilTeşekkürler Tayfun. Efsane bir seri daha doğuyor. :D
YanıtlaSileline sağlık tayfun. hala DW ile anlatıyorsun, istediğin gibi bir editör bulamadın sanırım daha :) bir dersini hatırlıyorum, orada "benden DW ile anlatmamı beklemeyin" demiştin. Şimdiyse DW ile anlatıyorsun (Notepad++ olmadığı için mecburen) (:
YanıtlaSilMac için editörleri araştırdın mı, kafana yatan beğendiğin bir editör yok mu, ya da Windows programını Mac te çalıştıramıyormusun bir şekilde bir yolu yokmu NP++ için.
+ olarak sormak istediğim;
BBSY projesi 15 bölüm sonunda tamamen bitecek mi? yoksa zaman içerisinde daha da geliştirilerek anlatımları devam edecek mi?
Bir de her ne kadar Öğretiyor.com da çalışsanda artık yeniden dayanamayıp ücretsiz ders çekmeye başlamışsın. İçindeki öğretme aşkına hayranım Tayfun :)
Aslında özelden birçok kişi editör tavsiyesinde bulundu, ama çok üşengeçim sanırım bir türlü indirip kuramadım :) DW ile anlatmam demiştim doğrudur ama sözüm ona herşeyi fare ile halledenlerden olmam demek istemiştim.. Sonuçta kod bölümünü kullanıp tüm kodları yine biz yazıyoruz :)
SilBBSY projesi 15 bölümde bitecek evet.. Zaten 14. bölümde bitirmiş olucaz, 15. bölümde tema entegresini göstereceğim.. Eğer talep olursa bbsy scriptini geliştirmeye birlikte devam edebiliriz ekstra dersler ile.
Ücretsiz ders çekip paylaşmamdaki amaç daha fazla kişiye ulaşmak. Çünkü ülkemizde henüz öğretiyor gibi projelere pek sıcak bakılmıyor, ve bende bilgilerimi bu anlayış değişene kadar 2 türlü aktarmaya karar verdim :)
Teşekkürler.
Tesekkurler sabirsizlikla tum dersleri bekliyorum. Ozellile uygulama derslerini merak ediyorum saygilar !
Siltayfun sen böyle ücretsiz dersler çekmeye devam ettikçe insanlar senin paragöz olmadığını anlayıp zaten emeğinin karşılığını verirler.
Silben senin sayende baya bir geliştirdim kendimi. ücretsiz derslerinden çok yararlandım. elime para geçtiğinde öğretiyor.com da yararlanmaya başlıcam. çoğu insanda sendeki bu iyi niyeti görüp öğretiyor.com dan dersler satın alacaktır. kısacası hiçbir emek karşılıksız kalmaz. bazıları gibi sadece paralı ders çekmediğin için teşekkürler:)
Hızlandırılmış jQuery dersi seriside diyebiliriz buna ve ben bu seriyi çok çok beğendim umarım devamı gelir ve bu arada yavaştan uygulama yapmaya girse iyi olur, ellerine sağlık tayfun :))
YanıtlaSilDW da kod yazarken kullandığın Font'un adı nedir Tayfun ?
YanıtlaSildw'nin kendi fontu, hiç bir fikrim yok :)
SilTeşekkürler tayfun çok güzel ders anlatıyorsun yarını iple cekiyorum..
YanıtlaSilSayende çok şey öğrendik Tayfun kardeşim, halen daha öğreniyoruz. :) Bu arada jquery eğitim seti çok iyi oldu. :)
YanıtlaSiltakip ediyorum abi çok iyi gidiyor, tutsplus'ta mı ne böyle bir jQuery seti vardı ücretsiz 30 günde öğrenin diye ama ingilizce olduğunundan adamın anlattığı hiçbir bilgiyi anlamıyordum Türkçe serisinide sen yapıyorsun eline sağlık
YanıtlaSilAnlatım Çok güzel eline sağlık ama bence anlatırken web sayfalarının nerelerinde kullan bileceğimiz örnek üstünde gösterirsen daha yararlı olur mesela bir e-ticarette nerede kullanabiliriz?
YanıtlaSilBöyle bir sınırlandırma-kategorileme mantıksız olur.. Çünkü sen live metodunu ya da append metodunu aklına gelebilecek her yerde kullanabilirsin.. Bu yüzden bu tamamen senin yaratıcılığına kalmış birşey.
SilTayfun acaba temel javascript için de ders hazırlamayı düşünüyor musun? Bu konuda adam akıllı hiç kaynak yok. Bu yüzden belki aklında vardır diye soruyorum.
YanıtlaSilJavaScript derslerine başlayacağım ama sanırım öğretiyorda ufak bir set hazırlayacağım bununla ilgili.
Silayrıntılı tab sisteminide bekliyoruz :)
YanıtlaSilTayfun Tebrik ederim kardeşim. Emek harcıyorsun birileri bir şeyler öğrensin diye. Takip ediyorum sürekli.
YanıtlaSilTeşekkür ederim gerçekten çok güzel bir proje
YanıtlaSildersler için çok teşekkürler çok yararlı oluyor. Umarım php dersleri de devam eder.
YanıtlaSilTayfun abi aslında bu index değerinin mantılı ile slider bile yapılabilir değil mi ?
YanıtlaSilEvet, index birçok şeyin ilacı :)
SilO zaman İndex'i anlamam bir çok sıkıntıma derman olacak jquery üzerinde, sağol :)
Sillive metodu tek metodlu çalışıyo ama çok metodlu çalıştıramadım neden bir türlü çözemedim
YanıtlaSilBu kodu kullandım çalışmıyor yardımcı olursan. Tekli çalışıyor ama birden fazla metod ile çalışmıyor
Eminim bir yerlerde bir hatanız vardır :)
Sil4.Ders videosunun css' leri kaymış, videoyu oynatınca yazılar karışıyor bir bak istersen:)
YanıtlaSil