1. Build Native Mobile Apps using JavaScript and Ionic
Joseph Guadagno
@jguadagno

2. About Joseph Guadagno
Team Leader at Quicken Loans Organizer of Desert Code Camp Microsoft .NET MVP “Friend” of Redgate Father of 2, husband to 1
Former President and Vice President of INETA North America ( )
Founder of the Southeast Valley .NET User Group (SEVDNUG) in Chandler, AZ ( )
Currently serving on my the City of Chandler‘s Parks and Recreation board (since 2010)
Telerik MVP (2010 to 2012)
Microsoft Visual Basic MVP (1996)

3. Agenda
What is the Ionic Framework Breakdown the Pieces of the Ionic Framework Build an Application

4. What is the Ionic Framework

5. Ionic Framework
Ionic is a powerful HTML5 SDK that helps you build native-feeling mobile apps using web technologies like HTML, CSS, and Javascript. Ionic is focused mainly on the look and feel, and UI interaction of your app. That means it isn't a replacement for PhoneGap or your favorite Javascript framework. Instead, Ionic simply fits in well with these projects in order to simplify one big part of your app: the front end.

6. What do you need?
Node.js Cordova Text Editor Developer Accounts (Android, iOS, UWA, etc) Optionally: Gulp, Bower

7. Progressive Web Applications
What Can You Build For?
Native Applications
Android
Blackberry 10
iOS
OS X
Ubuntu
Windows
Windows Phone 8
Progressive Web Applications
Electron

8. Platform Url Android http://jjg.me/ionic_apg Blackberry
Platform Guides
Platform
Url
Android
Blackberry
iOS
osX
Ubuntu
Windows
*Note: Windows 8 has it’s own guide

9. Integrated Development Environments (IDEs)
Visual Studio (Windows / Mac) Visual Studio Code Atom Web Storm ALM Rider

10. Breakdown of the Pieces of the Ionic Framework

11. “Parts” of the Ionic Framework
Angular 2 Cordova CSS - Components API - Javascript (Device) Native Components (Plugins) Ionicons

12. Cordova

13. CSS - Components

14. API - Javascript

15. Native Device Plugins
List of Plugins Platform Support

16. Ionicons

17. Building an Application

18. Install NPM (Node Package Manager) Install Ionic Install Cordova
Required Libraries
Install NPM (Node Package Manager)
Install Ionic
npm install –g ionic
Install Cordova
npm install –g cordova
npm install –g ionic cordova

19. Create the Application Shell
ionic start <projectName> <templateName>

20. Ionic Templates
Template
Url
tabs *
sidemenu
blank
super
tutorial

21. Let’s Build an Application

22. Joseph Guadagno jguadagno@hotmail.com @jguadagno

23. Questions?

24. References

25. Urls
app