SlideShare ist ein Scribd-Unternehmen logo
DAS IONIC UNIVERSUM
HELLO, I’M SIMON FROM DEVDACTIC!
Simon Reimler
DAS IONIC UNIVERSUM
AGENDA
▸ Planet Ionic
▸ Landung auf Ionic 3.x
▸ Tägliches Leben
▸ Outer Rim
▸ Zeitkapsel
PLANET IONIC
Simon Reimler
PLANET IONIC
WAS IST IONIC?
▸ Open Source Framework für mobile Apps
▸ Eine Codebase, alle Plattformen
▸ “Hybride Apps”
Simon Reimler
PLANET IONIC
ONE CODE TO RULE THEM ALL
Simon Reimler
PLANET IONIC
CORDOVA - DER HEIMLICHE STAR
▸ Packt unsere App als native app
▸ Zugriff auf native Funktionalität
Simon Reimler
PLANET IONIC
UI KOMPONENTEN
▸ “Frontend Framework”
▸ Mobile ready Components
LANDUNG AUF
IONIC 3.X
Simon Reimler
LANDUNG AUF IONIC 3.X
WAS IST NEU?
▸ Angular 2 (mittlerweile Angular 4)
▸ “Angular”
▸ TypeScript
Simon Reimler
LANDUNG AUF IONIC 3.X
ANGULARJS VS ANGULAR
Migrationspfad?
▸ Kompletter Rewrite mit TypeScript
▸ Bessere Architektur und Performance
Simon Reimler
LANDUNG AUF IONIC 3.X
UI & THEMING
▸ Responsive Grid
▸ Sass
▸ Schnelles “Umstylen”
▸ iOS, Material Design &
Windows
Simon Reimler
LANDUNG AUF IONIC 3.X
IONIC NATIVE
▸ Wrapper für Cordova Plugins, maintained by Ionic!
▸ Einzelne NPM Pakete für Plugins
▸ “Mocking” von Plugins
Simon Reimler
LANDUNG AUF IONIC 3.X
IONIC STORAGE
▸ Spezielles Ionic NPM Paket um Daten Lokal zu speichern
▸ Key/value Pair oder JSON Objekt
▸ Fallback zu bestmöglicher Engine
▸ SQLite, IndexedDB, WebSQL, LocalStorage
Simon Reimler
LANDUNG AUF IONIC 3.X
PWA?
▸ “A Progressive Web App uses modern web capabilities to
deliver an app-like user experience.”
▸ Icon zum Homescreen hinzufügen
▸ Service Worker
▸ Push Notifications, Offline Mode,…
▸ Derzeit nur Android!
TÄGLICHES
LEBEN
$ ionic start cool app tabs
OUTER RIM
Simon Reimler
OUTER RIM
IONIC CLOUD SERVICES
▸ Authentication
▸ Push
▸ Deploy
▸ Package
▸ Test
Simon Reimler
OUTER RIM
IONIC CREATOR
▸ Drag & Drop Editor
▸ Eigene Funktionen
▸ Export
Simon Reimler
OUTER RIM
IONIC MARKETPLACE
▸ Starter Templates
▸ Plugins
▸ Themes
Simon Reimler
OUTER RIM
IONIC WORLDWIDE SUPPORT
▸ Slack (13k+ Mitglieder)
▸ Blogs
▸ Bücher
▸ Kurse
Simon Reimler
OUTER RIM
IONIC ACADEMY
▸ Roadmap
▸ Video Kurse
▸ Projekte
▸ Community
ZEITKAPSEL
Simon Reimler
ZEITKAPSEL
WEB COMPONENTS
▸ Einheitliche HTML Elemente
▸ Framework unabhängig
▸ Ionic v4 mit Web Komponenten!
Simon Reimler
ZEITKAPSEL
“BOOTSTRAP OF FRAMEWORKS”
▸ Idee: Ionic unabhängig vom Framework
▸ Angular, React, Vue, Vanilla JS
▸ State management ist das Problem (Hallo Redux!)
▸ To be continued…
“It is an exciting time to be a Web Developer!”
- Adam Bradley, Ionic Lead Developer
Vielen Dank für eure Aufmerksamkeit!
@schlimmson ionicacademy.com
saimon@devdactic.com

