Drücke die Tasten ◄ ► für weitere Artikel  

5 Dev-Tutorials für mobile Apps

Für den Einstieg in die App-Entwicklung auf mobilen Endgeräte und Tablets werden in einem Artikel bei Underworld Magazine 11 Tutorials gelistet, die sich Dev-Beispielen wie der UIAlertView-Klasse für Benachrichtigungsfenster oder jQuery Mobile für ein mobil-optimiertes WordPress Theme widmen. Wir stellen euch 5 der dort genannten Tutorials hier kurz vor.

5 Dev-Tutorials für mobile Apps
Mobile Tutorials

Einfacher Einstieg in mobile Entwicklung

Mit den bei Underworld Magazine aufgeführten Tutorials wird insbesondere Newbies der mobilen Webentwicklung erleichtert, sich mit ersten praktischen Grundlagen vertraut zu machen. Alle sind mit anschaulichen Quellcode-Beispielen versehen. Fünf der bei Underworld Magazine genannten Tutorials schauen wir uns hier etwas genauer an.

1 Einstieg in PhoneGap: Twitter und Karten

In dem Tutorial PhoneGap From Scratch: Twitter & Maps lernt man mit Quellcode-Beispielen, wie man grundsätzlich eine App debuggt oder wie man einen Twitter-Feed und Google-Karten-Basics einbindet. PhoneGap ist ein Open-Source-Toolkit für die Entwicklung mobiler mit HTML, JavaScript und CSS. PhoneGap unterstützt eine breite Palette an mobilen Endgeräten wie iOS, Android, Blackberry, Symbian, webOS, WP7 und Bada.

Tutorial zu mobiler Sculder-App mit Twitter-Feed und Google-Larten

Auch auf die Integration von Icons, die Erstellung eines PhoneGap-Templates und eines Eclipse-Projekts wird eingegangen. Am Ende des Tutorials hat man eine Vorlage für mobile Appsr, der an Grundlagen-Komponenten nur noch eine Kamera-Einbindung und Optionen für lokales Speichermanagament fehlen. Dafür gibt es weiterführende Tutorials bei mobile.tutsplus.com neben anderen wie für einen einfachen ersten Einstieg in PhoneGap.

2 iOS SDK: UIAlertView-Klasse einbinden

In diesem Tutorial wird mittels Quellcode-Beispielen Schritt für Schritt erklärt, wie man über die UIAlertView-Klasse anpassbare Alert-Fenster als Xcode-Projekt für iOS erstellt. Xcode ist eine integrierte Entwicklungsumgebung von Apple für die Entwicklung von iPhone-Apps. Der Quellcode zum Tutorial ist hier als Zip-Archiv verfügbar.

Tutorial für mobile Touch-Bedienelemente mit UIAlertView-Klasse

3 Standard-Login-Formular für mobile Apps mit DHTMLX Touch

DHTMLX Touch ist eine Open-Source-JavaScript-API für Touch-Kontrollelemente mit HTML5 auf mobilen Endgeräten. Im Tutorial Build a login form for your mobile app with DHTMLX Touch wird beschrieben, wie man die DHTML-Touch-Bibliothek einbindet, um damit dann ein Standard-Login-Formular mit Benutzername und Passwort für eigene mobile Apps zu erstellen. Tutorial-Quellcode und Demo stehen ebenfalls zur Verfügung.

Tutorial zu Standard-Login-Formular mit DHTMLX Touch

4 Mobile Version von Snake mit HTML5 Canvas und JavaScript

Das Tutorial Create a mobile version of Snake with HTML5 canvas and JavaScript stellt vor, wie man den Spieleklassiker Snake mit HTML5 und JavaScript auf Smartphones bringt. Grundlagen wie das Verarbeiten von Nutzereingaben, das Zeichnen auf der Canvas-Komponente, das Bewegen von Spielern sowie die  Kollisionsprüfung werden hier erläutert. Auch hier gibt es eine Demo und den Quellcode als Zip-Archiv.

Tutorial zu Snake mit HTML5 auf Smartphones

5 Mobil-optimiertes WordPress Theme mit jQuery Mobile

In diesem Tutorial von catswhocode.com wird vorgestellt, wie man mit Blank Theme als leerer Vorlage sein eigenes, für mobile Endgeräte optimiertes WordPress-Design erstellt. Dabei kommt das jQuery Mobile Framework zum Einsatz, das einen HTML5-Baukasten für touch-optimierte, mobile Layouts und Bedienkomponenten für alle gängigen Smartphones und bereitstellt.

