Ionic - Hybrydowe aplikacje mobilne

40
Hybrydowe aplikacje mobilne

Transcript of Ionic - Hybrydowe aplikacje mobilne

Page 1: Ionic - Hybrydowe aplikacje mobilne

Hybrydowe aplikacje mobilne

Page 2: Ionic - Hybrydowe aplikacje mobilne

Aplikacja hybrydowa

Wieloplatformowość (iOS, Android, itd.)

HTML5, CSS3, JS

Dostęp do natywnych zasobów urządzenia (Cordova)

Małe koszty wytworzenia

Page 3: Ionic - Hybrydowe aplikacje mobilne

Ionic

Page 4: Ionic - Hybrydowe aplikacje mobilne

Architektura aplikacji mobilnych

Page 5: Ionic - Hybrydowe aplikacje mobilne

CSS

Page 6: Ionic - Hybrydowe aplikacje mobilne

Header & footer

Page 7: Ionic - Hybrydowe aplikacje mobilne

Buttons

Page 8: Ionic - Hybrydowe aplikacje mobilne

Block Buttons

Page 9: Ionic - Hybrydowe aplikacje mobilne

Full Width Block Buttons

Page 10: Ionic - Hybrydowe aplikacje mobilne

Button Bar

Page 11: Ionic - Hybrydowe aplikacje mobilne

Button Header/Footer

Page 12: Ionic - Hybrydowe aplikacje mobilne

List

Page 13: Ionic - Hybrydowe aplikacje mobilne

List Dividers

Page 14: Ionic - Hybrydowe aplikacje mobilne

List Icons

Page 15: Ionic - Hybrydowe aplikacje mobilne

Item Avatars

Page 16: Ionic - Hybrydowe aplikacje mobilne

Toggle

Page 17: Ionic - Hybrydowe aplikacje mobilne

Checkbox

Page 18: Ionic - Hybrydowe aplikacje mobilne

Radio Button List

Page 19: Ionic - Hybrydowe aplikacje mobilne

Range

Page 20: Ionic - Hybrydowe aplikacje mobilne

Grid

Page 21: Ionic - Hybrydowe aplikacje mobilne

Javascript

Page 22: Ionic - Hybrydowe aplikacje mobilne

Dyrektywy

Page 23: Ionic - Hybrydowe aplikacje mobilne
Page 24: Ionic - Hybrydowe aplikacje mobilne

Gesty i zdarzenia

Page 25: Ionic - Hybrydowe aplikacje mobilne

Spinner

Page 26: Ionic - Hybrydowe aplikacje mobilne

Nawigacja

Angular UI Router

Page 27: Ionic - Hybrydowe aplikacje mobilne

Slidebox

BLUE YELLOW PINK

Page 28: Ionic - Hybrydowe aplikacje mobilne

Ionicons

Page 29: Ionic - Hybrydowe aplikacje mobilne
Page 30: Ionic - Hybrydowe aplikacje mobilne
Page 31: Ionic - Hybrydowe aplikacje mobilne

VS

Page 32: Ionic - Hybrydowe aplikacje mobilne

Nitobi

Adobe Systems

Apache Software Foundation

bazowy kod

Page 33: Ionic - Hybrydowe aplikacje mobilne

“PhoneGap is an open source distribution of Cordova.

Think about Cordova’s relationship to PhoneGap

like WebKit’s relationship to Safari or Chrome.”

Page 34: Ionic - Hybrydowe aplikacje mobilne

+ =

ngCordova

Page 35: Ionic - Hybrydowe aplikacje mobilne
Page 36: Ionic - Hybrydowe aplikacje mobilne

CLI

Page 37: Ionic - Hybrydowe aplikacje mobilne

Instalacja

Page 38: Ionic - Hybrydowe aplikacje mobilne

// kon�guracja Cordovy

// kon�guracja Ionica

// pluginy Cordovy/Ionic

// aplikacja - js, css, bilbioteki, zdjęcia

// Android/iOS

Page 39: Ionic - Hybrydowe aplikacje mobilne

Testowanie i publikowanie

Page 40: Ionic - Hybrydowe aplikacje mobilne

Przyszłość