Feedback & Wünsche
Web-Apps programmieren - das Training

Web-Apps programmieren - das Training

4eck Media GmbH & Co. KG

Kategorie: Webdesign | Trainer: Daniel Koch

Betritt jetzt die Startrampe in die mobile Welt! Mit mobilen Webanwendungen (Web-Apps) optimierst du browserbasierte Inhalte für Tablets und Smartphones und passt deinen Content dem Surfverhalten deiner Besucher optimal an. Dieses Training nimmt dich über 4 Stunden an die Hand und zeigt dir, worauf es ankommt!

  • Einstieg in die Programmierung von Web-Apps
  • Erläuterung wichtiger Funktionen
  • Zusätzlich über 250 PDF-Seiten inkl. Projektdateien

Hier geht was app - jetzt mobil werden!

Trainings-Informationen

Bewertungen

7 Kundenrezensionen Gesamtinhalt herunterladen
Jetzt dabei sein

Einstieg

Web-Apps erstellen (Teil 01): Native vs. Web-Apps

Web-Apps erstellen (Teil 01): Native vs. Web-Apps

Es sind immer mehr Smartphones und Tablets im Umlauf. Das ist sicherlich kein Geheimnis. Ebenso wenig dürfte es vor diesem Hintergrund verwundern, dass Webseiten eben auch immer häufiger per Smartphone aufgerufen werden. Genau an diesem Punkt …

  10 Min. + Text-Tutorial
Web-Apps erstellen (Teil 02): Testen der Apps

Web-Apps erstellen (Teil 02): Testen der Apps

Bei der normalen Web-Entwicklung ist das Testen von Webseiten denkbar einfach. Kein Wunder, schließlich braucht man die Seiten ja „nur“ in den verschiedenen Browsern aufzurufen. Bei den Web-Apps sieht das erfahrungsgemäß etwas anders aus. …

  12 Min. + Text-Tutorial
Web-Apps erstellen (Teil 03): Die wichtigsten HTML5-Elemente für die Semantik

Web-Apps erstellen (Teil 03): Die wichtigsten HTML5-Elemente für die Semantik

Die Grundlage der Web-App bildet eine Kombination aus HTML5 und CSS. In diesem Video-Training werdet ihr die wichtigsten Elemente kennenlernen, die mit HTML5 für die Strukturierung von Dokumenten eingeführt wurden. Das stellt dann die Basis für …

  12 Min. + Text-Tutorial
Web-Apps erstellen (Teil 04): Die Grundstruktur der App

Web-Apps erstellen (Teil 04): Die Grundstruktur der App

Die Web-App besteht zunächst einmal natürlich aus einer HTML5-Basisstruktur. Darauf wird die gesamte App aufgebaut. Grund genug also, in diesem Video-Training einen detaillierten Blick auf die HTML5-Grundstruktur der App zu werfen. Denn das ist …

  13 Min. mit Arbeitsdatei + Text-Tutorial

Grundlagen

Web-Apps erstellen (Teil 05): iWebKit für den speziellen iOS-Look (1)

Web-Apps erstellen (Teil 05): iWebKit für den speziellen iOS-Look (1)

Es gibt ganz unterschiedliche Möglichkeiten, um Apps zu erstellen. Zunächst einmal könnt ihr natürlich auf klassisches HTML5 und CSS3 setzen. Ein paar Formatierungen hier, einige App-spezifische Dinge da, und schon entsteht die App. Das Problem …

  11 Min. + Text-Tutorial
Web-Apps erstellen (Teil 06): iWebKit für den speziellen iOS-Look (2)

Web-Apps erstellen (Teil 06): iWebKit für den speziellen iOS-Look (2)

Die ersten Schritte auf dem Weg hin zur eigenen, auf iWebKit basierenden App habt ihr bereits getan. Jetzt soll das Grundgerüst natürlich mit Inhalten gefüllt werden. Genau darum geht es in diesem Video-Training. Ihr werdet die App-Inhalte …

  12 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 07): iWebKit für den speziellen iOS-Look (3)

Web-Apps erstellen (Teil 07): iWebKit für den speziellen iOS-Look (3)

