Bekijk jQuery Mobile Web Dev Essentials

• Mei 19, 2024

Mobiele apparaten zijn er om te blijven, maar is uw website klaar? Dit boek van Raymond Camden en Andy Matthews getiteld jQuery Mobile Web Development Essentials Tweede editie zal u helpen uw website klaar te maken voor mobiele apparaten.

De auteurs beginnen met een korte inleiding tot jQuery Mobile, waarin wordt besproken hoe het een op HTML gebaseerd framework is met de functies die zo goed werken op mobiele apparaten. Als u eenmaal overtuigd bent van de verdiensten, helpen de auteurs u bij het maken van uw eerste webpagina, waarin wordt uitgelegd hoe u de component jQuery Mobile kunt toevoegen aan HTML en hoe het gegevenskenmerk div werkt met jQuery Mobile.

Van de ene webpagina naar meerdere mobiele webpagina's, bespreken de auteurs hoe hyperlinks worden gewijzigd door jQuery Mobile. Ze laten zien hoe u meerdere pagina's aan één webpaginabestand kunt toevoegen met een div-wrapper om de inhoud voor elke pagina in het bestand te identificeren. Ze bespreken ook hoe jQuery Mobile hyperlinks en Ajax gebruikt om van de ene pagina naar de andere te gaan en tussen pagina's te schakelen. Ze laten ook zien hoe het kenmerk data-prefetch wordt gebruikt om secundaire pagina's vooraf te laden. Het onderwerp wordt breder naarmate de auteurs navigatiewerkbalken bespreken, evenals vaste en volledig scherm kop- en voetteksten. De ruimte op mobiele apparaten is beperkt en de auteurs bespreken hoe de vele lijstfuncties in jQuery kunnen worden gebruikt en gestileerd om ruimte te besparen, waaronder inzetlijsten, aantal bellen, pictogrammen, miniaturen en het zoekfilter.

Zodra de basisprincipes zijn behandeld, laten de auteurs zien hoe ze een eenvoudige mobiele website kunnen bouwen voor een fictief Hotel Camden. Hoewel het een eenvoudige website is, bevat deze wel de Static Maps API van Google. De auteurs tonen ook het telschema aan om automatisch een telefoon te bellen en het mailto-schema om een ​​e-mailvenster te openen.

Vervolgens bespreken de auteurs het gebruik van formulieren en de verschillende formuliervelden in jQuery Mobile. Ze bespreken hoe Ajax wordt gebruikt om informatie te verzenden en ontvangen en de formuliervelden bij te werken. Verder gaan de auteurs in op het maken van dialoogvensters, lay-outroosters, pop-ups, opvouwbare blokken en responsieve tabellen en widgets. Hoewel PHP de meest voorkomende taal op de server is, gebruiken de auteurs ColdFusion van Adobe voor de back-endverwerking.

Met behulp van de vaardigheden die u tot nu toe hebt geleerd, helpen de auteurs u om een ​​mobiele app voor het bijhouden van notities te bouwen. Eerst bespreken ze het ontwerpen van de applicatie en het bouwen van een draadframe voor elke functie van de app. De auteurs introduceren JavaScript en het gebruik van ontwerppatronen, evenals hoe gebruikersgegevens kunnen worden verzameld en opgeslagen via HTML5.

Vervolgens gaan de auteurs over naar meer geavanceerde functies van jQuery Mobile, zoals de JavaScript-hulpprogramma's en API's. Ze beginnen met de pagina- en navigatiehulpprogramma's en gaan door naar fysieke en pagina-evenementen. Van daaruit introduceren ze hoe u de thema's kunt gebruiken die vooraf zijn gebouwd met jQuery Mobile en hoe u uw eigen pictogrammen kunt maken en uw eigen thema's kunt aanpassen met ThemeRoller. U leert ook hoe u uw aangepaste thema kunt toepassen op de notitiebewaarder-app die in het vorige hoofdstuk is gebouwd. De auteurs bespreken ook hoe jQuery Mobile CSS-sprites gebruikt voor zowel de hoge retina als de lage resoluties.

Eindelijk bent u klaar om een ​​native applicatie te bouwen met behulp van jQuery Mobile en PhoneGap. Je leert hoe je de native API's zoals de Accelerometer, camera en Geolocation kunt gebruiken. De auteurs concentreren zich op het bouwen van een werkende RSS Reader-toepassing.

U vindt ondersteunende bestanden voor dit boek op de website van de uitgever. Hoewel ik dit boek een goede introductie vond voor jQuery Mobile, hebben de auteurs ervoor gekozen om Adobe te gebruiken^R ColdFusion^R server voor hun demo-bestanden kan hun doelgroep beperken.

Raymond Camden is een Senior Developer Evangelist voor Adobe en is gespecialiseerd in webstandaarden, mobiele en ColdFusion-ontwikkeling. Andy Mathews is een 16-jarige veteraan in web- en applicatie-ontwikkeling.

Meer informatie op Packtpub.com

Openbaarmaking: ik werd niet financieel gecompenseerd voor dit artikel. Packtpub heeft dit e-boek ter beoordeling aangeboden. De meningen zijn volledig van mij op basis van mijn ervaring.