Apps entwickeln mit HTML5 & CSS3

Digitale Magazine und Web-Apps entwickeln - für iPhone, iPad und Android

von Florian Franke, Johannes Ippen

• Web-Apps mit Sensorsteuerung, GPS- und Multimedia-Funktionen
• Digitale Magazine entwickeln und gestalten
• Inkl. jQuery Mobile, PhoneGap, Sencha Touch & Co.

DVD • 9:00 Std. Gesamtspielzeit • ISBN 978-3-8362-1982-2 •

• Training merken Training gemerkt
• 
• Versandkostenfreie Lieferung
• innerhalb von Deutschland und Österreich. Bestellungen bis 12:00 Uhr werden noch am selben Tag (Montag bis Freitag) versendet. (Info)

Sehen Sie in diesem Video-Training live, wie Sie mit HTML5 und CSS3 Apps für iOS und Android entwickeln. Florian Franke und Johannes Ippen zeigen Ihnen direkt am Bildschirm, wie Sie eigene Web-Apps erstellen, Multimedia- und GPS-Funktionen hinzufügen und auf den Bewegungssensor Ihres Smartphones zugreifen. Darüber hinaus lernen Sie, wie Sie das JavaScript-Framework jQuery Mobile effizient einsetzen, um ansprechende grafische Effekte zu erzeugen. Film für Film lernen Sie die Möglichkeiten von CSS3 kennen und gestalten ein digitales Magazin für iPad und Co. Zum Schluss erfahren Sie, wie Sie Ihre Web-App mithilfe des Frameworks PhoneGap in eine native App umwandeln und diese anschließend in diversen App Stores veröffentlichen.

• 1. Die Entwicklungsumgebung einrichten
  00:28 Std.
  • 1.1 Einleitung00:18 Min.
  • 1.2 Native Apps und Web-Apps im Vergleich06:17 Min.
  • 1.3 Showcase – das können HTML5-Apps04:51 Min.
  • 1.4 Einen lokalen Webserver auf dem Mac einrichten04:39 Min.
  • 1.5 Einen lokalen Webserver unter Windows einrichten04:39 Min.
  • 1.6 Apps im iOS-Simulator testen02:18 Min.
  • 1.7 Apps im Android-Emulator testen05:43 Min.
• 2. Die neuen Webstandards im Detail
  00:43 Std.
  • 2.1 Einleitung00:22 Min.
  • 2.2 Was HTML5 schon heute bietet10:06 Min.
  • 2.3 Sharky – die erste HTML5-App03:57 Min.
  • 2.4 Die App mit CSS3 gestalten17:10 Min.
  • 2.5 Responsive Design mit Media Queries11:59 Min.
• 3. Design-Prinzipien für Apps
  00:23 Std.
  • 3.1 Einleitung00:20 Min.
  • 3.2 Ein touchbasiertes Design entwickeln10:51 Min.
  • 3.3 Das User Interface anpassen08:39 Min.
  • 3.4 Apps konzipieren und testen03:37 Min.
• 4. Interaktivität mit JavaScript
  00:23 Std.
  • 4.1 Einleitung00:23 Min.
  • 4.2 Crashkurs JavaScript-Programmierung08:27 Min.
  • 4.3 Ein JavaScript-Framework verwenden10:24 Min.
  • 4.4 Die Geschwindigkeit optimieren04:26 Min.
• 5. Gestaltung mit HTML5 und CSS3
  01:33 Std.
  • 5.1 Einleitung00:21 Min.
  • 5.2 Ordnung halten mit CSS-Rastersystemen15:33 Min.
  • 5.3 Webseiten gestalten mit Webfonts05:48 Min.
  • 5.4 Google Webfonts einbinden08:13 Min.
  • 5.5 Webfonts mit @font-face04:13 Min.
  • 5.6 Eine Überblendung animieren07:25 Min.
  • 5.7 Animationen mit Schlüsselbildern erstellen07:56 Min.
  • 5.8 Eine dreidimensionale Karte gestalten11:21 Min.
  • 5.9 Video und Audio integrieren08:24 Min.
  • 5.10 Zeichnen mit dem Canvas-Element17:06 Min.
  • 5.11 Eine Zeichen-App erstellen mit Canvas07:21 Min.
