HTML and CSS Reference
In-Depth Information
Sencha Touch ist als Open-Source-Produkt kostenlos erhältlich, und auch kommer-
zielle Projekte dürfen ohne zusätzliche Lizenzgebühren hiermit entwickelt werden.
8.2.1 Installation und erste Schritte mit Sencha Touch
Bevor Sie loslegen können, müssen Sie zunächst das Framework von
http://www.sen-
cha.com/products/touch/download/
herunterladen (Abbildung 8.18).
8
Abbildung 8.18
Downloadseite von Sencha Touch
Lassen Sie sich nicht von der ca. 25 MB großen Downloaddatei abschrecken - für Ihre
erste App benötigen Sie lediglich zwei Dateien. Kopieren Sie die folgenden Java-
Scripts in Ihren Projektordner, und verlinken Sie sie mit dem bereits bekannten
HTML-Grundgerüst:
<link rel="stylesheet" href="styles/sencha-touch.css">
<script src="javascript/sencha-touch-all-debug.js"></script>
<script src="javascript/app.js"></script>
Zusätzlich legen Sie eine Datei
app.js
an, die Sie ebenfalls im
head
-Bereich verlinken.
Dies ist auch schon alles, was Sie an HTML-Code für Ihre Sencha-Touch-App schrei-
ben müssen. Ab jetzt definieren Sie alle Elemente und Funktionen der App in der Sen-
cha-Touch-Syntax in der JavaScript-Datei. Hier zeigt sich ein großer Vorteil von
Frameworks: Statt immer zwischen drei verschiedenen Sprachen wechseln zu müs-
Search WWH ::
Custom Search