Efectuarea interacțiunii web O introducere în jQuery

jQuery este o bibliotecă de scripting din partea clientului pe care aproape orice site web modern îl folosește - face site-urile interactive. Nu este singura bibliotecă Javascript, dar este cea mai dezvoltată, cea mai utilizată și cea mai utilizată. Este unul dintre elementele de bază ale oricărui site modern. Dar ce anume este jQuery, ceea ce o face atât de populară și de ce ar trebui să vă intereseze dacă începeți ca dezvoltator web?

Ce este jQuery??

jQuery este o extensie a Javascript, o bibliotecă de funcții și utilități Javascript care adaugă un fler vizual și face ca funcțiile avansate să fie ușor de implementat în doar câteva rânduri de cod. Este acceptată în toate browserele și este deschisă. În plus, puteți extinde funcționalitatea jQuery cu pluginuri ușor de folosit.

jQuery este construit pe partea de sus a Javascript, dar adaugă metode și funcționalitate care nu sunt găsite în Javascript pur. Acesta a fost creat pentru a simplifica utilizarea Javascript și pentru a elimina hassles preocupat de diferite implementarea Javascript în diferite browsere. Cu jQuery puteți scrie o singură dată și jQuery va interpreta codul corect pentru orice browser.

Funcția principală a jQuery este pentru manipularea DOM (DOM este Modelul Obiectului de Document) și înseamnă structura de bază a oricărei pagini web pe care o vizitați. Fiecare lucru pe care îl vedeți pe pagină - și mulți pe care nu îl vedeți - sunt reprezentați în DOM.

jQuery nu este singura bibliotecă de Javascript, dar este cea mai populară - aproximativ 55% din primele 10.000 de site-uri Web le utilizează. Prototipul, MooTools și Scriptaculous sunt alternative populare, dar nu sunt la fel de bine susținute.

Partea client vs. server

Cele mai multe pagini web sunt generate pe partea de server - MakeUseOf utilizează PHP și MySQL (sub formă de WordPress) pentru a prelua datele dintr-o bază de date și apoi a aplica un șablon acestor date. Pagina rezultată este trimisă browserului dvs., interpretată și afișată. Dacă faceți clic pe un link, faceți o altă solicitare în baza de date și o altă pagină este generată. Dar dacă vrei să creezi un fel de interactivitate pe pagină? Un formular care verifică ce tip de utilizator (cum ar fi Twitter, care contează cât de multe litere ați lăsat), un buton care aduce o casetă de dialog sau poate doriți să încărcați mai multe date fără a reîncărca întreaga pagină?

Aici e locul scripting pe partea clientului intră în joc. Aici clientul - browser-ul dvs. - face ridicarea greoaie. Cele mai multe site-uri web, inclusiv acestea, utilizează un pic de ambele.

De ce să folosiți jQuery?

Visual Flair

jQuery vă permite să schimbați părțile paginii web ca răspuns la acțiunile utilizatorului. Ca un exemplu rapid, faceți clic pe acest link - fiecare link de pe pagină va schimbați la roșu. Inutil? Poate, dar ai rostul. Slideshow-urile de imagini sunt o utilizare obișnuită a jQuery. Echilibrarea efectelor vizuale inutile și adăugările cu adevărat utile pentru experiența utilizatorului sunt parte a abilității de a fi un dezvoltator web.

Iată o listă rapidă a unor efecte minunate pe care le puteți obține.

Evenimente ușoare

Aproape toate software-urile funcționează pe un model de eveniment - faceți clic pe ceva și se declanșează un eveniment de clic. Glisați degetul pe un comprimat și se declanșează un eveniment de tragere. Aplicații “asculta” pentru aceste evenimente și faceți ceva - jQuery vă permite să faceți acest lucru într-un browser.

Efectuați AJAX Pur și simplu

Asynchronous Javascript și XML este o modalitate de comunicare la un server de la distanță fără a fi nevoie să încărcați o altă pagină. Un bun exemplu este fluxul de stare Facebook. Încercați să derulați toate actualizările până ajungeți la partea de jos. Nu poți. Imediat ce ajungeți la sfârșit, jQuery detectează că sunteți aproape și trimiteți o solicitare AJAX pentru afișarea mai multor stări.

Apoi le injectează în pagina curentă, fără să-ți dai seama. Aveți un flux infinit de actualizări, dar nu sunt toate încărcate la început.

Interfețe avansate de utilizator

Împreună cu pluginul core jQuery UI, puteți construi aplicații web complete utilizând componente de formular standard; bara de progres, glisoare, butoane, file, drag and drop - totul este acolo. Un sistem simplu de personalizare vă permite să particularizați aspectul sau să utilizați una dintre valorile implicite.

Ar trebui să am grijă?

Dacă aveți vreun interes în dezvoltarea de site-uri Web Care limbaj de programare de învățat - Programare web Ce limba de programare să învățați - Programare pe Web Astăzi vom examina diferitele limbi de programare web care alimentează Internetul. Aceasta este a patra parte dintr-o serie de programare pentru incepatori. În partea a 1-a, am învățat de bază ... Citește mai mult, atunci da - jQuery este un lucru cu care trebuie să înveți cu certitudine. Dacă v-ați întrebat vreodată “Cum pot face X să facă Y când utilizatorul face Z?”, atunci o să iubești jQuery. Adăugarea acestuia pe site-ul dvs. este la fel de simplă ca adăugarea unui link către el în antet; sau spunând WordPress să o încarce.

Doriți să aflați jQuery? Spuneți-ne în comentarii și voi vedea ce pot face.

Image Credits: Billboard dinamică rotativă creată folosind jQuery, PistolSlut.com, diagramă realizată cu jQuery