Slide 1

Slide 1 text

Web app platform for “mobile” @kosalanuwan

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

what makes “web” so special?

Slide 4

Slide 4 text

- compatibility - independent - support - it is a standard - no vendor locking What makes it so special? Or is it special at all?

Slide 5

Slide 5 text

- faster JS - offline - app platform Out of the box features?

Slide 6

Slide 6 text

anything that has a web-viewer? - web browsers - mobile browsers - wearables - browser apps - etc. Who supports it?

Slide 7

Slide 7 text

- learn little bit about HTML and JS - need an Editor, not an IDE - may be few JS-libraries to get started - a web browser to test How do I jump start?

Slide 8

Slide 8 text

- responsive - offline data - routing - async message - cross browser issues DEMOS

Slide 9

Slide 9 text

why we should think “Mobile-first”?

Slide 10

Slide 10 text

… in next 5 years more than 6 billion Mobile Phone users /just-a-prediction

Slide 11

Slide 11 text

… in next 5 years more than 5 billion Internet users /just-a-prediction

Slide 12

Slide 12 text

How many devices connected? Now it’s nearly 9 billion

Slide 13

Slide 13 text

… in next 5 years more than 50 billion devices connected to internet /just-a-prediction

Slide 14

Slide 14 text

… in next 5 years nearly 35% devices connected to Cloud services /just-a-prediction

Slide 15

Slide 15 text

… and in average a person will connect at least 10 devices to the internet /just-a-prediction

Slide 16

Slide 16 text

… in next 5 years Internet + Mobility is for anybody at any time at any place in any device /just-a-prediction

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

is it hard to develop mobile apps? - arguably not hard. - 3 types of apps, technically 4 - native, web, hybrid, & compiled hybrid How do I choose?

Slide 19

Slide 19 text

- One app - Many platforms - Hosts inside a native app - Learn fast - Build fast What’s the big deal about Hybrid?

Slide 20

Slide 20 text

Guess the Hybrid app?

Slide 21

Slide 21 text

- They are just websites in app-stores - Native apps are better than Hybrids - You can’t access mobile features - Native apps are more beautiful - They are effin slow What people say about Hybrid apps?

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

You can build the same app using AngularJS and Cordova! /ionicframework

Slide 24

Slide 24 text

- Access device hardware : Plug-ins - Where do we store data : LocalStorage - Accessing REST API : Ajax calls - Other frameworks : Ionic, Sencha, Xamarine What else I need to know?

Slide 25

Slide 25 text

- Install an Editor - Download a mobile framework - Get the code - Build the app - Test it on Browser - Push to cloud DEMO: What can I do Today?