Slide 1

Slide 1 text

Getting Started with Ionic 2 Temi Lajumoke @ Angular Nigeria #NGNigeria

Slide 2

Slide 2 text

Temi Lajumoke @Temilaj ● Learning Facilitator @ Andela ● Microsoft Certified Professional ● IBM big data Professional ● Community thought leader @ Gooroo

Slide 3

Slide 3 text

What’s Ionic? ● Open-source framework for building cross platform mobile applications with web technologies

Slide 4

Slide 4 text

Why Ionic? ● Leverage web tech skills to build mobile apps ● Build with Angular 2 ● Native ● Platform theming ● Performance

Slide 5

Slide 5 text

The Crust

Slide 6

Slide 6 text

The Sugar

Slide 7

Slide 7 text

Agenda ● Prerequisites ● Ionic creator : to create functional UI for apps ● Scaffolding an ionic app ● Ionic components ● Ionic Navigation ● Data over HTTP and Ionic lifecycle events ● Github API (extra) ● Beyond the browser

Slide 8

Slide 8 text

What we’ll be building

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

Prerequisites ● Basic web development knowledge (HTML5, CSS3 and JavaScript) ● Basic understanding of Angular 2

Slide 11

Slide 11 text

Initializing ● $ npm install -g ionic cordova ● $ionic start Github-Ranks blank --v2

Slide 12

Slide 12 text

What do we get?

Slide 13

Slide 13 text

Components

Slide 14

Slide 14 text

Components

Slide 15

Slide 15 text

Demo (Meet and Git) Let’s get hands on

Slide 16

Slide 16 text

Thank You #NGNigeria