Apps mit HTML5, CSS3 und JavaScript - Johannes Ippen

. .

Résumé :
Entdecken Sie die MÖglichkeiten von HTML5 , CSS3 und JavaScript fÜr die Entwicklung von modernen Apps. Schnell erhalten Sie ein GefÜhl fÜr die technischen und gestalterischen MÖglichkeiten einer mobilen Anwendung. Die Web-Experten Florian Franke und Johannes Ippen zeigen Ihnen, wie Sie HTML5-Apps programmieren, Magazine und BÜcher fÜr iPad und Co. gestalten sowie auf GPS-Funktionen und Bewegungsensoren Ihres Smartphones zugreifen. Sie lernen darÜber hinaus, wie Sie die JavaScript-Frameworks ?jQuery Mobile? und ?Sencha Touch? einsetzen und erfahren, wie Sie Ihre Webapps mithilfe von PhoneGap in native Programme umwandeln. <p>Aus dem Inhalt:
</p> <p><ul><li>Die Vorbereitungen: TestmÖglichkeiten und lokaler Webserver</li> <li>Die Konzeptionsphase: Ideen, Prototypen</li> <li>EinfÜhrung in die agile Softwareentwicklung</li> <li>Das technische GrundgerÜst: HTML5, CSS3 und JavaScript</li> <li>Design - Das Feeling einer App</li> <li>Schneller zur App mit Frameworks: Bootstrap, Ratchet und Framer.js</li> <li>Die eigene App entwickeln: Geolocation-API, Local Storage, Video, Bewegungssensoren und Offline-Webanwendungen</li> <li>Native Apps mit Cordova und App Stores</li> <li>Hybrid Mobile Apps</li></ul></p> <p>Galileo Press heißt jetzt Rheinwerk Verlag.</p>

Biographie:
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.

Sommaire:
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