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

Web-Apps programmieren - das Training

4eck Media GmbH & Co. KG

Kategorie: Webdesign | Trainer: Daniel Koch

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

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

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

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

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

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

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

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

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

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

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

  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, ...

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

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

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

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

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

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

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

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

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

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

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

  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, ...

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

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

  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-2021 4eck-Media GmbH & Co. KG • Mit erstellt von 4eck-media.de

Top