Today I Will Show You

How You Can Create 4 Applications With One Code Base

First We Shall Create ....

An IOS Mobile App

• Installable From The IOS App Store

• Will Work On All IOS Devices

• Will Look & Feel Like A Typical IOS App

An Android Mobile App

• Installable From The Google Play Store

• Will Work On All Android Devices

• Will Look & Feel Like A Typical Android App

An Windows Universal App

• Installable From The Windows Store

And Last But Not Least.

A Super Web Application

• Work On Normal Desktop

• Responsive To Mobile Devices

• Also Supports The Progressive Web App Initiative

All With A Single Code Base

Let Me Show You

Firstly

What Is Ionic?

Comes From The Greek Word 

 ἰόν

Which Means To Go

IONIC

What Ionic Really Is

An open source SDK that lets web developers build mobile applications

It's Really Just Web

Built On Top Of Angular

Fully Featured CLI Tool

• SASS Compilation
• Build Bundling
• Happy Marriage With Cordova
• Typescript Compilation
• Scaffolding & Genration
• Kick Ass Error Reporting

Configurable & Customisable

• Customise theme with SASS to match your brand
• • Every Feature Is Configurable
    • Component Level
    • Platform Leve
    • Global Level

Awesome Huge Community

• 30,000+ Stars On Github
• Almost 13000 Slack Members
• Active Forum
• Global Community With Over 100 Groups

Native Esque Components

• Performant Components
• Modelled Off Native SDKs
• Ionicons Library
• Semantic & Extensible

  <ion-header>
    <ion-navbar>
      <ion-title>
        Frontend Athens
      </ion-title>
    </ion-navbar>
  </ion-header>

  <ion-content>
    {{firstName}} {{lastName}}
  </ion-content>

PWA Ready

• Offline First
• Manifest.JSON & Service Worker
• Full-Screen Mode
• Home Screen Icon
• No App Stores
• Chrome Only For Now

Service Worker

Multi Language Support

• Leverages ng2-translate Library
• Support as many languages as your app requires.
• Also has built in RTL support