bildirgec.org

Web sayfalarına getirdiği dinamizm ile web sayfalarının hem tasarımsal hem de işlevsel yapılarında ciddi gelişimlere neden olan AJAX için hazırlanmış 20 adet eğitimin bulunduğu bu liste ile, web sayfarında çeşitli işlemleri yerine getirmesi için hazırlayacağınız bileşenler için farklı geliştirme yöntemlerini deneyebilirsiniz.

1- jQuery ile kolayca AJax Web sitesi yapımı

2- Ajax ile harici web sayfası yükleme

3- Formlar için önizleme gösterimi hazırlama

Captcha, web sayfalarına login olurken veya bir formdan herhangi bir şey yollarken “resimdeki metni yazın” şeklinde uyarıları destekleyen uygulamalara verilen ad. Genel olarak eğer bu uygulamayı kendiniz yazmazsanız başka firmalar tarafından yapılanları kullanmak zorunda kalırsınız. Eğer bunun gibi bir uygulama olmazsa ddos saldırısına uğrayıp veritabınınız şişerek siteniz çökebilir. Bu yüzden her sitenin olmazsa olmazı güvenlik çözümlerinden biridir. Burada en iyi Captcha uygulamalarını vermiş;

TheCAPTCHA

Php scriptlerde kullanılabilen GUI lisanslı güçlü bir captcha servisi.Ücretsiz olarak kullanılabilir.

Securimage

Karmaşık görüntüler oluşturarak kötü niyetli yazılımların spam vb. yapmasına engel olur.Yanlızca php dili ile çalışır.

ReCAPTCHA

Popüler bir captcha hizmeti.Php sitelerde kullanılabilen bu hizmet engelliler için ses olarakta harfleri sayabiliyor ve ücretsiz olarak dağıtılmakta.

Bu yazımda asp.net ve ajaxın birlikte kullanıldığı projelerde gözden kaçmaması gereken noktalara değineceğim… Eminim bir çoğunuz bunları zaten biliyordur ama ben zamanında arattığımda elle tutulur bir sonuç bulamadığım için bari benden sonrakiler sıkıntı çekmesin niyetiyle elimden geldiğince toparlamaya çalıştım…

Eğer yaptığınız sitede ajax kısmı çalışmıyorsa bunlara dikkat edin:

1.Javascript dosyasının adı ve yolu…
2.Javascript dosyası

1

<script type="text/javascript" language="javascript" src="http://arsiv.pilli.com/../jScript/ajax.js">

bu şekilde tanımlanmalıdır. eğer javascript yerine jscript i seçerseniz internet explorer dışındaki tarayıcılarda sorun yaşarsınız.
3.javascript dosyasındaki foknsiyona gönderilen veriyi kontol edin. Siz gitti sanabilirsiniz ama o veri gitmemiş olabilir. örneğin onclick=”user(asd);” şeklinde veri göndermek istiyorsunuz en azından hedef fonksiyona bir alert yazıp asd değişkeni istediğiniz gibi gidiyor mu kontrol edin.
4.html taglarını mutlaka kontol edin eğer sayfa çağırıyorsanız ve o sayfada kapanmamış yada yanlış yazılmış tag varsa buda sizin hata almanıza neden olabilir.
5.çağıracağınız sayfanın içeriğinde gibi bir html markup varsa bunu kaldırın. her ne kadar diğer tarayıcılar sorun çıkarmasa da internet explorer buna müsade etmez ve Bilinmeyen Çalışma Zamanı Hatası alırsınız (Unknown Runtime Error).
6.javascript dosyanızdaki tarayıcıya göre oluşturulan nesneleri kontol edin.

1
2
3
4
5
6
7
8
9
10
11
12
13

