Einführung in den Kurs
  • A1_L1 Willkommen im Kurs
  • A2_L2 Wie du den Kurs nutzen solltest
  • A3_L3 Die Kursgliederung
Setup unseres agilen Projekts
  • A2_L1 Die Produktidee und Story
  • A2_L2 Was ist agile Entwicklung?
  • A2_L3 Was ist ein Minimal Viable Product (MVP)?
  • A2_L4 Die Persona Canvas
  • A2_L5 Wie du aus einer Produktidee ein MVP machst
  • A2_L6 Was sind User-Stories?
  • A2_L7 Die User-Story für unser MVP
Das Interaktions- und Userinterfacedesign unseres MVP
  • A3_L1 Was ist User-Interface, User-Experince und Interaction Design?
  • A3_L2 Erstes Design unseres MVP entwerfen
  • A3_L3 Review und Bewertung des ersten Design
  • A3_L4 Zweites (Re)Design unseres MVP entwerfen
  • A3_L5 Balsamiq Mock-Up Design und wie du diese Software installierst
  • A3_L6 Überblick der Software Balsamiq
  • A3_L7 Design der Home Ansicht in Balsamiq
  • A3_L8 Design der Detail Ansicht in Balsamiq
  • A3_L9 Home und Detail Ansicht in Balsamiq verlinken
  • A3_L10 PDF Prototypen aus Balsamiq exportieren
Die Architektur unseres MVP
  • A4_L1 Was ist Angular, Cordova und Ionic?
  • A4_L2 Node JS installieren
  • A4_L3 Ionic installieren
  • A4_L4 Ionic Projekt für unser MVP erstellen
  • A4_L5 Ionic Projekt mit "Ionic serve" betrachten
  • A4_L6 Entwicklungsumgebung "Visual Studio" installieren
  • A4_L7 MVP App öffnen und verändern
  • A4_L8 BONUS: Tipps und Tricks für den Umgang mit der Kommandozeile
Die Programmierung der Ansichten unseres MVP
  • A5_L1 Searchbar und Liste in unser MVP einbinden
  • A5_L2 HTML Tags erklärt
  • A5_L3 Attribute auf HTML Tags setzen
  • A5_L4 Detailseite in für unser MVP in ionic erstellen
  • A5_L5 Layout Bild in ionic einbinden
  • A5_L6 "Ion Items" in Ionic erklärt
  • A5_L7 BONUS: Effektiv mit Visual Studio Code arbeiten
Die Programmierung der Logik unseres MVP
  • A6_L1 Navigation zwischen der Home- und Detailansicht
  • A6_L2 DataBinding und Variablen erklärt
  • A6_L3 ngFor erklärt
  • A6_L4 Datentypen erklärt
  • A6_L5 Objekte erklärt
  • A6_L6 Toasts mit Methoden in unserem MVP einblenden
  • A6_L7 Services erklärt
  • A6_L8 Service mit Array-Methoden erweitern
  • A6_L9 Routing mit Parametern
  • A6_L10 Daten aus JSON-Datei abrufen
  • A6_L11 Daten aus JSON-Datei abrufen 2
  • A6_L12 Two Way Data Bindings mit ngModel
  • A6_L13 Suche implementieren
  • A6_L14 BONUS Wann benötige ich den safe navigation operator?
Das Styling unseres MVP
  • A7_L1 Was ist ein Styleguide und warum brauchen wir diesen?
  • A7_L2 Einführung in CSS
  • A7_L3 Geltungsbereich von CSS
  • A7_L4 Schriftarten einbinden
  • A7_L5 Farben ändern und verwenden
  • A7_L6 Styling mit ngClass verändern
  • A7_L7 Plattformabhängige Styles
Unser MVP installieren
  • A8_L1 Deployment mit Cordova vorbereiten
  • A8_L2 Icon mit Cordova resources vorbereiten
  • A8_L3 iOS Deployment vorbereiten
  • A8_L4 iOS Deployment
  • A8_L5 JDK installieren für Android
  • A8_L6 Gradle installieren für Android
  • A8_L7 Android Studio installieren
  • A8_L8 Android Deployment
Das fertige MVP
  • A9_L1 Abnahme der User Story
  • A9_L2 Anpassung des Abnahmekriteriums
  • A9_L3 Outro - Herzlichen Dank und bis Bald!