Come integrare jQuery Mobile in Phonegap / Cordova

jQuery Mobile è uno dei migliori framework per creare un sito web mobile friendly e un'applicazione mobile. jQuery viene fornito con un numero di interfacce utente compatibili con piattaforme moderne come iOS e Android, fino alle prime piattaforme come Opera Mini e Nokia Symbian.

In questo post, ci espanderemo dalla nostra precedente discussione su PhoneGap / Cordova. Ti mostreremo come integrare jQuery Mobile in Phonegap / Cordova e compilarlo in un'applicazione iOS . Se la creazione di un'app con jQuery Mobile è tra i tuoi interessi, puoi seguire questo breve tutorial.

Iniziare

Nota: in questa fase, presumo che tu abbia creato un progetto Phonegap / Cordova e l'abbia aperto in Xcode (altrimenti, dai un'occhiata a questo post).

Poiché Phonegap / Cordova ci consente di utilizzare HTML, CSS e JavaScript, la creazione dell'app è quasi tanto semplice quanto la creazione di un sito web. Ma invece di seguire i passaggi per creare l'interfaccia dell'app qui, ti riferirò al nostro precedente tutorial, Building A Mobile Panel with JQuery Mobile, in cui ti ho mostrato come costruire pannelli sinistro e destro di jQuery Mobile. Questa è un'interfaccia così comune che puoi trovarla in qualsiasi app per dispositivi mobili, ad esempio nell'app Facebook.

Scarica il sorgente e sposta tutti i file (HTML, CSS e JavaScript) nella cartella piattaforma / ios / www . Qui è dove risiedono tutti i nostri codici per lo sviluppo dell'applicazione iOS.

Costruisci l'applicazione

Apriamo la cartella del progetto in Xcode. Stiamo per costruire l'app e visualizzarla in anteprima in iPhone Simulator, che viene spedito insieme a Xcode. L'ultima versione di Xcode imposta iOS 7 come software predefinito nel simulatore. Nel caso in cui desideri testare la tua app anche in iOS 6, puoi aggiungerla dal menu Preferenze - Download .

Quindi, seleziona il simulatore per testare la tua app; puoi selezionare tra iPhone e iPad e il software utilizzato. Una volta selezionato il simulatore, fare clic sul pulsante Riproduci nella parte superiore sinistra della finestra Xcode.

Il simulatore si avvierà automaticamente.

Questo è tutto. Puoi estendere l'app con più contenuti e funzioni con l'API di jQuery Mobile. L'utilizzo di jQuery mobile e PhoneGap rende la creazione di un'app mobile facile come la creazione di un sito Web.

Per ulteriori informazioni su jQuery Mobile, puoi rivedere i nostri post precedenti:

• Guida per principianti a jQuery Mobile
• Temi personalizzati con jQuery Mobile

30 bellissimi templi in Asia che devi visitare

Cerchi destinazioni esotiche nel mondo da inserire nei tuoi programmi di viaggio quest'anno? Il mondo è un posto bellissimo e ci sono molti siti da vedere. Ma se vuoi fare le cose in modo un po 'diverso, che ne dici di visitare i templi esotici trovati in tutta l'Asia?In questa raccolta, ho raccolto 30 dei più bei templi del mondo da aggiungere alla tua lista di destinazioni da non perdere per i tuoi prossimi piani di viaggio.

(Consigli tecnici e di design)

15 strumenti di social media per aiutarti a pubblicare al momento giusto

Fai una semplice ricerca su Google e troverai un'abbondanza di infografiche e studi che ti dicono il momento migliore per pubblicare per social network. Ora non c'è nulla di male nell'usare queste infografiche o studi come linee guida, ma bisogna ammettere che alcuni di questi suggerimenti potrebbero essere un po 'troppo generali o inclini a determinati ambienti o fattori geografici.

(Consigli tecnici e di design)