Apps entwickeln mit HTML5 & CSS3

1. Die Entwicklungsumgebung einrichten [00:29 Std.]

. 1.1. Einleitung [00:19 Min.]

. 1.2. Native Apps und Web-Apps im Vergleich [06:18 Min.]

. 1.3. Showcase - das können HTML5-Apps [04:52 Min.]

. 1.4. Einen lokalen Webserver auf dem Mac einrichten [04:40 Min.]

. 1.5. Einen lokalen Webserver unter Windows einrichten [04:40 Min.]

. 1.6. Apps im iOS-Simulator testen [02:19 Min.]

. 1.7. Apps im Android-Emulator testen [05:44 Min.]

2. Die neuen Webstandards im Detail [00:44 Std.]

. 2.1. Einleitung [00:22 Min.]

. 2.2. Was HTML5 schon heute bietet [10:07 Min.]

. 2.3. Sharky - die erste HTML5-App [03:58 Min.]

. 2.4. Die App mit CSS3 gestalten [17:11 Min.]

. 2.5. Responsive Design mit Media Queries [11:59 Min.]

3. Design-Prinzipien für Apps [00:23 Std.]

. 3.1. Einleitung [00:20 Min.]

. 3.2. Ein touchbasiertes Design entwickeln [10:52 Min.]

. 3.3. Das User Interface anpassen [08:39 Min.]

. 3.4. Apps konzipieren und testen [03:35 Min.]

4. Interaktivität mit JavaScript [00:24 Std.]

. 4.1. Einleitung [00:23 Min.]

. 4.2. Crashkurs JavaScript-Programmierung [08:28 Min.]

. 4.3. Ein JavaScript-Framework verwenden [10:25 Min.]

. 4.4. Die Geschwindigkeit optimieren [04:27 Min.]

5. Gestaltung mit HTML5 und CSS3 [01:34 Std.]

. 5.1. Einleitung [00:22 Min.]

. 5.2. Ordnung halten mit CSS-Rastersystemen [15:33 Min.]

. 5.3. Webseiten gestalten mit Webfonts [05:49 Min.]

. 5.4. Google Webfonts einbinden [08:13 Min.]

. 5.5. Webfonts mit @font-face [04:14 Min.]

. 5.6. Eine Überblendung animieren [07:26 Min.]

. 5.7. Animationen mit Schlüsselbildern erstellen [07:56 Min.]

. 5.8. Eine dreidimensionale Karte gestalten [11:21 Min.]

. 5.9. Video und Audio integrieren [08:25 Min.]

. 5.10. Zeichnen mit dem Canvas-Element [17:06 Min.]

. 5.11. Eine Zeichen-App erstellen mit Canvas [07:21 Min.]

6. Positionsbestimmung mit Geolocation [00:58 Std.]

. 6.1. Einleitung [00:24 Min.]

. 6.2. Den GPS-Sensor auslesen [05:55 Min.]

. 6.3. Statische Google-Karten integrieren [05:22 Min.]

. 6.4. Die Google-Maps-API verwenden [08:25 Min.]

. 6.5. Die Restaurantliste laden [08:46 Min.]

. 6.6. Die Entfernung berechnen mit JavaScript [07:07 Min.]

. 6.7. Die Oberfläche der 'Where-to-eat'-App [15:53 Min.]

. 6.8. Die Webseite in eine App verwandeln [04:30 Min.]

. 6.9. Die Web-App erweitern [02:05 Min.]

7. Den Bewegungssensor mit JavaScript auslesen [00:45 Std.]

. 7.1. Einleitung [00:21 Min.]

. 7.2. Die Daten des Bewegungssensors [05:45 Min.]

. 7.3. Die Polaroid-App anlegen [06:00 Min.]

. 7.4. Ein Flickr-Bild laden via JSON [09:45 Min.]

. 7.5. Die CSS-Datei bearbeiten [06:50 Min.]

. 7.6. Das Polaroid laden [12:42 Min.]

. 7.7. Das Polaroid-Bild rotieren [03:56 Min.]

8. Offline-Webanwendungen [00:35 Std.]

. 8.1. Einleitung [00:22 Min.]

. 8.2. Die Offline-Datenbank 'localStorage' [02:47 Min.]

. 8.3. Die Benutzeroberfläche der Todo-App anlegen [06:43 Min.]

. 8.4. Die Funktionen der App implementieren [08:34 Min.]

. 8.5. Die Todo-App gestalten [09:09 Min.]

. 8.6. Offline-Funktionen mit dem Cache Manifest [07:26 Min.]

9. Web-Apps mit Frameworks entwickeln [01:47 Std.]

. 9.1. Einleitung [00:23 Min.]

. 9.2. App-Entwicklung mit jQuery Mobile [04:17 Min.]

. 9.3. Eine Restaurantseite als App [02:22 Min.]

. 9.4. Die Startseite der App gestalten [17:34 Min.]

. 9.5. Menülisten erstellen mit JSON [19:35 Min.]

. 9.6. Die Detailseiten entwerfen [06:49 Min.]

. 9.7. Den Routenplaner implementieren [10:04 Min.]

. 9.8. Ein Kontaktformular hinzufügen mit PHP [08:36 Min.]

. 9.9. Die Kontaktdaten versenden [11:08 Min.]

. 9.10. Sencha Touch verwenden [10:39 Min.]

. 9.11. Dreh Dich: Carousels mit Sencha Touch [05:25 Min.]

. 9.12. Ein interaktives HTML5-Magazin entwickeln [09:45 Min.]

10. Native Apps und App Stores [00:53 Std.]

. 10.1. Einleitung [00:18 Min.]

. 10.2. Eine native App erstellen mit PhoneGap [08:03 Min.]

. 10.3. Apple-Zertifikate und Profile anlegen [07:41 Min.]

. 10.4. Apps erstellen mit PhoneGap Build [05:21 Min.]

. 10.5. Die App auf einem Endgerät installieren [01:37 Min.]

. 10.6. Die App im App Store anbieten [14:29 Min.]

. 10.7. Die App bei Google Play hochladen [10:27 Min.]

. 10.8. Die App als Web-App veröffentlichen [05:00 Min.]