Ionic 8 standalone

Ionic dient zum Entwickeln von cross platform Apps.

Nutzt Angular 17

1.Einstieg, nötige Programme, NPM, Ionic installieren, Angular, IDE - VisualStudio Code

2.Start, ionic serve, Entwicklermodus, erste Änderung, neue Seite mit Loader-Icon, Loader als Starseite festlegen

14 Shop mit Cards erstellen - Bilder in assets

15 Shop - Datenbank und Service vorbereiten, HTTP in der main.ts

16 Shop - Datenbank angebunden und Text aus der Datenbank verwenden und Bilder mittels URL

Ionic 7

Ionic dient zum Entwickeln von cross platform Apps.

1.Einstieg, nötige Programme, NPM, Ionic installieren, Angular, IDE - VisualStudio Code

2.Start, ionic serve, Entwicklermodus, erste Änderung, neue Seite mit Loader-Icon, Loader als Starseite festlegen

3.Liste mit Bildern erstellen - Team, Standort-Seite - Bild und Text zentrieren, Navigation erstellen - router, Timeout-Funktion

4.Buttons einfügen, Icons im Button, slot, expand, size

5.Einkaufsliste erstellen, mit prompt und allert Elemente aufnehmen, localStorage, Elemente löschen

5.1 kopmlettes App der Einkaufsliste ins Internet stellen, FileZilla, Hoster, ionic build

6 Datenbank anlegen und Service für API

7 Login und Signup UI Oberfläche

8a Signup mit Datenbank-Eintrag über API

8b Login mit Datenbankverbindung über das API

9 Validierung der Formulareingaben im Login

10 GET-Request und API für Liste, *ngFor und Interpolation {{ }}

11 Detailseite aufrufen

12 Buttons für Editieren und Löschen

13 Mitarbeiter editieren inkl. Datum und Zeit

14 Shop mit Cards erstellen - Bilder in assets

15 Shop - Datenbank und Service vorbereiten

16 Shop - Datenbank angebunden und Text aus der Datenbank verwenden

Ionic 5 Framework

1.Einstieg, nötige Programme, NPM, Ionic installieren, IDE - VisualStudio Code

2.Start, ionic serve, Entwicklermodus, erste Änderung, neue Seite mit Loader-Icon, Loader als Starseite festlegen

3.Liste mit Bildern erstellen - Team, Standort-Seite, Navigation erstellen - router, Timeout-Funktion

4.Login und Registrieren Seiten mit Buttons, Input-Felder, Navigation zur Registrierung-Seite, click-Funktion, Aufnahme in das Side-Menü

5.Buttons einfügen, Icons im Button, slot, expand, size

6.Validierung eines Formulars, reactive Form Modul, Button disabled, Error-Meldungen

7.Datenbank Anbindung, API, Service erstellen und GET-Abfrage, *ngFor, Interpolation

8.Registrieren und Ablegen in die Datenbank

Ionic 4 Framework

0.Einstieg, nötige Programme, ionic installieren, IDE - VisualStudio Code

1.Änderungen vornehmen, Buttons, Icons verwenden, Layout

2.Neues Projekt, Liste erzeugen, Bilder anzeigen

ältere

2.neue page, Button, AlertController, Textfelder, Icons, zwischen pages navigieren

3. add-Button, Ionic Komponenten (alert, sliding-list), Funktion hinterlegen, Anzeige erstellen, Elemente löschen (splice), Wischgeste integrieren

4. Daten in eine Datenbank schreiben, zuerst localhost, dann auf einen exterenen Server