bildirgec.org

ajax hakkında tüm yazılar

Size Sıfırdan AJAX Öğretecek 20 Mükemmel Kaynak

pinkfloyd | 16 February 2009 09:45

Ajax (Asenkronize JavaScript ve XML) yüksek seviyede interaktif ve karşılık veren tarayıcı tabanlı uygulamalar geliştirebilmenize olanak sağlayan bir teknolojidir. XMLHttpRequest nesnesine yüklenerek suncu ile sorunsuz bir bağlantı sağlanabilir ve bu sayede yumuşak ve dinamik bir kullanıcı deneyimine kavuşulur.

Eğer daha önce AJAX öğrenmek istediyseniz, AJAX’ı ve onu çevreleyen teknolojileri “yalayıp yutmanızı” sağayacak pek çok kaynak bulunmaktadır. Yazımızın devamında AJAX konusunu kapsayan en iyi 20 web sitesini incelemeye çalıştık.

1. Ajax resource center (developerWorks)

IBM’in geliştiricilere ve BT profesyonellerine yönelik olarak hazırladığı bir kaynak merkezi olan developerWorks üzerinde bu konuya adanmış bir AJAX kaynak merkezi bulunmaktadır. İlgili sayfada AJAX’a yönelik pek çok rehber yer alıyor. developerWorks’ün rehberleri derinlemesine ve oldukça uzundur ve bunlar üzerinden jQuery ve AJAX ile RIA uygulamaları oluşturmak, AJAX güvenlik araçlarını öğrenmek ve AJAX tabanlı sohbet sistemi geliştirmek gibi farklı alanlarda pek çok çeşitli bilgiye ulaşabilirsiniz.

2. Mozilla Developer Center (AJAX)

Mozilla Developer Center üzerinde bulunan AJAX bölümü özellikle giriş seviyesindeki geliştiriciler içn mükemmel bir başlangıç noktası olarak gösterilebilir. MDN üzerindeki başlangıç rehberi özellikle AJAX’ın temel konseptlerini öğrenmek için mükemmel bir başlangıç noktasıdır. İlginizi çekebilecek bir diğer yazı ise XMLHttpRequest üzerinde yer alan yazıdır. Bu yöntem tipik AJAX örneklerinde sunucu tabanlı betiklerle iletişime dair kullanılması gereken ana elementtir.

Adobe’den Spry özelliği… (Dreamweaver & Spry)

K0R54N | 12 February 2009 14:36

Spry nedir?
Spry adobe‘ye ait bir yeniliktir. Birkaç yerde okuduğuma göre amaç Ajax‘ı en popüler hale getirmekmiş.

DW ile Spry arasındaki bağ…
Spry bağımsız da çalışabilir ama esasında Dreamweaver (DW) ile eşleşmiş bir yazılımdır. DW CS3 ile gelen bir yenilik.

Bu yenilik şunları yapabilir:
Yazılara, linklere efekt verebilir. ŞU ADRESten spry effect’lerin adını, adına tıkladığınızda da görevinin tanıtımını görebilirsiniz.

SPRY başka ne yapar?
Hani şu genelde haber sitelerinde gördüğümüz sekme panelleri vardır. (örnek) İşte mesela onu pratik bir şekilde oluşturabilir ve düzenleyebilir.
Ya da mesela menüler vardır ki bu menüler; alt menüleri de olan dinamik menülerdir. (örnek) işte bunu da yapabilir. (Spry ile sadece 3. alt menüye kadar inebiliyorsunuz.)

Spry’leri birleştirip örnek olarak bakın adobe bize neler yapmış…
1) Foto Galeri yapmış. (kaynak kodları) (tanıtımı)
2) Dinamik Form yapmış. (kaynak kodları) (tanıtımı)
3) Diğerleri de BURADA.

Siz de Spry özelliğini kullanarak bu tip scriptler yazabilirsiniz. Bu upload scriptti olabilir, fotograf galerisi olabilir artık arz-talep meselesi…

Başka siteden veri almak

Alikem | 11 February 2009 16:57

Merhaba, örneğin php ile curl kütüphanesi kullanılarak bize ait olmayan bir siteden veri alınabiliyor. (sunucunun ip siyle)

Aynı şeyi javascript ile yapmam gerekiyor. Ya da şöyle söyleyeyim. Aslında neyle yapılacağının hiç önemi yok. Yeter ki veri alınacak siteye sunucunun ip si değil de kullanıcının ip si gitsin.

JS in xmlhttprequest nesnesini kullanarak denemeler yaptım ancak güvenlik engeliyle karşılaştım. xmlhttprequest tarayıcı ile sunucu arasında iletişim sağlıyor ancak gidip başka bir sunucudan veriyi almıyor.

Biraz somutlaştırayım:

woork’ten ücretsiz el kitabı

pinkfloyd | 09 February 2009 14:13

Yayımladığı web tasarımı ve trendlerine yönelik makaleleri ve kaynakları ile geçtiğimiz yıl 4 milyon ziyaretçi tarafından ziyaret edilen Woork web sitesi, geçtiğimiz günlerde ücretsiz ve kaliteli bir el kitabı yayımladı.

