Course #:TP2456

Hybrid Mobile Development with Ionic and AngularJS Training

This single day course is designed for mobile application developers wishing to build hybrid mobile apps using Ionic and AngularJS.

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.


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


1 Day

Outline of Hybrid Mobile Development with Ionic and AngularJS Training

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
We regularly offer classes in these and other cities. Atlanta, Austin, Baltimore, Calgary, Chicago, Cleveland, Dallas, Denver, Detroit, Houston, Jacksonville, Miami, Montreal, New York City, Orlando, Ottawa, Philadelphia, Phoenix, Pittsburgh, Seattle, Toronto, Vancouver, Washington DC.