Mobile apps with Ionic2 Introduction

1. Mobile Apps with
Ionic 2

2. Hello!
Group 15
Nguyễn Văn Khoa
Phan Minh Hoàng
Nguyễn Thị Hiền

3. Goal
1. Ionic Overview
2. Architecture of Inoic
3. Components and
demo
4. Q&A ????

4. Big picture

5. Ionic Overview
Show me the number!

6. $8.5 m in fundingThat’s a lot of money
~29k stars on Github
Top 40 OSS project
4 million appsIonic apps have topped app store charts

7. Ionic Showcase
Show me the real apps

8. Pacifia

9. pixify

10. Few technical things
- Built on top of Angular
- Write your app in JS (ES5, 2016) or
TypeScript
- CSS ( SCSS )
- HTML 5 with custom tags and control
- Integrates with Cordova
=> Hoang will present these features!

11. “But wait, what’s Typescript?
TypeScript is a superset of
JavaScript that compiles to clean
JavaScript output.
Life will be easier with TypeScript

12. Typescript, huh?
Show me the code!

15. Cordova Plugins
- Access native API
- Battery, Camera, Contacts, GPS,
FileSystem
- Native Notifications, Vibration
- In app purchases

16. Progressive Web Apps in Ionic
- Progressive web apps: The
mobile future?

17. Progressive Web Apps in Ionic

18. Ionic Tools
- Ionic Creator
- Ionic Cloud

19. Architecture of Ionic
Show me!

20. Components and
Demo
Show me!

21. Q&A???
Ask me, please!

22. Thanks for watching