Kürzlich in Mobile Web Development

In der mobilen Webentwicklungswelt wurden in letzter Zeit einige unserer beliebtesten Tools und Frameworks aktualisiert. Dieser Beitrag gibt einen schnellen Überblick über einige der wichtigsten Updates von PhoneGap, Sencha Touch und jQuery Mobile!


PhoneGap 1.5 / Cordova

Das Nitobi-Team hat eine weitere Version ihres ständig wachsenden Tools veröffentlicht. In dieser Version gibt es viele Korrekturen sowie den reibungslosen Übergang zum Cordova-Namespace für das Framework.

Die meisten Updates beziehen sich auf Fehlerbehebungen der Version 1.4.1 über mehrere Plator-Module hinweg, insbesondere in Android. Ich kann nicht sagen, dass die Versionshinweise immer hilfreich sind. Sie sind in der Regel nur dann sinnvoll, wenn Sie das Thema bereits persönlich getroffen haben. Das Tolle daran ist jedoch, dass das Projekt schnell vorankommt und Probleme zeitnah ausgibt.

Wenn Sie sich die Versionshinweise ansehen, finden Sie viele Verweise auf "Umbenennen in Cordova". Möglicherweise haben Sie auch gehört, dass Nitobi von Adobe erworben wurde, und ihre Hauptprojekte (z. B. PhoneGap und PhoneGap Build) wurden Teil der Apache-Softwarebasis.

Was ist Cordova und was hat es mit PhoneGap zu tun? Ich habe unterschiedliche Antworten darauf gehört. Viele gelegentliche Benutzer gehen davon aus, dass Cordova und PhoneGap dasselbe sind und dass sie sich bald zu einem zusammenfügen werden. Dies ist jedoch nicht der Fall.

Um Brian Leroux zu zitieren: "PhoneGap wird von Cordova betrieben. Denken Sie: Webkit to Safari."

Mit anderen Worten: Cordova ist die Toolchain, die in PhoneGap-Projekten verwendet wird. Die Marke PhoneGap wird jedoch nicht verwendet.

Im Laufe der Zeit hat das PhoneGap-Projekt immer mehr Unterstützung für verschiedene Plattformen erhalten, und obwohl diese Version an neuen Funktionen fehlt, wurde die Unterstützung für WP7 von vielen mit offenen Armen begrüßt. Hoffentlich wird es in diesem Jahr mehr PhoneGap-Apps geben!

Weitere Informationen finden Sie auf der offiziellen Cordova-Website.


jQuery Mobile 1.1.0 RC1

Das jQuery Mobile-Team bewegt sich schnell. Es scheint, als hätten sie erst gestern den Meilenstein von 1,0 erreicht. Mit dem RC von 1.1 gibt es einige wichtige Änderungen und Ergänzungen, die Sie beachten sollten, wenn Sie gerade an einem jQuery Mobile-Projekt arbeiten.

Für viele Browser (die unterstützen) Position: feststehendjQuery Mobile ermöglicht Ihnen jetzt, statt einer hackhaften gefälschten JavaScript-Schriftrolle, wirklich feste Symbolleisten zu haben.

True Fixed Toolbars: Für viele Browser (diejenigen, die dies unterstützen) Position: feststehendjQuery Mobile ermöglicht Ihnen jetzt, statt einer hackhaften gefälschten JavaScript-Schriftrolle, wirklich feste Symbolleisten zu haben. Die Browser, die position: fixed nicht unterstützen, erhalten statische Symbolleisten. Es gibt jedoch ein Polyfil für diejenigen, die die alten festen Symbolleisten in nicht unterstützten Browsern verwenden möchten.

Feste Symbolleisten sind nicht die einzigen neuen Funktionen für diese Version. Es gibt zwei neue Seitenübergänge (z. B. "Turn" und "Flow"), Firefox-Unterstützung für Übergänge, einen viel schöneren und weniger aufdringlichen Ajax-Loader, Unterstützung für jQuery 1.7.1 (frühere Versionen wurden nur von 1.6.4 unterstützt) und Mini-Formularelemente für Formularelemente in Symbolleisten einfügen (z. B. Schieberegler, Schalter usw.). Der Flip-Schalter hat ein neues, viel schöneres Aussehen und es besteht auch die Möglichkeit, die Schieberegler-Spur beim Gleiten hervorzuheben.

Wenn Sie nicht möchten, dass jQM ein Element verbessert, können Sie jetzt das Element verwenden Datenverbesserung = "falsch" Attribut. Die Verwendung dieser Funktion ist mit einem gewissen Aufwand verbunden, daher lohnt es sich, die Dokumentation zu diesem Dokument zu lesen.

Neben diesen Funktionen wird die Plattformunterstützung immer besser, da die A-Grade-Unterstützung mit jedem Release wächst und die B- und C-Klasse immer kleiner wird. Vergessen Sie nicht, die Versionshinweise auf weitere Details zu überprüfen.


Sencha Touch 2

Sencha Touch ist ein erstaunliches Toolset zum Erstellen von mobilen Apps. Mit Sencha Touch 2 erhalten wir eine neue Version des Frameworks sowie einige großartige neue Tools. Ich habe die neue Version von Sencha Touch noch nicht verwendet, aber ich habe mich in die Dokumentation und Codebeispiele vertieft, und ich mag das, was ich sehe.

Die Verarbeitungsgeschwindigkeit und die Nutzung des gesamten HTML5-Angebots scheint für das Sencha-Team von größter Bedeutung zu sein. Sie haben etwas geleistet, das sehr gut funktioniert, und zusammen mit der Veröffentlichung von Sencha Touch 2 gibt es ein paar Tools, die ich aufgeregt bin.

Mit Sencha Designer 2 können Sie GUI-Elemente beim Erstellen von Apps per Drag & Drop ziehen. Mit Sencha Animator können Sie CSS-animierte Apps erstellen.

Sencha Designer 2 bietet Ihnen eine Drag-and-Drop-Benutzeroberfläche zum Erstellen von Apps. Einige mögen durch ihre Einfachheit abgeschreckt werden, und obwohl ihre Reichweite in Bezug auf das, was Sie damit erreichen können, begrenzt ist, ist es das ideale Werkzeug zum Erstellen von Prototypen für kleine Apps. Obwohl es sich derzeit noch in der Beta-Phase befindet, könnte dies zu einem der Gründe werden, weshalb sich viele Entwickler für Sencha Touch entscheiden.

Sencha Animator ist ein weiteres Tool, das kürzlich veröffentlicht wurde, um CSS-basierte Animationen und interaktive Apps zu erstellen. Dies sollte dazu beitragen, dass der Aufbau eines Prototyps mit reichhaltigem Aussehen oder das Hinzufügen von Animationen zu Ihrer App wesentlich einfacher wird, aber ich bin mir auch nicht sicher, wie weit die Werkzeuge reichen werden. Das Tolle ist, dass Sie immer in den exportierten Code eintauchen können.

Sencha fliegt zur Zeit sicher, und ich habe vor, in diesem Jahr einige Zeit der Erforschung ihrer Tools für die Entwicklung mobiler Anwendungen zu widmen. Mit ihren neuen Tools, Dokumentationen und hervorragenden Ressourcen zum Erlernen von Sencha setzen sie die Messlatte sehr hoch!