Apps mit HTML5, CSS3 und JavaScript

Für iPhone und iPad und Android
Buch | Hardcover
509 Seiten
2015 | 3., aktualisierte Auflage
Rheinwerk (Verlag)
978-3-8362-3485-6 (ISBN)

Lese- und Medienproben

Apps mit HTML5, CSS3 und JavaScript - Florian Franke, Johannes Ippen
34,90 inkl. MwSt
  • Titel ist leider vergriffen, Neuauflage unbestimmt
  • Artikel merken
  • WebApps mit Geodaten, Local Storage, Video, Sensoren
  • Prototypen mit Bootstrap, Ratchet und Framer.js
  • Native Apps mit Cordova für App Store und Google Play
Entdecken Sie die Möglichkeiten von HTML5 und JavaScript für die Entwicklung von WebApps und nativen Apps für iOS und Android. Schnell erhalten Sie ein Gefühl für die technischen und gestalterischen Möglichkeiten einer mobilen Anwendung.

Florian Franke und Johannes Ippen zeigen Ihnen, wie Sie HTML5-Apps programmieren sowie auf GPS-Funktionen und Bewegungssensoren Ihres Smartphones zugreifen.

Sie lernen darüber hinaus, wie Sie die Frameworks »Bootstrap«, »Ratchet« und »Framer.js« einsetzen und erfahren, wie Sie Ihre WebApps mithilfe von Cordoa, PhoneGap Build und React Native in native Programme umwandeln.
Ihr Einstieg in die Programmierung von HTML5-Apps:

Steigen Sie in die App-Entwicklung ein
Neben den Grundlagen in HTML5, CSS3 und JavaScript lernen Sie inspirierende Konzepte, intuitive Bedienmuster und ansprechendes App-Design kennen. Mit hilfreichen Frameworks (Bootstrap, Ratchet, Framer.js) erstellen Sie animierte Prototypen und responsive Apps.

Lernen Sie anhand ausgefallener Beispiel-Apps
Sie erfahren, wie Sie mithilfe der Positionsbestimmung und der Bewegungssensoren des Mobilgeräts einen Restaurantfinder oder eine Schüttelfoto-App erstellen. Sogar eine im Offline-Modus funktionierende To-do-App werden Sie programmieren.

Von der WebApp zur nativen App im Store
Profitieren Sie mit Hybrid Mobile Apps von den Vorteilen beider Welten. So wird aus Ihrer WebAp eine native Anwendung, die Sie im App Store oder bei Google Play veröffentlichen können. Dabei nutzen Sie Cordova, PhoneGap Build und React Native.

Themen sind insbesondere:
  • Die Vorbereitungen: Testmöglichkeiten und lokaler Webserver
  • Die Konzeptionsphase: Ideen, Prototypen
  • Einführung in die agile Softwareentwicklung
  • Das technische Grundgerüst: HTML5, CSS3 und JavaScript
  • Design - Das Feeling einer App
  • Schneller zur App mit Frameworks: Bootstrap, Ratchet und Framer.js
  • Die eigene App entwickeln: Geolocation-API, Local Storage, Video, Bewegungssensoren und Offline-Webanwendungen
  • Native Apps mit Cordova und App Stores
  • Hybrid Mobile Apps

Florian Franke ist Designer in Frankfurt und Autor des "Laker Compendium" zur Gestaltung von HTML5-Magazinen. Mit seiner Agentur "made in" gestaltet er Marken, Webseiten und Apps.

Johannes Ippen ist Designer in Berlin. Im April 2011 veröffentlichte er "aside", das erste reine HTML5-Magazin für das iPad. Zurzeit arbeitet er beim Social-Game-Entwickler Wooga am Spiel "Pocket Island" selbstverständlich als HTML5-WebApp.

Vorwort ... 13




Bevor es richtig losgeht -- Installation eines lokalen Webservers ... 15




1. Die Konzeptionsphase ... 23



1.1 ... Quick and dirty: Warum eine App? ... 23


1.2 ... Die Suche nach dem Lichtschalter -- App-Ideen finden ... 30


1.3 ... Jeder ist Endbenutzer -- stellen Sie ihn in den Mittelpunkt ... 35





2. Das technische Grundgerüst ... 45



2.1 ... HTML5 -- Definition und aktueller Stand ... 45


2.2 ... Crashkurs JavaScript ... 102


2.3 ... Funktionen und Events ... 115


2.4 ... Xhr und Json ... 135





3. Design -- das Feeling einer App ... 145



3.1 ... UI für Mobile und Desktop ... 146


3.2 ... Material Design ... 166


