Vaadake üle jQuery Mobile Web Dev Essentials

• Mai 14, 2024

Mobiilseadmed on siin, et jääda, kuid kas teie veebisait on valmis? Selle Raymond Camdeni ja Andy Matthewsi raamatu pealkiri jQuery Mobile Web Development Essentials teine ​​väljaanne aitab teil oma veebisaidi mobiilseadmete jaoks valmis saada.

Autorid alustavad jQuery Mobile'i lühikese sissejuhatusega, arutades, kuidas see on HTML-põhine raamistik koos funktsioonidega, mis töötavad mobiilseadmetes nii hästi. Kui olete selle eelistes veendunud, aitavad autorid teil oma esimese veebilehe luua, selgitades, kuidas lisada jQuery Mobile'i komponent HTML-i ja kuidas andmeatribuut div töötab koos jQuery Mobile'iga.

Liikudes ühelt veebilehelt mitmele mobiilsele veebilehele arutavad autorid, kuidas jQuery Mobile hüperlinke muudab. Need näitavad, kuidas lisada mitu lehekülge ühele veebifaili failile, kasutades div-ümbrist, et tuvastada faili iga lehe sisu. Samuti arutatakse, kuidas jQuery Mobile kasutab hüperlinke ja Ajaxit ühelt leheküljelt teisele liikumiseks ja lehtede vahel liikumiseks. Samuti näidatakse, kuidas kasutada atribuuti data-prefetch sekundaarlehtede eellaadimiseks. Teema laieneb, kuna autorid arutavad navigeerimise tööriistaribasid, samuti fikseeritud ja täisekraani päiseid ja jaluseid. Mobiilseadmetes on ruumi vähe ja autorid arutavad, kuidas ruumisäästmiseks kasutada jQuery paljusid loendifunktsioone, sealhulgas sisestusloendeid, loendurimulle, ikoone, pisipilte ja otsingufiltrit.

Kui põhitõed on kaetud, demonstreerivad autorid, kuidas luua fiktiivsele hotellile Camden lihtne mobiilne veebisait. Ehkki see on lihtne veebisait, sisaldab see Google'i staatiliste kaartide API-t. Autorid demonstreerivad ka tel skeemi telefoni automaatseks valimiseks ja mailto skeemi e-posti akna avamiseks.

Järgmisena arutavad autorid, kuidas jQuery Mobile'is vorme ja erinevaid vormivälju kasutada. Nad arutavad, kuidas Ajaxi kasutatakse teabe saatmiseks ja vastuvõtmiseks ning vormi väljade värskendamiseks. Edasi liikudes katavad autorid dialoogide, paigutusvõrkude, hüpikute, kokkupandavate plokkide ning tundlike tabelite ja vidinate loomise. Ehkki PHP on kõige tavalisem serveripoolne keel, kasutavad autorid tagapõhja töötlemiseks Adobe'i ColdFusioni.

Kasutades seni õpitud oskusi, aitavad autorid teil luua märkmehoidja mobiilirakenduse. Esiteks arutavad nad rakenduse kavandamise ja raamiraami ehitamise üle rakenduse iga funktsiooni jaoks. Autorid tutvustavad JavaScripti ja kujundusmustrite kasutamist, samuti seda, kuidas HTML5 kaudu kasutaja andmeid koguda ja säilitada.

Järgmisena liiguvad autorid edasi jQuery Mobile'i keerukamate funktsioonide juurde, nagu JavaScripti utiliidid ja API-d. Need algavad lehe ja navigatsiooniutiliitidega ning liiguvad edasi füüsiliste ja leheürituste juurde. Sealt nad tutvustavad, kuidas kasutada jQuery Mobile'i abil eelvalmistatud teemasid ning kuidas luua oma ikoone ja kohandada oma teemasid ThemeRolleri abil. Samuti saate teada, kuidas kohandatud teemat rakendada eelmises peatükis loodud märkmehoidja rakendusele. Autorid arutavad ka seda, kuidas jQuery Mobile kasutab CSS-i spreid nii kõrge võrkkesta kui ka madala eraldusvõime jaoks.

Lõpuks olete valmis looma loomuliku rakenduse, kasutades jQuery Mobile ja PhoneGap. Saate teada, kuidas kasutada natiivseid API-sid, nagu kiirendusmõõtur, kaamera ja geograafiline asukoht. Autorid keskenduvad sellele, kuidas luua toimiv RSS Readeri rakendus.

Selle raamatu toetavad failid leiate kirjastaja veebisaidilt. Ehkki leidsin, et see raamat on hea sissejuhatus jQuery Mobilesse, otsustasid autorid kasutada Adobe'i^R ColdFusion^R server nende demofailide jaoks võib nende sihtrühma piirata.

Raymond Camden on Adobe vanemale arendajale mõeldud evangelist ja spetsialiseerunud veebistandarditele, mobiili- ja ColdFusion-arendusele. Andy Mathews on 16-aastane veebi- ja rakendusarenduse veteran.

Lisateave Packtpub.com

Avalikustamine: mulle ei makstud selle artikli eest rahalist hüvitist. Packtpub esitas selle e-raamatu ülevaatuse eesmärgil. Minu kogemuste põhjal on arvamused täiesti minu oma.

Video Juhiseid: Responsive Design with Bootstrap by Neel Mehta (Mai 2024).