Angular Up Follow Up Ionic Meetup

Ionic Israel

Shalom

Sani Yusuf

• Founder Of Haibrid
• Co-Organiser Of Ionic-UK
• Author & Trainer
• Recently Traveled The World
• Big Fan Of Avatar Movie

@saniyusuf

Why Am I Here?

• IOS App

• Android App
• Windows App (Yes Still Alive)
• Progressive Web App

An open source SDK that lets web developers build mobile applications

It's Really Just Web

How It All Fits

Device Features

Let's See Some Features Of Ionic

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>

Push/Pop Navigation

• Custom & Stack Based 
• Mimics Native Routing
• Supports Deep-Linking
• Every @Component Treated As a Page

   
    pushSettings() {
      this.nav.push(Settings);
    }
    
    goBack() {
      this.nav.pop();
    }
    
    resetHome() {
      this.nav.setRoot(Home);
    }

Fully Featured CLI Tool

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

Awesome Huge Community

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

Configurable & Customisable

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

Right To Left Support

• One Line Activation

• Affects Orientation Of Components

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

Now Let's Talk Progressive Web Apps

What Is A Progressive Web App?

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

Telavivo APP

• Demo App For Tourists In Israel
• Contains Useful Tourist Questions
• Listen To Israeli' Music 
• Hebrew Translation & RIght To Left Support

https://github.com/saniyusuf/telavivo

http://bit.do/telavivo

Telavivo Preview

try to turn the wifi off and play the music video on the music tab

http://bit.do/telavivo

Great Things To Be Aware Of

Ionic Cloud

Ionic View App

• Available On IOS & Android
• Test On Real Device
• Share With Anyone
• No More Long Waits For New Build
• No Ned For IOS/Android Certificates
• No Need For Testflight

http://view.ionic.io

Parting Words

• Now You Can Have One Project But 4 Mobile Solutions 

• 100% Code Re-Use 

• Cost Effective & Time Conscious 

• Focus Less On The How To Do & More On Doing The To-DO

• A Win For The Web Is A Win For Us All

Join Ionic Israel

http://www.meetup.com/Ionic-Israel

http://twitter.com/ionicisrael

Join Angular Israel

http://www.meetup.com/AngularJS-IL/

Get Started Today

http://ionicframework.com/docs/v2/getting-started/

http://www.joshmorony.com/tag/ionic2/

Find Me Online

@saniyusuf

https://forum.ionicframework.com/

http://ionicworldwide.herokuapp.com/

Abeg Una Get Question?

Nigerian For Any Questions?