Tutorial zu mobil-optimiertem WordPress Theme

Weitere nützliche Tutorials für den Einstieg in die mobile Webentwicklung findet ihr im Originalartikel bei Underworld Magazin sowie direkt auf den dort verlinkten Tutorial-Webseiten wie mobile.tutsplus.com, netmagazine.com oder catswhocode.com.

Weiterführende Links:

50 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
8 Antworten
  1. von News vom 13. Februar 2012 | Markus Bley am 13.02.2012 (23:36Uhr)

    [...] 5 Dev-Tutorials für mobile Apps Für den Einstieg in die App-Entwicklung auf mobilen Endgeräte und Tablets werden in einem Artikel bei Underworld Magazine 11 Tutorials gelistet, die sich Dev-Beispielen wie der UIAlertView-Klasse für Benachrichtigungsfenster oder jQuery Mobile für ein mobil-optimiertes WordPress Theme widmen. Wir stellen euch 5 der dort genannten Tutorials hier kurz vor. Einfacher Einstieg in mobile Entwicklung Mit [...] [...]

  2. von Meine Links des Tages – 14.02.2012… am 14.02.2012 (09:00Uhr)

    [...] 5 Dev-Tutorials für mobile Apps [...]

  3. von 5 Dev-Tutorials für mobile Apps | c… am 15.02.2012 (15:29Uhr)

    [...] background-position: 50% 0px; background-color:#222222; background-repeat : no-repeat; } t3n.de - Today, 3:29 [...]

  4. von App-Entwicklung: Apple veröffentlicht E… am 20.02.2012 (15:19Uhr)

    [...] 5 Tutorials für die App-Entwicklung – t3n News [...]

  5. von Ist Wordpress besser als andere Systeme?… am 03.03.2012 (03:32Uhr)

    [...] 5 Dev-Tutorials für mobile Apps … Endgeräte und Tablets werden in einem Artikel bei Underworld Magazine 11 Tutorials gelistet, die sich Dev-Beispielen wie der UIAlertView-Klasse für Benachrichtigungsfenster oder jQuery Mobile für ein mobil-optimiertes WordPress Theme widmen. Read more on t3n Magazin [...]

  6. von Introducing Adam Freeman's, "P… am 08.03.2012 (14:06Uhr)

    [...] UIAlertView-Klasse für Benachrichtigungsfenster oder jQuery Mobile für ein … Read more on t3n Magazin This entry was posted in Css Tutorials and tagged &quotPro, ..., Adam, Books, Cover, first, [...]

  7. von Payone: Anbieter ermöglicht In-App-Paym… am 22.03.2013 (12:20Uhr)

    [...] 5 Dev-Tutorials für mobile Apps – t3n News [...]

  8. von Mobile App Entwicklung am 26.12.2013 (07:42Uhr)

    […] Interessante Links zum Thema: Die ersten Schritte zur App – Gründerszene Die Geschichte der Mobilen Apps Was Sie beachten sollten Einsteiger Tutorials für Entwickler – T3N […]

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Tutorials
10 Tipps, um wirklich tolle Apps zu entwickeln [Infografik]
10 Tipps, um wirklich tolle Apps zu entwickeln [Infografik]

Die britischen Entwickler von Apadmi geben in einer Infografik zehn sinnvolle Tipps für alle Firmen, die eigene Apps entwickeln wollen. Die Ratschläge decken alle Bereiche von der Planung bis zur... » weiterlesen

Luca Analytics: Steve Jobs hatte Unrecht – Warum das Smartphone bald das Tablet verdrängt [Kolumne]
Luca Analytics: Steve Jobs hatte Unrecht – Warum das Smartphone bald das Tablet verdrängt [Kolumne]

Vier Jahre nach der Präsentation des ersten iPads macht sich Ernüchterung breit: iPad und Co. bleiben in ihrer Nutzung hinter den Erwartungen zurück. Und es zeigt sich immer deutlicher: Das mobile. ... » weiterlesen

//build/ 2014: Entwickler haben Microsofts Schicksal in der Hand – mehr denn je
//build/ 2014: Entwickler haben Microsofts Schicksal in der Hand – mehr denn je

Microsofts //build/-Konferenz 2014 markiert das Ende einer langjährigen und mühsamen Transformation vom Desktop-Monopolisten zum Mobile-Außenseiter. Microsoft hat alles getan, um die Fehler der... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n 35 jetzt kostenfrei probelesen! Alle Inhalte des t3n Magazins Diesen Hinweis verbergen