Framework to create hybrid applications

How it Works

Overview

Distribution

CREATE/Test App

npm install -g cordova ionic
ionic start myApp tabs
ionic platform add ios
ionic build ios
ionic emulate ios

Importat Files

  • ionic.project
    • Contains ionic basic config
  • config.xml
    • Contains application advanced config
  • app.config.js
    • Contains ionic AngularJs module config
  • /hooks
    • Folder with hooks (packaging actions)

Ng-cordova

Ionic Market

Ionic PLatform

It's a BETA platform where you can create builds of your app and have functionalities that will help you with your development process.

IONIC.IO

Ionic Platform

IONIC Platform

Problems with ionic

  • Webkit rendering (slower than native)
  • Compiled project size (not app size)
  • Ionic events management (too complicated)
  • Ionic configurations (too many)
  • Compatibility when deploying (doesn't work in all devices)

SugGestions

  • Use custom gulp tasks
  • Use hooks to clean an copy files to build
  • Don't use /www folder for scripting
  • Use ionic directives instead of plain html
  • Follow angular best practices
  • Try to keep as few plugins as possible
  • Do not to override ionic style classes

Thank You!

Ionic

By Mateo Restrepo Restrepo

Ionic

Presentation about ionic framework

  • 295