Eine Web-App besteht natürlich aus deutlich mehr als aus Navigationselementen. Was normalerweise bei keiner App fehlen darf, sind beispielsweise Formulare. Und auch hier greift euch iWebKit wieder helfend unter die Arme. Um die Formulare geht es im …

  12 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 08): Der Schnelleinstieg in jQuery

Web-Apps erstellen (Teil 08): Der Schnelleinstieg in jQuery

JavaScript ist für Webseite eine feine Sache, schließlich lassen sich darüber allerlei interessante Dinge anstellen. Das Problem dabei: Leider machen die Browser nicht immer mit. Will man eine JavaScript-Anwendung so erstellen, dass sie …

  11 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 09): jQuery mobile (1)

Web-Apps erstellen (Teil 09): jQuery mobile (1)

jQuery ist zweifellos eines der bekanntesten JavaScript-Frameworks. Auf „klassischen“ Webseiten wird jQuery daher bereits tausendfach eingesetzt. Speziell für den Einsatz in Web-Apps konzipiert wurde das Schwester-Framework jQuery mobile (jQM). …

  12 Min. + Text-Tutorial
Web-Apps erstellen (Teil 10): jQuery mobile (2)

Web-Apps erstellen (Teil 10): jQuery mobile (2)

In diesem Video-Training wird die erste echte jQM-Seite erstellt. Voraussetzung dafür ist das HTML-Grundgerüst, das ihr bereits kennengelernt habt. Das bildet die Basis für die weiteren Arbeiten. Diese momentan optisch zugegebenermaßen noch …

  11 Min. + Text-Tutorial
Web-Apps erstellen (Teil 11): jQuery mobile (3)

Web-Apps erstellen (Teil 11): jQuery mobile (3)

Bei der Gestaltung von Web-Apps, die auf jQM basieren, kommt mit den Themes ein entscheidender Faktor ins Spiel. Denn über diese Themes lassen sich die Apps im Handumdrehen anpassen. Wie man Themes am besten nutzt, erfahrt ihr im ersten Teil dieses …

  13 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 12): jQuery mobile (4)

Web-Apps erstellen (Teil 12): jQuery mobile (4)

Das Grundgerüst der App steht. Was nun noch fehlt, sind die eigentlichen Inhalte. Dazu werden in diesem Video-Training zunächst die Verlinkungen untereinander ausgebaut. Prinzipiell hat man dabei immer die Möglichkeit, auf die ID einer internen …

  13 Min. + Text-Tutorial
Web-Apps erstellen (Teil 13): Video und Sound

Web-Apps erstellen (Teil 13): Video und Sound

Die App soll natürlich nicht nur einfach als Textsammlung daherkommen. Wie wäre es stattdessen denn mit ein paar Videos und MP3-Songs? Denn damit lässt sich gehörig Schwung in Smartphone und Tablet bringen. Mit HTML5 wurden entsprechende …

  11 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 14): Formulare anlegen

Web-Apps erstellen (Teil 14): Formulare anlegen

Bei klassischen Webseiten gehören Formulare fast wie selbstverständlich zum guten Ton. Innerhalb unserer App sollte es natürlich ebenfalls eine entsprechende Möglichkeit zur Kontaktaufnahme geben. In diesem Video-Training wird gezeigt, wie sich …

  10 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 15): JSON-Inhalte laden (1)

Web-Apps erstellen (Teil 15): JSON-Inhalte laden (1)

Inhalte dynamisch zu laden, ist ein ganz entscheidendes Thema im Zusammenhang mit der App-Entwicklung. Und genau darum geht es in diesem Video-Training. Ihr werdet erfahren, wie ihr Texte und Bilder ganz bequem aus einer sogenannten JSON-Datei in …

  10 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 16): JSON-Inhalte laden (2)

Web-Apps erstellen (Teil 16): JSON-Inhalte laden (2)

Ihr habt die JSON-Datei im vorherigen Video-Training angelegt. Jetzt soll natürlich noch der Zugriff auf die darin hinterlegten Informationen erfolgen. Dazu werden in diesem Video-Training zwei Seiten erstellt. Auf einer werden kurze Informationen …

  11 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 17): Zeichnen mit canvas (1)