Kitap CSS, HTML, AJAX, Web programlama, Mootools, Scriptaculous ve web tasarımına yönelik pek çok farklı konuda bilgi içeriyor. İçeriğin tamamı daha önce Woork üzerinde yayımlanan kaynaklardan oluşturulmuş.

Site yöneticileri geçtiğimiz yıl boyunca ziyaretçilerden bu tip bir kitap yayımlamaları konusunda yoğun istek aldıkların belirtirlerken, uzun bir çalışma sürecinin ardından ilgili kitabı ücretsiz yayımlamaya karar vermişler.

Kitap bünyesinde kod bölümlerinden görsellere, illüstrasyonlardan woork üzerindeki orijinal içeriğe bağlantılara kadar pek çok konuda değerli bilgiyi derli toplu bir biçimde sunuyor.

Her zaman aradığımız 29 adet CSS/Ajax/Java/Dhtml Galeri sistemi

sott | 05 February 2009 19:38

1 . Minishowcase
Minishowcase küçük ve çok basit bir Ajax galeri sistemi. Kullanım konusunda basitliği ile tasarımcı dostu diyebilirim. mutlaka inceleyin.

2. JonDesign’s SmoothGallery
JS dosyası sadece 16kb olan bu galeri sisteminde Jon Design birçok sitede gördüğümüz bir yapıyı bizimle paylaşıyor. Koyu renk tasarım seçmiş ve fotoğraf ağırlıklı bir tasarım anlayışına sahip tasarımcılar için birebir.

Iconfinder ile icon arama derdine son

Down4You | 04 February 2009 17:14

Iconfinder adı üstünde icon aramaya son veren bir arama motoru, özel tasarımları hazırlarken saatlerce uygun iconu google deivart ve diğer sitelerden aramaya son veren bu servis ile artık aradığınız kelimeyi yazmanı yeterli .

Mac OS X ve Windows için özel Widget ler hazır sunulmuş durumda.

Internet Explorer ve Firefox da hiçbir sorun çıkarmada aradığınızı kolayca bulabilirsiniz.

Web Tasarımcılar İçin 15 Javascript Slider ve Scroller

sott | 04 February 2009 09:51

Görsel ve işlevsel anlamda web sitelerimize hem hareket katacak hem de kullanım basitliği sayesinde kullanıcılarımızı sitemizde basitçe ilgi alanlarına yönlendirebilecek Javascript “slider”lar ve “scroller”lar..
Burada, görsellik anlamında çok şık ve ilgi çekici kodlamaları görebilirsiniz.
Emin olun bu javascriptler sitenize çok fazla değer katacak.
İşte kullanımların en güzel örnekleri;

1. YouLoveUs

2. Volll

3. Melissahie

Hafif ve Kolay Bir PHP-AJAX Çatısı

anil- | 31 January 2009 16:23

PHP ile AJAX tekniğini biraraya getiren birçok kütüphane mevcut ancak birçoğu ya fazla ağır ya da basit bir işi yapmak için oldukça fazla kod yazmayı gerektiriyor. Hiç sizinde içinizden php ile yazdığınız bir fonksiyonu kolayca javascript fonksiyonu olarak kullanmak geçmedi mi? PHPLiveX ile bir hamlede kolayca php fonksiyonlarınızı javascript kodunuzun içerisinde kullanılabilecek hale getirebiliyorsunuz.

Oldukça hafif olan PHPLiveX kütüphanesi sadece bir php sınıfından oluşuyor. Php ile kodladığınız fonksiyonları tek bir satır kod ile birebir aynı isme ve argümanlara sahip javascript kodlarına çevirebiliyorsunuz. İsterseniz 1 argümanda ek olarak giriyorsunuz ve bu argümanda JSON formatında o fonksiyona özel AJAX metodu ayarlarını girebiliyorsunuz. Bunlara örnek olarak önyükleyici (preloader) imajını ve fonksiyondan dönen değerin yazdırılacağı dom elemanı gibi özellikleri verebiliriz.

Floatbox: Ücretsiz Lightbox Klonu

syris | 21 January 2009 18:59

iyi bir resim gösterme aracı becerikli, kolay kullanışlı, işlevsel ve mümkünse az sorunlu olmalı. genelleme yaparsak hepimizin isteği aşağı yukarı bunlar. Floatbox kolay kullanımının yanı sıra tam bir lightbox klonu. yukarıdaki özellikleri tamamen içinde barındırıyor ve tamamen ücretsiz.

Standalone images
Image galleries
Slideshows
AJAX html content
Iframe html content
Inline hidden divs
Flash
Quicktime
Online multi-media services (YouTube, Yahoo Video, etc.)

gibi özellikleri kolayca kullanabiliyorsunuz. multi-media, Popup thumbnail ve info/ gayet başarılı buldum. tecrübe etmenizi tavsiye ederim. diğer linkler şu şekilde:
demo sayfası
indirme sayfası
forum sayfası