Weitere ähnliche Inhalte

Ähnlich wie Eine Reise durch das Ionic Universum

From Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
From Zero to still Zero: Die schönsten Fehler auf dem Weg in die CloudFrom Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
From Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
OPEN KNOWLEDGE GmbH
 
Einstieg in Xamarin und Xamarin.Forms, DDC 2018
Einstieg in Xamarin und Xamarin.Forms, DDC 2018Einstieg in Xamarin und Xamarin.Forms, DDC 2018
Einstieg in Xamarin und Xamarin.Forms, DDC 2018
André Krämer
 
Dockerize It - Mit apex in die amazon cloud
Dockerize It - Mit apex in die amazon cloudDockerize It - Mit apex in die amazon cloud
Dockerize It - Mit apex in die amazon cloud
OPITZ CONSULTING Deutschland
 
DACHNUG50 MX_Workshop.pdf
DACHNUG50 MX_Workshop.pdfDACHNUG50 MX_Workshop.pdf
DACHNUG50 MX_Workshop.pdf
DNUG e.V.
 
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
IKS Gesellschaft für Informations- und Kommunikationssysteme mbH
 
Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.
GFU Cyrus AG
 
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011Dominik Helleberg
 
Mobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesMobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & Websites
Adrian Oggenfuss
 
Auf geht‘s in die Cloud: „Das kann doch nicht so schwer sein!“
Auf geht‘s in die Cloud: „Das kann doch nicht so schwer sein!“Auf geht‘s in die Cloud: „Das kann doch nicht so schwer sein!“
Auf geht‘s in die Cloud: „Das kann doch nicht so schwer sein!“
OPEN KNOWLEDGE GmbH
 
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstelleniOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellenMichael Kühnel
 
jQuery Mobile Kompakt - das Kompendium - über 150 Seiten (typovision)
jQuery Mobile Kompakt  - das Kompendium - über 150 Seiten (typovision)jQuery Mobile Kompakt  - das Kompendium - über 150 Seiten (typovision)
jQuery Mobile Kompakt - das Kompendium - über 150 Seiten (typovision)
die.agilen GmbH
 
Android Enterprise Integration
Android Enterprise IntegrationAndroid Enterprise Integration
Android Enterprise IntegrationDominik Helleberg
 
Hybride Entwicklung mit Ionic
Hybride Entwicklung mit IonicHybride Entwicklung mit Ionic
Hybride Entwicklung mit Ionic
Lukas Leander Rosenstock
 
Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)
Koombea
 
Per Anhalter durch den Cloud Native Stack. #SEACONHH
Per Anhalter durch den Cloud Native Stack. #SEACONHHPer Anhalter durch den Cloud Native Stack. #SEACONHH
Per Anhalter durch den Cloud Native Stack. #SEACONHH
Mario-Leander Reimer
 
BATbern42 Vom Frontend Monolithen zu Micro-Frontends
BATbern42 Vom Frontend Monolithen zu Micro-FrontendsBATbern42 Vom Frontend Monolithen zu Micro-Frontends
BATbern42 Vom Frontend Monolithen zu Micro-Frontends
BATbern
 
Niemals nach Mitternacht füttern - Grüne Roboter überall!
Niemals nach Mitternacht füttern - Grüne Roboter überall!Niemals nach Mitternacht füttern - Grüne Roboter überall!
Niemals nach Mitternacht füttern - Grüne Roboter überall!
inovex GmbH
 
Creasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform AppsCreasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform Apps
Creasoft AG
 
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Gregor Biswanger
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
Connected-Blog
 

