Code-Session App-Entwicklung

Veröffentlicht von Bastian - 29. Juli 2016

Am 13.07.2016 fand die erste Internet Halunken Code-Session mit dem Thema Hybride App-Entwicklung statt. An diesem Abend haben sich 15 Personen zusammen eingefunden und sind in die Welt der Hybriden Apps abgetaucht. Die Hauptthemen waren unteranderem Was sind Hybride Apps und warum sind diese für Webentwickler sehr angenehm umzusetzen. Es wurden außerdem die Grundlagen solchen

code_session_apps-1

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

Das könnte Dich auch interessieren

Webentwicklung – Ein Überblick

Um eine hybride App Entwickeln zu können werden verschiedene Sprachen eingesetzt. Grundlegend handelt es sich dabei um Sprachen, welche auch in der Erstellung ...

CI/CD mit Open Source Projekten

CI und CD sind beides Begriffe aus der Software Entwicklung die heutzutage eine zunehmende Bedeutung haben. In diesem Blogartikel möchte ich euch einen ersten ...

Wie HTML5-Validierung funktioniert

Formulare zu validieren war bisher eine aufreibende und anstrengende Angelegenheit für Entwickler. Die Möglichkeit, reines HTML für die Formular-Validierung ...