Examinați elementele esențiale pentru jQuery Mobile Dev Dev

• Mai 21, 2024

Dispozitivele mobile sunt aici pentru a rămâne, dar site-ul dvs. este pregătit? Această carte a lui Raymond Camden și Andy Matthews, intitulată jQuery Dezvoltare Web mobilă esențială ediția a doua vă va ajuta să vă pregătiți site-ul pentru dispozitive mobile.

Autorii încep cu o scurtă introducere în jQuery Mobile, discutând cum este un cadru bazat pe HTML, cu funcțiile care funcționează atât de bine pe dispozitivele mobile. Odată ce sunteți convins de meritele sale, autorii vă ajută să creați prima pagină web, explicând cum să adăugați componenta jQuery Mobile la HTML și modul în care funcția atributului de date div lucrează cu jQuery Mobile.

Trecând de la o pagină web la mai multe pagini web mobile, autorii discută modul în care hyperlink-urile sunt modificate de jQuery Mobile. Acestea arată cum să adăugați mai multe pagini la un fișier de pagină web folosind un înveliș div pentru a identifica conținutul pentru fiecare pagină din fișier. De asemenea, discută despre modul în care jQuery Mobile folosește hyperlink-uri și Ajax pentru a trece de la o pagină la alta și a tranziției între pagini. De asemenea, arată modul de utilizare a atributului prefetch de date pentru preîncărcarea paginilor secundare. Subiectul se extinde pe măsură ce autorii discută bare de instrumente de navigație, precum și anteturi și subsoluri cu ecran fix și complet. Spațiul este limitat pe dispozitivele mobile, iar autorii discută despre modul de utilizare și stil al numeroaselor funcții de listă din jQuery pentru a economisi spațiu, inclusiv liste de inserții, numere de bule, pictograme, miniaturi și filtrul de căutare.

Odată ce elementele de bază sunt acoperite, autorii demonstrează cum să construiască un site web mobil simplu pentru un hotel fictiv Camden. Deși un site simplu, acesta include API-ul Google Maps statice. Autorii demonstrează, de asemenea, schema tel pentru a forma automat un telefon și schema mailto pentru a deschide o fereastră de e-mail.

În continuare, autorii discută despre modul de utilizare a formularelor și a diferitelor câmpuri de formulare din jQuery Mobile. Aceștia discută modul în care Ajax este utilizat pentru a trimite și primi informații și a actualiza câmpurile de formular. Mergând mai departe, autorii acoperă crearea de dialoguri, grile de layout, ferestre de tip pop-up, blocuri pliabile și tabele și widget-uri responsive. Deși PHP este cel mai obișnuit limbaj al serverului, autorii folosesc ColdFusion Adobe pentru procesarea din spate.

Folosind abilitățile pe care le-ați învățat până acum, autorii vă ajută să construiți o aplicație mobilă pentru păstrarea notelor. În primul rând, ei discută despre proiectarea aplicației și crearea unui cadru pentru fiecare funcție a aplicației. Autorii introduc JavaScript și utilizarea tiparelor de proiectare, precum și modul de colectare și stocare a datelor utilizatorilor prin HTML5.

În continuare, autorii trec la funcții mai avansate jQuery Mobile, cum ar fi utilitățile JavaScript și API-urile. Încep cu pagina și utilitățile de navigare și trec la evenimente fizice și pe pagini. De acolo, ei introduc cum să folosească temele care sunt pre-construite cu jQuery Mobile și cum să-ți creezi propriile pictograme și să îți personalizezi propriile teme cu ThemeRoller. Înveți, de asemenea, cum să aplici tema personalizată pe aplicația pentru păstrarea notelor, construită în capitolul precedent. Autorii discută, de asemenea, modul în care jQuery Mobile folosește sprituri CSS atât pentru retina ridicată, cât și pentru rezoluții joase.

În cele din urmă, sunteți gata să construiți o aplicație nativă folosind jQuery Mobile și PhoneGap. Înveți cum să folosești API-urile native, cum ar fi accelerometrul, camera și geolocalizarea. Autorii se concentrează asupra modului de a construi o aplicație RSS Reader funcțională.

Veți găsi fișiere de suport pentru această carte pe site-ul editorului. Deși am considerat că această carte este o bună introducere în jQuery Mobile, autorii au ales să folosească Adobe^R Fuziune la rece^R serverul pentru fișierele demo le poate limita publicului țintă.

Raymond Camden este un evanghelist dezvoltator senior pentru Adobe și este specializat în standarde web, dezvoltare mobilă și dezvoltare ColdFusion. Andy Mathews este un veteran de 16 ani în dezvoltarea de aplicații web și aplicații.

Mai multe informații pe Packtpub.com

Dezvăluire: nu am fost compensat financiar pentru acest articol. Packtpub a furnizat acest ebook în scop de recenzie. Opiniile sunt complet ale mele pe baza experienței mele.