Nume Tutorial: Tips & Tricks Ajax
Descriere: Tips & Tricks Ajax
Download:
Autor: Anonim
Sursa (Link-ul oficial): Propria parere: Folositor.
Tutorialul:

1) Debug

Având în vedere că se lucrează cu javascript, cea mai folosită funcţie este alert. Dar pentru a vedea ce trimite obiectul XMLHttpRequest către server şi ce răspuns va primi este nevoie de ceva mai bun. Cea mai bună unealtă de debug pentru un web developer este FireBug-ul. Acesta este o extensie a Firefox-ului care vă permite să:
- inspectaţi şi să editaţi HTML în timp real
- să modificaţi CSS şi să vedeţi imediat rezultatele
- vizualizare metrică CSS (margin, padding şi border)
- monitorizează traficul paginii (puteţi vedea cât durează fiecare script să ruleze, cât durează să se facă download la o imagine)
- găseşti uşor erorile şi avertismente
- explorezi dom-ul
şi multe altele.
A doua unealtă o reprezintă Web Development Tool Bar
Cu acesta puteţi să dezactivaţi css, javascript-ul , cache-ul, să scoată în evidenţă anumite tag-uri şi multe altele.

2) Librării Javascript.

Atunci când creezi o aplicaţie de amploare şi vrei să lucrezi cât mai rapid este recomandat să foloseşti o librărie sau un framework javascript.
Oferta este variată:

Jquery
Este framework-ul care mie îmi place cel mai mult.
Acesta îţi permite lucru Ajax într-un mod foarte facil, efecte, manipulare/traversare/selectare a anumitor obiecte din pagină foarte uşor (deja celebrul
document.getElementById('idCautat');
este înlocuit de către
$('#idCautat'); ), lucrul cu CSS, plugin-uri şi multe alte facilităţi.

Prototype
Se aseamănă foarte mult cu Jquery şi are foarte multe caracteristici comune, este foarte mic ca dimensiune şi uşor de învăţat.

Dojo
Principala caracteristică a acestui framework o reprezintă Widgets care sunt nişte pachete javascript care lucrează în toate browserele. Totodată Dojo are şi facilităţi Ajax dar şi un sistem de împachetare a codului javascipt foarte facil.

Script Aculo
Este un add on la Prototype şi pune accent mai mult pe partea de interfaţă prin efectele pe care le aduce, drag and drop şi multe altele.
Mai amintim aici şi alte framework-uri Moo.Fx, Rico şi Yahoo IU.

3)JSON

La răspunsul unui interogări Ajax serverul poate trimite plain text, xml sau JSON
Deoarece XML este destul de greu de parsat în Javascript este de preferat ca răspunsul să fie în format JSON care este recunoscut nativ de către Javascript.
Sintaxa JSON:
Obiect:

{ "nume": "Redesign", "locatie" :"Iasi" }

Array:

{ "frameworks" : [ "JQuery" , "Prototype" , "Dojo" ] }

4) Obfuscate code

Prin acest proces puteţi să micşoraţi dimensiunea fişierelor js şi tot odată să faceţi greu de refăcut codul iniţial. Această metodă este cea mai eficientă metodă de a vă proteja codul client side.