Jump Starting Ionic2

About me

Hybrid App Development

Where Ionic actually fits?

From Ionic 1 to Ionic 2

• Start from ES6
• Learn TypeScript
• Basics of Angular 2
• Then watch this talk again!

Basics of ES6

• Classes
• Modules
• Arrow Functions

Basics of TypeScript

• Decorators
• Types

Angular 2 App Struture

• Component Decorator
• bootstrapping
• Basic Angular 2 Directives

Scaffolding Ionic 2 App

• Understading CLI
• Understanding Directory Structure
• Ionic App Structure

Navigation in Ionic 2

• How navigation works?
• Using Navigation Parameters
• Using Menu/Tabs

Various Ionic 2 UI Components

• Live Demos of Ionic 2 UI Components
• How to use them in App
• Using Ionicons

Advance Ionic 2 Features

• Virtual Scroll
• Infinte Scroll
• LocalStorage and SqlStorage

Second Look at Angular 2

• Providers
• Component's I/O
• Connecting with External world with HTTP
• Power of RxJS

Advance Features of Ionic CLI

• Generating Providers, Pipes
• Creating Icons and Splashscreen
• etc..

Using Native Features with Ionic Native

• Examples

Theming Ionic App

Demo Time!

Questions?