3.3 ... Multiscreen-Apps ... 180


3.4 ... Inspiration ... 183





4. Schneller zur eigenen App mit Frameworks ... 191



4.1 ... Responsive Apps mit Twitter Bootstrap ... 192


4.2 ... Apps erstellen mit dem Ratchet-Framework ... 210


4.3 ... Bewegte Prototypen mit Framer.js ... 230





5. Positionsbestimmung ... 253



5.1 ... Die Positionsbestimmung mit HTML5 ... 255


5.2 ... Die Where-to-Eat-App ... 258


5.3 ... More Fun mit Geodaten ... 282





6. Auslesen des Bewegungssensors mit JavaScript ... 287



6.1 ... Diese Daten liefert der Bewegungssensor ... 288


6.2 ... Vorüberlegungen zur App »Shake it like a Polaroid picture« ... 291


6.3 ... Shake it like a Polaroid picture -- die Umsetzung ... 292


6.4 ... Die Anzeige eigener Bilder mit dem »input«-Element ... 314





7. Offline -- damit eine App in jedem Winkel der Welt funktioniert ... 327



7.1 ... Abhilfe schafft das Cache-Manifest ... 328


7.2 ... Der Local Storage -- die Offlinedatenbank ... 333


7.3 ... Die Offline-To-do-App ... 335


7.4 ... Checkliste zum Überprüfen der Offlinefähigkeit einer WebApp ... 349





8. Backend als Webservice ... 351



8.1 ... Übersicht und Auswahl ... 351


8.2 ... Eine App mit Firebase-Backend entwickeln ... 358


8.3 ... Eine App für mehrere Benutzer ... 375


8.4 ... Deploy mit Firebase ... 395


8.5 ... Rechtliches ... 397


8.6 ... Fazit ... 397





9. Native Anwendungen und App Stores ... 399



9.1 ... Die Vor- und Nachteile einer nativen App ... 399


9.2 ... Hybrid Mobile Apps -- eine WebApp wird zur nativen Anwendung ... 401


9.3 ... Apps mit Cordova ... 404


9.4 ... Die Erstellung der App mit PhoneGap Build ... 422


9.5 ... Native Apps mit React Native ... 441





10. Testen mit einem Testpublikum und die Veröffentlichung in einem App Store ... 453



10.1 ... Zum Testen für Freunde und Familie: TestFairy ... 453


10.2 ... App-Marketing ... 462


10.3 ... Die Veröffentlichung Ihrer App in einem App Store ... 481


10.4 ... Ihre App bekannt machen ... 491


10.5 ... Abschließende Worte ... 496





Anhang:. Weiterführende Informationen ... 497



A.1 ... Szene und Start-ups ... 497


A.2 ... JavaScript und nützliche Tools ... 498


A.3 ... iOS, Apple ... 498


A.4 ... Android, Google ... 499


A.5 ... Technologie und Gadgets ... 499


A.6 ... Design und Inspiration ... 499


A.7 ... Sonstiges ... 500


A.8 ... Interessante Twitter-Kontakte ... 500





Index ... 503

Für Quellcodefreunde! iX - Magazin für professionelle Informationstechnik zur Vorauflage

Wer eine Web-App programmieren will, für den ist das Buch der Einstieg. Marketingfish.de zur Vorauflage

Ein optimaler Einstieg in die Programmierung von WebApps. mediavalley.de zur Vorauflage

Erscheint lt. Verlag 1.7.2015
Reihe/Serie Rheinwerk Computing
Verlagsort Bonn
Sprache deutsch
Maße 168 x 240 mm
Gewicht 1100 g
Einbandart gebunden
Themenwelt Mathematik / Informatik Informatik Programmiersprachen / -werkzeuge
Informatik Web / Internet HTML / CSS
Informatik Web / Internet JavaScript
Informatik Weitere Themen Smartphones / Tablets
Schlagworte Android • Android Apps • Apps • Bewegungssensoren • Bootstrap • Cordova • CSS3 • CSS3 (Cascading Style Sheets); Spezielle Anwendungsbereiche • Framer.js • Geodaten • HTML5 • HTML5; Spezielle Anwendungsbereiche • Hybrid Mobile Apps • Ios • iPad Apps • iPhone Apps • JavaScript • JavaScript; Spezielle Anwendungsbereiche • Mobiles Webdesign • Native Apps • Ratchet • Responsive Webdesign • Web Apps
ISBN-10 3-8362-3485-8 / 3836234858
ISBN-13 978-3-8362-3485-6 / 9783836234856
Zustand Neuware
Haben Sie eine Frage zum Produkt?
Mehr entdecken
aus dem Bereich