What you will Learn

After completing this course, students will be able to:

  • Create Ionic apps using multiple templates.
  • Configure application navigation.
  • Implement a UI to display data and interact with the user.
  • Build application Navigation.
  • Target Apps to multiple platforms.

Prerequisites

To be successful in this course, students should be familiar with JavaScript, AngularJS, HTML5 and CSS.

Duration

1 Day

Outline for Hybrid Mobile Development with Ionic and AngularJS

1. Getting Started with Ionic

  • The Ionic Stack
  • Targeting Mobile Platforms
  • Creating a Project
  • Project Structure
  • Testing in a Browser or Mobile Device

2. Lists and other Components

  • Headers and Footers
  • Lists
  • Buttons
  • Modal
  • Popovers

3. Navigation

  • Tabs
  • Menus
  • Side Menus
  • Transitions
  • History

4. Input

  • Checkboxes
  • Radio Buttons
  • Gestures and Events
  • Swipe to Refresh

5. Putting it all together

  • Best Practices
  • Cordova Integration
  • Packaging for Android
  • Packaging for iOS