JQuery Mobile
| jQuery Mobile | ||
|---|---|---|
 | ||
| Informatii generale | ||
| tip de program | Cadru pentru aplicații web | |
| dezvoltator | Proiectul jQuery | |
| lansarea inițială | 16 octombrie 2010 | |
| Licență | MIT [ 1 ] | |
| Starea reală | Activ | |
| Informații tehnice | ||
| Programat în | javascript | |
| Versiuni | ||
| Ultima versiune stabilă | 1.4.5 (31 octombrie 2014 (7 ani, 11 luni și 19 zile)) | |
| Legături | ||
JQuery Mobile este un cadru optimizat pentru atingere (cunoscut și ca cadru mobil) care este în prezent dezvoltat de echipa de proiect jQuery. Dezvoltarea se concentrează pe crearea unui Framework compatibil cu marea varietate de smartphone-uri și tablete, ceva necesar pe piața în creștere și eterogenă a tabletelor și smartphone-urilor. JQuery Mobile Framework este compatibil cu alte cadre și platforme mobile, cum ar fi PhoneGap și Worklight, printre altele.
Toate proiectele care folosesc jQuery Mobile folosesc mai mult sau mai puțin același cod. Este important să vă conectați la bibliotecile JavaScript jQuery și jQuery Mobile și la foile de stil ale acestora (aceste fișiere pot fi descărcate și utilizate local, dar se recomandă conectarea de la jQuery CDN).
Corpul documentului conține div-urile cu atribute „rol de date”. Acest atribut, prin jQuery Mobile definește aspectul și funcționalitatea div-ului. Un div cu „pagina” cu rol de date, de exemplu, redă conținut pe ecran complet în proiectul web. O „pagină” poate avea div-uri definite prin rolurile de date „header”, „conținut” și „footer” (dar nu este necesar, orice HTML este permis în interiorul div-ului „pagină”).
Un document HTML poate conține mai mult de un element „pagină” și, prin urmare, mai mult de un element de ecran complet. În acest fel este necesar doar să încărcați un singur document care conține mai multe pagini ale aplicației. O „pagină” poate fi conectată la o alta din același document, făcând referire la atributul său id (de ex.: href="al doilea"). Dacă se folosește această soluție, trebuie să ținem cont că prima „pagină” găsită în document va fi încărcată implicit, acesta fiind întotdeauna punctul nostru de intrare.
În continuare, vom arăta o mică explicație a celor mai comune atribute ale jQuery Mobile:
- data-role – Specifică rolul fiecărui element, cum ar fi „antet”, „conținut”, „subsol”, etc.
- data-theme – Specifică ce tema de aspect să folosească pentru elementele din container. Poate fi „a” sau „b”.
- data-position – Specifică dacă poziția unui element trebuie să fie fixă, caz în care se va reda în partea de sus (în antet) sau în partea de jos (în subsol) în mod implicit, indiferent de dimensiunea conținutului afișat.
- data-transition – Specifică una dintre cele 10 animații posibile care pot fi utilizate atunci când vă deplasați între pagini.
- pictogramă-date – Specifică una dintre cele 50 de pictograme posibile care pot fi adăugate unui element. Aceste pictograme vor fi afișate ca parte a elementului pe care sunt afișate.
jQuery Mobile oferă un cadru puternic de „temă” care permite dezvoltatorilor să personalizeze schemele de culori și anumite aspecte ale interfeței UI (User Interface) controlate de CSS. Dezvoltatorii pot folosi aplicația jQuery Mobile ThemeRoller pentru a personaliza aceste aspecte și pentru a crea o gamă largă de experiențe. După ce a dezvoltat o temă cu ThemeRoller, dezvoltatorul își poate descărca CSS-ul personalizat și îl poate folosi direct în proiectul său.
Fiecare temă conține până la 26 de permutări de culoare, fiecare constând dintr-o bară de antet, corp de conținut și stări de buton. Combinarea acestor permutări diferite permite dezvoltatorilor să creeze o gamă mai mare de efecte vizuale decât ar putea cu o singură permutare pe temă. Comutarea între diferitele teme este la fel de simplă ca și adăugarea unui atribut numit „temă de date” la elementele HTML. Tema jQuery Mobile implicită vine cu 5 permutări diferite de culoare, numite „a”, „b”, „c”, „d” și „e”.
Referințe
- ↑ Fundația jQuery - jquery.org (10 septembrie 2012). Modificări ale licenței jQuery . blog.jquery.com . Extras 9 octombrie 2013 .
