Getting Started with ionic 2

Slides to my presentation at Angular Nigeria about Ionic, a powerful open-source framework for building cross-platform mobile applications with web technologies. #NGNIgeria

Transcript

1. Getting Started with Ionic 2 Temi Lajumoke @ Angular Nigeria #NGNigeria
2. Temi Lajumoke @Temilaj • Learning Facilitator @ Andela • Microsoft Certified Professional • IBM big data Professional • Community thought leader @ Gooroo
3. What’s Ionic? • Open-source framework for building cross platform mobile applications with web technologies
4. Why Ionic? • Leverage web tech skills to build mobile apps • Build with Angular 2 • Native • Platform theming • Performance
5. The Crust
6. The Sugar
7. 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
8. What we’ll be building
10. Prerequisites • Basic web development knowledge (HTML5, CSS3 and JavaScript) • Basic understanding of Angular 2
11. Initializing • $ npm install -g ionic cordova • $ionic start Github-Ranks blank --v2
12. What do we get?
13. Components
14. Components
15. Demo (Meet and Git) Let’s get hands on
16. Thank You #NGNigeria