jQuery – avantaje si un mic ghid

Poate ati vazut pe multe site-uri module de slideshow, div-uri cu text care apar la un click pe un link sau validarea unui formular inainte de a fi trimis. Toate acestea se fac cu JavaScript, despre care si eu mai am multe de invatat. Munca unui dezvoltator web este una foarte complexa, un dezvoltator trebuie sa stie html, css, php sau alt limbaj, preferabil mai multe, javascript, seo, action script, flash, internet si multe altele 🙂 Si desigur platit foarte prost…

Totusi ca viata sa ne fie mai usoara, putem folosi niste librarii JavaScript pentru o gramada de functii, gen validare, efecte, etc.

jQuery are anumite avantaje

1. Mic, ca dimensiune, usor de folosit si rapid.

2. Nu trebuie sa scrii sute de linii de cod.

3. Compatibilitate cu orice navigator / browser.

4. JavaScript separat de HTML.

5. Ajax usor si rapid.

6. Exista o diversitate de pluginuri.

7. Poate fi extins.

8. Putem folosi CDN (Content Distribution Network).

1. Mic, ca dimensiune, usor de folosit si rapid

Libraria jQuery este mica (doar 20 KB in forma comprimata) atat ca dimensiune cat si executie. Daca incepi sa folosesti jQuery vei vedea ca este usor de folosit si mult mai rapid decat sa scrii tot codul de la 0. Pentru a include libraria jQuery in site-ul tau, vei folosi tagul <script> si cam atat.

2. Nu trebuie sa scrii sute de linii de cod

Un alt mare avantaj este ca nu trebuie sa scrii sute de cod pentru o singura oepratiune. Asta pentru ca jQuery are selectori, mecanisme si tot felul de caracteristici care fac manipularea DOM usoara.

Pentru a selecta un element HTML in javascript:

document.getElementById(‘txtName’);

The above equivalent in jQuery will be,

$('#txtName');

Pentru a selecta toata randurile dintr-un tabel si a schimba culoarea de fundal:

<script src="_scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function() {
$('#table1 > tbody > tr').css("background-color", "Red");
});
</script>

3. Compatibilitate cu orice navigator / browser

Codul jQuery este compatibil cu toate browserele asa ca nu e nevoie sa scrii cod separat pentru fiecare browser in parte. Totusi, CSS ul trebuie sa fie compatibile cu toate browserele, daca vrei ca site-ul sa arate si functioneze la fel in toate.

4. JavaScript separat de HTML

jQuery ne permite sa avem HTML-ul separat de javascript. Acest lucru este posibil datorita functiei jQuery $(document).ready() function of jQuery.

Exemplu:

<input id="btnSubmit" onclick="javscript:Save()" type="button" value="button" />

Codul de mai sus poate fi scris asa:

<script src="_scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript">
$(document).ready(function() {
$('#btnSubmit').click(function() {
alert('Butonul a fost apasat!');
});
});
</script>

5. Ajax usor si rapid

Unul dintre cele mai mari avantaje ale jQuery este usurinta cu care putem folosi Ajax in ASP.Net (nu din experiente, ci din citite, nu lucrez cu ASP 🙂 ) si suportul JSON.

6. Exista o diversitate de pluginuri

Exisat multe pluginuri gratuite disponibile online, pe care le putem folosi in proiecte. De exemplu jQuery tabs.

Puteti cauta necesarul pentru proiect pe site-ul jQuery.

7. Poate fi extins

Functionalitatea jQuery poate fi extinsa dupa nevoi. Asta spune tot 🙂

8. Putem folosi CDN (Content Distribution Network)

Daca ai un site online (si nu local in faza de dezvoltare) poti folosi libraria jQuery gazduita de Google CDN Content Distribution Network.

Reteaua CDN a Google gazduieste cele mai folosite librarii JavaScript, pe care noi le putem folosi pe site-uri. Principalul avantaj este ca Google se ocupa de buguri, actualizari si o viteza ridicata.

Ghid despre cum sa folosesti google CDN gasesti aici – http://webmuch.com/how-why-you-should-use-google-cdn/

Si cam atat…

Published by

Cristian Raț

Lucrez ca si dezvoltator aplicatii web de mai bine de 10 ani. Sunt Senior PHP developer la o companie din Londra. Anterior am lucrat in diverse agentii digitale din Londra sau Romania, unde am avut propria companie. In general folosesc WordPress la proiectele freelance sau Symfony framework la jobul de zi cu zi.

Leave a Reply

Your email address will not be published. Required fields are marked *