Web-Apps erstellen (Teil 17): Zeichnen mit canvas (1)

Mit HTML5 wurde das canvas-Element eingeführt, das sicherlich eine der spektakulärsten Neuerungen darstellt. Denn eben jenes canvas ermöglicht das dynamische Zeichnen von 2D-Formen und Bitmap-Bildern direkt im Browser. In diesem Video-Training …

  11 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 18): Zeichnen mit canvas (2)

Web-Apps erstellen (Teil 18): Zeichnen mit canvas (2)

Die canvas-Grundlagen habt ihr im vorherigen Video-Training kennengelernt. Weiter geht es mit einigen anderen wichtigen Dingen, die für die Mal-App benötigt werden. Dazu gehören das Koordinatensystem, das Schreiben von Texten und das Zeichnen von …

  10 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 19): Zeichnen mit canvas (3)

Web-Apps erstellen (Teil 19): Zeichnen mit canvas (3)

In diesem letzten canvas-Teil geht es darum, die Malfunktion umzusetzen. Damit aber tatsächlich am Smartphone und Tablet gemalt werden kann, müsst ihr eine entsprechende Funktion definieren. Deren Inhalt orientiert sich an den Dingen, die in den …

  11 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 20): Schönere Schriften für die App

Web-Apps erstellen (Teil 20): Schönere Schriften für die App

Zugegeben, auch mit Schriften wie Arial und Verdana kann man gute Apps entwickeln. Richtig schick sind die vom Schriftbild dann aber oftmals nicht. Wer genug hat vom Schriften-Einheitsbrei, ist bei diesem Video-Training goldrichtig. Denn hier wird …

  11 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 21): Positionsbestimmungen (1)

Web-Apps erstellen (Teil 21): Positionsbestimmungen (1)

Eine interessante Anwendung für die App ist zweifellos die Positionsbestimmung. Denn damit kann man beispielsweise dynamische Anfahrtsskizzen generieren oder zeigen, welche Restaurants und Kinos sich in der Nähe des aktuellen Standorts befinden. …

  12 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 22): Positionsbestimmungen (2)

Web-Apps erstellen (Teil 22): Positionsbestimmungen (2)

Wie die Geolocation API prinzipiell funktioniert, habt ihr gesehen. Nun gilt es natürlich, daraus Kapital zu schlagen, also das Ganze in der App tatsächlich praktisch nutzbar zu machen. In diesem Video-Training wird die App also dahingehend …

  8 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 23): Offlinefähigkeit und Browserweiche

Web-Apps erstellen (Teil 23): Offlinefähigkeit und Browserweiche

In diesem Video-Training geht es um zwei Dinge. Ihr werdet zunächst einmal sehen, wie ihr die App dafür rüsten könnt, wenn keine Onlineverbindung besteht. Im zweiten Teil wird dann eine Browserweiche vorgestellt, die automatisch die …

  11 Min. mit Arbeitsdatei + Text-Tutorial
Web-Apps erstellen (Teil 24): App umwandeln und veröffentlichen

Web-Apps erstellen (Teil 24): App umwandeln und veröffentlichen

Bislang ging es ausschließlich um den Aufbau einer Web-App. Nun kann es aber natürlich durchaus sein, dass ihr eure Web-App so gelungen findet, dass ihr sie unbedingt auch über die verschiedenen App-Stores vertreiben wollt. Auch das ist möglich, …

  10 Min. + Text-Tutorial
Web-Apps erstellen: Das kann die App

Web-Apps erstellen: Das kann die App

In den folgenden Video-Trainings werdet ihr Arbeitstechniken kennenlernen, mit denen ihr eure eigenen Web-Apps erstellen könnt. Was es da für Techniken gibt und wie die Web-App im Endeffekt aussehen könnte, möchte ich euch gleich am Anfang …

  11 Min. mit Arbeitsdatei + Text-Tutorial

Diese Inhalte könnten dich ebenfalls interessieren

Lade...     Wir sind auf der Suche nach interessanten Trainings für dich, bitte gib uns einen Moment.

© 2002-2018 4eck-Media GmbH & Co. KG • Mit erstellt von 4eck-media.de

Top