5 Apps One Code With Ionic

Shalom

Sani Yusuf

  • Founder Of Haibrid

  • Co-Organiser Of Ionic-UK

  • Paddle Boarding Enthusiast

  • Big Fan Of Avatar Movie

@saniyusuf

AKA ZE'EV

Today I Will Show You

How You Can Create 5 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

Seriously You Still Make Windows App???

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?

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
  • 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>
        Angular Up
      </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

Right To Left Support

  • One Line Activation

  • Affects Orientation Of Components

תל אביב יא חביבי תל אביב

Multi Language Support

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

Service Worker

Web App
Service Worker
Server

DEMO IS COMING

That Was Awesome

Ionic Cloud

Push Notifications

Auth

Analytics

Deploy

Package

Get Started Today

Find Me Online

@saniyusuf

Kuna Da Tanbaya Ney?

Hausa For Any Questions?

Five Apps One Code

By Sani Yusuf

Five Apps One Code

  • 1,908