Introduction

Video Series on Ionic Framework

Michel Herszak JavaScript Freelancer

Edmonton Alberta, Canada

@Mherszak

base2industries.com

Introduction

76.6 % Android

19.7 % iOS

2.8 % Windows Phone

0.9 % Others

* 4Q14 figures, IDC Worldwide Quarterly Mobile Phone Tracker, February 24, 2015

World Wide Market Share*

Make your app

available for

Android & iOS

Introduction

Our choice of operating systems

Two code bases

&

Documentation

partially outdated

  • Beautiful, open source, front-end SDK
  • Provides mobile-optimized HTML, CSS, and JS components
  • Performance efficient with its minimal DOM manipulation and hardware-accelerated transitions
  • Makes use of AngularJS
  • Integration with Cordova API

So what is Ionic Framework

You can make use of any AngularJS code in your app

Introduction

So what is Ionic Framework (Ionic Stack)

Web View

(HTML/CSS/JavaScript)

Apache Gordova

API's

Mobile OS

Cordova does not convert HTML, CSS, JS into OS specific code. It executes that code inside a web view

Introduction

  • NodeJS for CLI
  • Git for Bower, which uses Git to download the required libraries
  • The package manager Bower
  • Gulp for task management
  • Cordova and Ionic CLI

What is required

You need Node only during the development.

Introduction

Examples (tabs and side menu)

Introduction

Made with Slides.com