• 6. Positionsbestimmung mit Geolocation
  00:58 Std.
  • 6.1 Einleitung00:23 Min.
  • 6.2 Den GPS-Sensor auslesen05:54 Min.
  • 6.3 Statische Google-Karten integrieren05:21 Min.
  • 6.4 Die Google-Maps-API verwenden08:24 Min.
  • 6.5 Die Restaurantliste laden08:45 Min.
  • 6.6 Die Entfernung berechnen mit JavaScript07:07 Min.
  • 6.7 Die Oberfläche der »Where-to-eat«-App15:53 Min.
  • 6.8 Die Webseite in eine App verwandeln04:29 Min.
  • 6.9 Die Web-App erweitern02:05 Min.
• 7. Den Bewegungssensor mit JavaScript auslesen
  00:45 Std.
  • 7.1 Einleitung00:20 Min.
  • 7.2 Die Daten des Bewegungssensors05:44 Min.
  • 7.3 Die Polaroid-App anlegen06:00 Min.
  • 7.4 Ein Flickr-Bild laden via JSON09:44 Min.
  • 7.5 Die CSS-Datei bearbeiten06:50 Min.
  • 7.6 Das Polaroid laden12:41 Min.
  • 7.7 Das Polaroid-Bild rotieren03:55 Min.
• 8. Offline-Webanwendungen
  00:35 Std.
  • 8.1 Einleitung00:21 Min.
  • 8.2 Die Offline-Datenbank »localStorage«02:46 Min.
  • 8.3 Die Benutzeroberfläche der Todo-App anlegen06:43 Min.
  • 8.4 Die Funktionen der App implementieren08:37 Min.
  • 8.5 Die Todo-App gestalten09:09 Min.
  • 8.6 Offline-Funktionen mit dem Cache Manifest07:25 Min.
• 9. Web-Apps mit Frameworks entwickeln
  01:46 Std.
  • 9.1 Einleitung00:22 Min.
  • 9.2 App-Entwicklung mit jQuery Mobile04:16 Min.
  • 9.3 Eine Restaurantseite als App02:22 Min.
  • 9.4 Die Startseite der App gestalten17:34 Min.
  • 9.5 Menülisten erstellen mit JSON19:34 Min.
  • 9.6 Die Detailseiten entwerfen06:48 Min.
  • 9.7 Den Routenplaner implementieren10:03 Min.
  • 9.8 Ein Kontaktformular hinzufügen mit PHP08:36 Min.
  • 9.9 Die Kontaktdaten versenden11:07 Min.
  • 9.10 Sencha Touch verwenden10:39 Min.
  • 9.11 Dreh Dich: Carousels mit Sencha Touch05:24 Min.
  • 9.12 Ein interaktives HTML5-Magazin entwickeln09:44 Min.
• 10. Native Apps und App Stores
  00:52 Std.
  • 10.1 Einleitung00:17 Min.
  • 10.2 Eine native App erstellen mit PhoneGap08:03 Min.
  • 10.3 Apple-Zertifikate und Profile anlegen07:40 Min.
  • 10.4 Apps erstellen mit PhoneGap Build05:21 Min.
  • 10.5 Die App auf einem Endgerät installieren01:37 Min.
  • 10.6 Die App im App Store anbieten14:29 Min.
  • 10.7 Die App bei Google Play hochladen10:27 Min.
  • 10.8 Die App als Web-App veröffentlichen05:03 Min.

Das Video-Training "Apps entwickeln mit HTML5 & CSS3" ist angesichts der Tatsache, dass alle neuen Browsergenerationen auf HTML5 setzen und Apps boomen, ein absolutes Muss für jeden Webentwickler. Hier bekommt man schnell, verständlich und sehr anwendungsnah mit den Autoren des Videotrainings seine ersten eigenen Web Apps gebaut. Klasse Training.
mediavalley.de, Januar 2013