Ähnlich wie Eine Reise durch das Ionic Universum (20)

From Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
From Zero to still Zero: Die schönsten Fehler auf dem Weg in die CloudFrom Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
From Zero to still Zero: Die schönsten Fehler auf dem Weg in die Cloud
 
Einstieg in Xamarin und Xamarin.Forms, DDC 2018
Einstieg in Xamarin und Xamarin.Forms, DDC 2018Einstieg in Xamarin und Xamarin.Forms, DDC 2018
Einstieg in Xamarin und Xamarin.Forms, DDC 2018
 
Dockerize It - Mit apex in die amazon cloud
Dockerize It - Mit apex in die amazon cloudDockerize It - Mit apex in die amazon cloud
Dockerize It - Mit apex in die amazon cloud
 
DACHNUG50 MX_Workshop.pdf
DACHNUG50 MX_Workshop.pdfDACHNUG50 MX_Workshop.pdf
DACHNUG50 MX_Workshop.pdf
 
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
Mobile Applikationen: Entwicklung, Rollout, Wartung - Tipps und Tricks für di...
 
Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.Cross-Apps-Entwicklung für iPhone, Android und Co.
Cross-Apps-Entwicklung für iPhone, Android und Co.
 
Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011Android Ice Cream Sandwich WJAX 2011
Android Ice Cream Sandwich WJAX 2011
 
Mobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & WebsitesMobile Facts 2013: Apps & Websites
Mobile Facts 2013: Apps & Websites
 
Auf geht‘s in die Cloud: „Das kann doch nicht so schwer sein!“
Auf geht‘s in die Cloud: „Das kann doch nicht so schwer sein!“Auf geht‘s in die Cloud: „Das kann doch nicht so schwer sein!“
Auf geht‘s in die Cloud: „Das kann doch nicht so schwer sein!“
 
iOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstelleniOS Apps mit Webtechnologien erstellen
iOS Apps mit Webtechnologien erstellen
 
jQuery Mobile Kompakt - das Kompendium - über 150 Seiten (typovision)
jQuery Mobile Kompakt  - das Kompendium - über 150 Seiten (typovision)jQuery Mobile Kompakt  - das Kompendium - über 150 Seiten (typovision)
jQuery Mobile Kompakt - das Kompendium - über 150 Seiten (typovision)
 
Android Enterprise Integration
Android Enterprise IntegrationAndroid Enterprise Integration
Android Enterprise Integration
 
Hybride Entwicklung mit Ionic
Hybride Entwicklung mit IonicHybride Entwicklung mit Ionic
Hybride Entwicklung mit Ionic
 
Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)Responsive Mit Irhem Webseiten (German Edition)
Responsive Mit Irhem Webseiten (German Edition)
 
Per Anhalter durch den Cloud Native Stack. #SEACONHH
Per Anhalter durch den Cloud Native Stack. #SEACONHHPer Anhalter durch den Cloud Native Stack. #SEACONHH
Per Anhalter durch den Cloud Native Stack. #SEACONHH
 
BATbern42 Vom Frontend Monolithen zu Micro-Frontends
BATbern42 Vom Frontend Monolithen zu Micro-FrontendsBATbern42 Vom Frontend Monolithen zu Micro-Frontends
BATbern42 Vom Frontend Monolithen zu Micro-Frontends
 
Niemals nach Mitternacht füttern - Grüne Roboter überall!
Niemals nach Mitternacht füttern - Grüne Roboter überall!Niemals nach Mitternacht füttern - Grüne Roboter überall!
Niemals nach Mitternacht füttern - Grüne Roboter überall!
 
Creasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform AppsCreasoft-Akademie - Mobile Multiplattform Apps
Creasoft-Akademie - Mobile Multiplattform Apps
 
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
Intel XDK: Cross-Plattform Entwicklung – Apps Entwickeln für alle Plattformen...
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 

Eine Reise durch das Ionic Universum