Apps mit HTML5 und CSS3 - Florian Franke

. .

Résumé :
<p>Entdecken Sie die MÖglichkeiten von HTML5 und CSS3 fÜr die Entwicklung von modernen und plattformÜbergreifenden Apps. Egal, ob fÜr Tablets oder Smartphones, fÜr Android oder iOS. Schnell erhalten Sie ein GefÜhl fÜr die technischen und gestalterischen MÖglichkeiten einer mobilen Anwendung. Sie erstellen erste Apps, gestalten Zeitschriften und BÜcher fÜr iPad (mini) und Co. und nutzen alle MÖglichkeiten der mobilen GerÄte. Inkl. Ausbau zu nativen Programmen und dem Einsatz von JavaScript-Frameworks. Abgerundet wird das Ganze durch eine Anleitung, die Ihnen zeigt, wie Sie Ihre Anwendung in Apples App Store und Google Play verÖffentlichen kÖnnen.</p> <p>Aus dem Inhalt:<br /></p> <![CDATA[<p><ul><li>Testumgebung einrichten</li> <li>Native Apps vs. Web Apps</li> <li>Mobile Webentwicklung mit HTML5</li> <li>CSS3 - Grundlagen und Neuerungen</li> <li>jQuery Mobile und Sencha Touch</li> <li>Adobe Edge</li> <li>HTML5 als Designwerkzeug</li> <li>Animationen mit CSS</li> <li>Zeichnen - das canvas-Element</li> <li>Wireframing</li> <li>Positionsbestimmung</li> <li>Bewegungssensor</li> <li>Web Apps offline nutzen</li> <li>Native Apps erstellen mit PhoneGap</li> <li>VerÖffentlichung einer Web App</li> <li>iPhone 5 und iPad mini</li></ul></p>]]>

Sommaire:
Vorwort ... 13 Bevor's richtig losgeht -- Installation von XAMPP ... 15 1. Apps ... 23 1.1 ... Native Apps vs. WebApps ... 23 1.2 ... Warum ist es sinnvoll, auf Touch-GerÄten zu entwickeln? ... 30 1.3 ... Showcase -- das kÖnnen HTML5-Apps ... 33 2. HTML5 in der mobilen Webentwickung ... 37 2.1 ... HTML5 -- Definition und aktueller Stand ... 37 2.2 ... Was HTML5 bietet ... 39 2.3 ... CSS3 -- Grundlagen und Neuerungen ... 44 2.4 ... Desktop vs. Mobile -- die Unterschiede ... 65 2.5 ... Entwickeln mit JavaScript-Frameworks -- Zepto und Co. ... 85 2.6 ... JavaScript auf dem iPhone testen ... 100 2.7 ... Die Geschwindigkeit einer WebApp verbessern ... 101 3. Konzeption und Gestaltungsprinzipien ... 109 3.1 ... Touch-typisches Design in der Praxis ... 109 3.2 ... Eine App konzipieren ... 134 4. HTML5 als Designwerkzeug ... 149 4.1 ... Ordnung halten mit CSS-Rastersystemen ... 149 4.2 ... Mal was anderes als Arial -- Webfonts ... 170 4.3 ... HinzufÜgen von Audio und Video ... 182 4.4 ... Animationen mit CSS ... 198 4.5 ... Animationen mit Adobe Edge Animate ... 211 4.6 ... Zeichnen mit JavaScript -- das canvas-Element ... 223 5. Positionsbestimmung ... 239 5.1 ... Die Positionsbestimmung mit HTML5 ... 240 5.2 ... Die Where-to-Eat-App ... 244 5.3 ... More Fun mit Geodaten ... 270 6. Auslesen des Bewegungssensors mit JavaScript ... 275 6.1 ... Diese Daten liefert der Bewegungssensor ... 276 6.2 ... VorÜberlegungen zur App ?Shake it like a Polaroid picture? ... 279 6.3 ... ?Shake it like a Polaroid picture? -- die Umsetzung ... 280 6.4 ... Die Anzeige eigener Bilder mit dem Input-Element ... 300 7. Offline -- damit eine App in jedem Winkel der Welt funktioniert ... 317 7.1 ... Abhilfe schafft das Cache-Manifest ... 319 7.2 ... Der Local Storage -- die Offline-Datenbank ... 324 7.3 ... Die Offline-To-do-App ... 326 7.4 ... Checkliste zum ÜberprÜfen der Offline-FÄhigkeit einer WebApp ... 339 8. WebApps mit Frameworks entwickeln ... 341 8.1 ... Entwicklung einer WebApp mit jQuery Mobile ... 341 8.2 ... Die Entwicklung einer App mit Sencha Touch ... 380 8.3 ... Responsive Apps mit Twitter Bootstrap ... 411 9. Native Anwendungen und App-Stores ... 435 9.1 ... Eine WebApp wird zur nativen Anwendung ... 435 9.2 ... Ein Spiel mit PhoneGap ... 456 9.3 ... Eine native Magazin-App mit Laker ... 469 9.4 ... Die VerÖffentlichung einer App in einem App-Store ... 472 9.5 ... Publizieren der WebApp in einem Store oder als Webseite ... 483 10. Windows Phone 8 ... 491 10.1 ... Was ist Windows Phone? ... 491 A. WeiterfÜhrende Informationen ... 507 A.1 ... HTML5 und CSS3 ... 507 A.2 ... JavaScript und nÜtzliche Tools ... 508 A.3 ... iOS, Apple ... 508 A.4 ... Android, Google ... 509 A.5 ... Technologie und Gadgets ... 509 A.6 ... Digital Publishing ... 510 A.7 ... Design und Inspiration ... 510 A.8 ... Sonstiges ... 511 A.9 ... Interessante Twitter-Kontakte ... 511 Index ... 513

Buchtipp!