Jedoch wurde an diesem Abend nicht nur trockene Theorie besprochen. Am Ende der Einführung stand für viele Teilnehmer die erste eigene kleine App auf dem Programm. Zusammen wurde eine kleine App geplant, Inhalte erstellt und anschließend eine App umgesetzt. Von den ersten Zeilen Code bis hin zur laufenden App auf dem eigenen Smartphone. Nicht zu vergessen die Pizzapause die an einem solchen Abend einfach nicht fehlen darf. Was es an diesem Abend für interessante Informationen rund um die App-Entwicklung gab wird hier nochmals kurz zusammengefasst. Ebenfalls steht die Präsentation als *.pptx sowie die entstandene App (Ionic www-Ordner mit den Inhalten der App) zum Download zur Verfügung.

Was haben sich die Halunken an diesem Abend alles angeschaut?

Überblick über die Themen der ersten Code-Session:

Teil 1 – Theorie – Die Unterschiedlichen Formen der Apps

Was sind Apps? Was gibt es eigentlich für Apps + Vergleich der einzelnen Kategorien Genauere Beleuchtung Hybrider Apps + Warum wollen wir hybride Apps entwickeln?

Teil 2 – Grundlagen – Programme, Frameworks, Geräte, Installation

Welche Programme wie IDEs sind nützlich und wie diese eingesetzt werden können Welche Frameworks bei der Entwicklung eingesetzt werden (speziell für Ionic und Angular.js) Installations-Guides und Konfiguration Pizzapause

Teil 3 – Praxis – Die erste eigene App

Ein paar kleine Übungen und kennenlernen der Ionic Dokumentation Planung der eigenen App Umsetzten der Eigenen App Testen der eigenen App

Unterlagen der Code-Session:

Alle Inhalte der App im www Ordner: code-session-www Ein neues Ionic Projekt wie gewohnt anlegen, den Projekt-Ordner öffnen und dort den bestehenden www Ordner durch diesen hier ersetzten. Anschließend über das CLI in den Projekt-Ordner navigieren und über ionic serve die Vorschau der App starten. Es sollte nun die Code-Session Halunken App im Browser als Vorschau dargestellt werden. Bitte nicht vergessen die Teambilder und andere Benötigten Bilder aus dem Appbilder Download entsprechend im /img Verzeichnis abzulegen. Für den Build der App werden außerdem die Schritte Spash Screen und App Icon erstellen benötigt. Diese werden in der Präsentation beschrieben. Präsentation mit Theorie Teil und Code Beispielen zur eigenen App: code-session-ppt Splash Screen PSD, App Icon PSD, Team Bilder: code-session-Appbilder Viele dieser Themen wurden auch bereits in der Themenreihe – Hybride-Appentwicklung mit Grundlagen bereits behandelt:

Weiterführende Links:

Teil 8 – Hello World mit Cordova und xCode Teil 7 – Was sind hybride Apps und wie werden sie erstellt? Teil 6 – Was ist eigentlich Teil 5 – Hosting – Server – Domains Teil 4 – Planung einer hybriden App Teil 3 – Betriebssysteme – Ein Überblick Teil 2 – Webentwickler Software – Ein Überblick Teil 1 – Hilfe, ich sitze hinter einem Proxy