var xmlhttp;
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else if (window.ActiveXObject) {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else {
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
    }
    return xmlhttp;

jQuery ile yapılan birçok uygulama bulunmakta. jQuery sizi flash gibi gözüken uygulamaların aynısını yapmanızı sağlıyor. Yani kısaca sizi flash ile uğraşmaktan kurtarıyor. Galeriler, menüler, eklentiler vb. gibi birçok uygulama jQuery ile hoş bir biçimde hazırlanabiliyor. Sadece bunlarla kısıtlı kalmayıp ve web sitenizde müzik dinletebilmenizi de sağlıyor. Buradaen iyi jQuery medya oynatıcılarını göstermiş ;
jMP3 – Jquery Mp3 Plugin

jMP3 (javaScript MP3 player) doğrudan mp3 oynatabilen hoş bir uygulama. Flash ve javascript dışında jQuery kullanan kullanışlı bir uyguluma.

jQuery Media Plugin

Zengin medya içeriği ve standart biçimi sayesinde göze batmayan kullanışlı bir uygulama. Flash, MP3, Windows Media Player, Real Player,Quicktime, Silverlight, PDF gibi hemen hemen her ortam türünde çalışabilir.

20×200

61 Pixels

97 Bottles

Adobe Acrobat

Gist

Web sayfalarına eklenen jQuery örnekleri ile zengin metin editörleri yaratılmış.Bunları web sitenize ekliyebilir veya jQuery ile nasıl metin editörü yapıldığını inceleyebilirsiniz.

MarkitUp – Demo

jWYSIWYG – Demo

Çoğu zaman kendimi tutamıyor ve güzel görünen her sitenin kaynak kodlarını görüntüleyip inceliyorum. Tıpkı sokakta gördüğünüz her insanın temel kemik yapısını ve iç çamaşırlarını gösteren X-Ray gözlükler gibi doğrusu. Nasıl kendinize karşı koyup kodlara bakmazsınız ki?

Güzel bir sitenin güzel kodlarla yaratılışını görmek oldukça etkileyici doğrusu. Bazen de güzellik sadece dış görünüşte kalıyor. SEO’ya dikkat etmeyen arkadaşlarımız yüzünden olsa gerek. Ancak güzel kod nasıl olur? Şunun şurasında “Code is Poetry” (“Kod şiirdir”) diyen wordpress’i hepimiz bir şekilde kullanmışızdır. Sadece HTML’den ne olabilir ki? Topu topu sabit bir dil işte sadece ve dinamik özellikleri de hiç yok. Ancak gene de kodu yaratanın temel özelliklerini gösterir.

Bu konu da beni düşüncelere itiyor. Bir kodu ne güzel yapar? Konu HTML olunca, ustalığa bakar! Hadi güzel bir iskeletin, yazılması gerektiği şekilde yazıldığında nasıl göründüğüne bir bakalım.

Mükemmel HTML nasıl görünür?

Resim, isterseniz bir kağıda çıktısını alıp, duvarınıza asabileceğiniz kadar büyük.

• HTML5 – HTML5 hem yeni, hem de html’yi şu ana kadarki en güzel haline getirdi.
• DOCTYPE – HTML5 ile beraber, doctype da inanılmaz sade ve güzel bir hale geldi.
• Sekmeler – Kodlar, ana/çocuk ilişkisini açıkça gösterecek şekilde ayrılmalı ve sekmelenmeli.

Son yıllarda, web ortamında Veri/Bilgi paylaşımı için en fazla kullanılan formatlardan biri de; kısaca XML +tr +en olarak isimlendirilen, eXtensible Markup Language (Genişletilebilir işaretleme dili) dili ile, belli kıstaslar (Well-Formed) gözetilerek hazırlanmış belgelerdir/dosyalardır.

Web üzerinde oldukça yoğun bir şekilde kullanılmasının bir sonucu olarak, hemen hemen tüm pargramlama dillerinin, XML dokümanlarını okuyarak (parse), içerdikleri verilerin/bilgilerin geliştirici tarafından gerekli biçimlerde kullanılmasını sağlamak için özel nesneleri veya fonksiyonları mevcuttur.

Firefox 1.5+, Safari 3+, Chrome 3, Internet Explorer 6+ ve Opera 9+ tarayıcıları ile uyumlu bir şekilde çalışabilen ve bir jQuery eklentisi olan JParse ile jQuery’nin, jQuery.ajax metodunu kullanarak XML dosyalarını kolayca parse edebilirsiniz.

Günümüz web uygulamaları, statik HTML sayfalarından, zengin içerikli ve ziyaretçi ile etkileşimi ön planda tutan, interaktif bir yapıya dönüşmüş durumda.Bunun, istemci tarfındaki en büyük sağlayıcısı ise; istemci tarafa hızlıca yüklenebilen ve tarayıcı markaları farklı da olsa, yüksek perfonmans alınabilen, JavaScript ile hazırlanmış kullanıcı arayüzlerdir.

Google, web geliştiricilerin JavaScript ile; yüklenme ve çalışma hızı yüksek ve perfonmansı çok daha yüksek olan web uygulamaları geliştirebilmeleri için, Google Code Labs bünyesinde, Closure Tools adı ile, bir projeyi hayata geçirdi.

Google tarafından, Closure Tools bünyesinde sunulan araçlar:

Closure Compiler: Web geliştiriciler Closure Compiler ile; hazırlamış oldukları JavaScript kodlarını çok daha yüksek perfonmans alabilecekleri bir yapıya dönüştürebilecekler/derleyebilecekler.
Closure Compiler; hazırlamış olduğunuz JavaScript kodlarındaki ölü ve tekrar yazılmış kodların temizlemesi, sözdizimi(syntax) kontrolü yapılması ve değişken referanslarının kontürolü gibi bir dizi işlemi gerçekleştirmekte.

Merhaba Arkadaşlar,
Uzun zamandır kodaman.org üyesiyim ve yazıları sürekli takip etmekteyim. Bir ara bende bişeyler ekliyeyim diye düşündüm fakat iş yoğunluğundan ancak bu güne zaman bulabildim ve kodaman.org daki ilk yazımı yazıyorum.

Öncelikle kendimden kısaca bahsedeyim. Adım Fatih. Web dünyasında sürekli kullandığım teknolojiler ise XHTML, CSS, XML, XSLT, JavaScript, jQuery, Prototype dır. Şuan Silverlight öğrenmek için çaba harcıyorum.

Neyse gelelim konumuza. Öncelikle kısa bir kaç cümle ile nedir bu jQuery ve Prototype diye özetiyeyim. jQuery ve Prototype hepimizin bildiği gibi JavaScript in gücüne güç katmak için ortaya atılmış library ler yani kütüphanelerdir. Kodlarımızı JavaScript e göre kısaltan, JavaScript ile yapmamız hayli vakit alacak işleri(Drag And Drop yada kütüphaneler ile gelen efektler gibi) kolayca halletmemize yarayan olmazsa olmaz kütüphanelerdir.