zu „Ionic 3 – Attraktive Apps für Android, iOS und Windows entwickeln“


1 | Einleitung

Die Ionic-Idee 5

Installation(en) 9

Umgebung ​einrichten 12

Die Website zum Buch 14

Unsere App „BoB Tours“ 15


2 | Die erste App

ionic start 18

ionic serve 21

ionic cordova build / emulate 26

ionic cordova run 28

Sidemenu-App 29

Struktur eines Ionic-Projekts 31


3 | Navigation

Pages 35

ionic generate 37

Seiten einbinden 39

Stacks 45

NavController 48

NavParams 52


4 | Services

Datenbank Backend mit Google Firebase 58

HTTP 63

Lifecycle Events 72

RxJS 82

Daten filtern 86


5 | Storage

Local Storage 96

Ionic Storage 109


6 | Komponenten für unsere App

Allgemeines 116

Action Sheets 118

Alerts 124

Badges 128

Buttons 132

Cards 133

Checkbox 137

DateTime 139

FABs 145

Gestures 148

Grid 150

Icons 153

Inputs 158

Img 160

ItemReorder 162

Lists 165

Loading 172

Modals 176

Menus 181

Radio 183

Range 187

Searchbar 197

Select 202

Toast 206

Toggle 209


7 | Theming, Styling, Customizing

Einführung 214

Simples Theming 215

Lokale und globale SCSS-Dateien 219

CSS Utilities 224

Platform Styles 229

Fonts 232

Skalierbare Vektor-Grafiken 237

Animationen 242

Dynamisches Theming 248

UI-Design für Tablets (SplitPane) 255


8 | Ionic Native

Allgemeines 264

Geolocation 265

Eine Map für unsere App 274

Native Plugins im Browser 299


9 | Kommunikation und Nachrichten

Mails, SMS & Co. 301

Social Sharing 307

Push Notifications 314


10 | Debug, Deploy & Publish

Debugging Best Practice 324

Debugging im Browser 326

Debugging im Emulator 330

Debugging auf dem Endgerät 337

Debugging mit Ionic DevApp 340

Resources (Icon und Splashscreen) 343

Die Datei config.xml 346

Der Ionic Build Prozess 348

Deploy & Publish: Android 350

Deploy & Publish: iOS 355

Deploy & Publish: Windows 363

Ionic Pro 368


Addendum

Vorbemerkung 372

Ionic Market 372

Learn Ionic 3 From Scratch 374

Ionic Academy 375