Crearea web interactivă: o introducere în jQuery

Publicitate

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

Ce este jQuery?

jQuery este o extensie a Javascript, o bibliotecă din Javascript funcțiile și utilitățile care adaugă fler vizual și fac ca funcțiile avansate să fie simple de implementat în doar câteva linii de cod. Este acceptat în browsere și open source. În plus, puteți extinde funcționalitatea jQuery cu pluginuri ușor de utilizat.

jQuery este construit pe Javascript, dar adaugă metode și funcționalități care nu se găsesc în Javascript pur. Acesta a fost creat pentru a simplifica utilizarea Javascript și pentru a elimina problemele legate de implementarea Javascript diferite în browsere diferite. Cu jQuery puteți scrie o singură dată, și jQuery va interpreta corect codul dvs. pentru orice browser.

Funcția principală a jQuery este pentru manipularea DOM (DOM este modelul de obiect 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 multe pe care nu le vedeți - sunt reprezentate în DOM.

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

Partea Client vs Partea Server

Majoritatea paginilor web sunt generate pe partea serverului - MakeUseOf folosește PHP și MySQL (sub forma WordPress) pentru a prelua datele articolului dintr-o bază de date și apoi aplica un șablon la respectivele date. Pagina rezultată este trimisă browserului dvs., interpretată și afișată. Dacă faceți clic pe un link, faceți o altă solicitare către baza de date și este generată încă o pagină. Dar dacă doriți să creați un fel de interactivitate pe pagină? Un formular care verifică tipurile de utilizator (cum ar fi Twitter, care contează câte litere ați rămas), a buton care deschide o casetă de dialog, sau poate doriți să încărcați alte date fără a reîncărca întregul pagină?

Aici e locul scripturi din partea clientului intră în joc. Acolo clientul - browserul dvs. - face ridicarea grea. Majoritatea site-urilor web, inclusiv acestea, folosesc puțin din ambele.

De ce să folosiți jQuery?

Flair vizual

jQuery vă permite să schimbați părți ale paginii web ca răspuns la acțiunile utilizatorului. Ca exemplu rapid, faceți clic pe acest link - fiecare link din pagină va se schimbă în roșu. Inutil? Poate, dar ai ideea. Diapozitivele de imagine sunt o utilizare obișnuită a jQuery. Echilibrarea efectelor vizuale inutile și completări cu adevărat utile la experiența utilizatorului face parte din abilitatea de a fi dezvoltator web.

Iată un listă rapidă a unor efecte cu adevărat nemaipomenite pe care le puteți obține.

Evenimente ușoare

Aproape tot software-ul funcționează pe un model de eveniment - faceți clic pe ceva și un eveniment de clic este declanșat. Trageți degetul pe o tabletă și se declanșează un eveniment de glisare. Aplicațiile „ascultă” aceste evenimente și fac ceva - jQuery vă permite să faceți acest lucru într-un browser.

Efectuați AJAX Simply

Javascript și XML asincron este un mod de comunicare către un server de la distanță fără a fi necesar să încărcați o altă pagină. Un bun exemplu în acest sens este fluxul de stare Facebook. Încercați să derulați toate actualizările dvs. până ajungeți în partea de jos. Nu puteți. De îndată ce ajungeți la final, jQuery detectează că sunteți aproape și trimite o solicitare AJAX pentru afișarea mai multor stări.

Le injectează apoi în pagina curentă, fără să vă dați seama. Obțineți un flux infinit de actualizări, dar nu sunt toate încărcate la început.

Interfețe avansate pentru utilizatori

Impreuna cu Interfață de utilizare jQuery plugin de bază, puteți construi aplicații web complete folosind componente de formular standard; bare de progres, glisoare, butoane, file, glisați și fixați - este totul acolo. Un sistem simplu de temă vă permite să personalizați aspectul sau puteți utiliza unul dintre valorile implicite.

Ar trebui să mă îngrijesc?

Dacă aveți vreun interes în interior dezvoltarea site-urilor web Care limbaj de programare să înveți - Programare webAstăzi vom arunca o privire asupra diferitelor limbaje de programare web care alimentează Internetul. Aceasta este a patra parte dintr-o serie de programare pentru începători. În partea 1, am învățat elementele de bază ale ... Citeste mai mult , atunci da - jQuery este un lucru pe care cu siguranță trebuie să îl înveți. Dacă v-ați întrebat vreodată „Cum pot face X face Y când utilizatorul face Z?”atunci va plăcea jQuery. Adăugarea pe site-ul dvs. este la fel de simplă adăugând o legătură la acesta în antet; sau spunând WordPress să o încarce.

Ți-ar plăcea să înveți jQuery? Spuneți-ne în comentarii și voi vedea ce pot face.

Credite imagine: Billboard rotativ dinamic creat cu jQuery, PistolSlut.com, Grafic realizat cu jQuery